@wfrog/vc-ui 1.1.0 → 1.2.0

package/dist/es/chunk/{FHvLvzEB.mjs → DX38FfmL.mjs}

@@ -1,30 +1,30 @@
-import { defineComponent, inject, createVNode, Comment, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, withModifiers, withCtx, createElementVNode, Fragment, getCurrentInstance, ref, renderList, createTextVNode, toDisplayString, renderSlot, useSlots, provide, reactive, watch, onBeforeUpdate, onMounted, nextTick, useAttrs, withDirectives, isRef, vShow, normalizeStyle, createSlots, resolveDynamicComponent, withKeys, vModelText, Transition, mergeProps, toHandlers, onUpdated, h, resolveComponent, useTemplateRef, onBeforeUnmount } from 'vue';
+import { defineComponent, inject, createVNode, Comment, computed, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createBlock, withModifiers, withCtx, createElementVNode, Fragment, getCurrentInstance, ref, renderList, createTextVNode, toDisplayString, renderSlot, useSlots, provide, reactive, watch, onBeforeUpdate, onMounted, nextTick, useAttrs, withDirectives, vShow, normalizeStyle, createSlots, resolveDynamicComponent, withKeys, vModelText, Transition, mergeProps, toHandlers, onUpdated, h, onBeforeUnmount, resolveComponent, useTemplateRef, isRef } from 'vue';
 import { isClient, useDebounceFn, useResizeObserver, useCssVar, useEventListener, useVModel } from '@vueuse/core';
-import { E as ElInput } from './C7wQNvSS.mjs';
-import { g as unique, c as castArray, u as useTooltipContentProps, E as Ee, a as ElTooltip } from './CLMc8GzD.mjs';
-import { E as ElScrollbar } from './axpwSky6.mjs';
-import { t as tagProps, E as ElTag } from './DihosKp1.mjs';
-import { E as ElIcon } from './cPBw23yt.mjs';
+import { E as ElInput } from './DgFT6snA.mjs';
+import { g as unique, c as castArray, u as useTooltipContentProps, E as Ee, a as ElTooltip } from './DMYHOxhk.mjs';
+import { E as ElScrollbar } from './_8u_XVHh.mjs';
+import { t as tagProps, E as ElTag } from './B1BnPYNG.mjs';
+import { E as ElIcon } from './DEPZhJ0Z.mjs';
 import { Check, Loading, ArrowRight, CircleClose, ArrowDown, CaretRight } from '@element-plus/icons-vue';
-import { u as useNamespace, i as isArray, a as isEmpty, j as isFunction, g as isUndefined, v as isPropAbsent, c as buildProps, N as NOOP, d as definePropType, q as isBoolean, e as debugWarn, y as isPromise, z as hasOwn, k as isNil, h as isString, p as isObject } from './DRoyW749.mjs';
-import { u as useSizeProp, c as componentSizes } from './BsGCX4td.mjs';
+import { u as useNamespace, i as isArray, a as isEmpty, j as isFunction, g as isUndefined, v as isPropAbsent, c as buildProps, N as NOOP, d as definePropType, q as isBoolean, e as debugWarn, y as isPromise, z as hasOwn, k as isNil, h as isString, p as isObject } from './CcKUdl3e.mjs';
+import { u as useSizeProp, c as componentSizes } from './BK4T_2ha.mjs';
 import { i as iconPropType } from '../components/icon/icon2.mjs';
-import { u as useEmptyValuesProps, a as useEmptyValues } from './BcTuAX8r.mjs';
+import { u as useEmptyValuesProps, a as useEmptyValues } from './Dsye5ZEp.mjs';
 import { C as CHANGE_EVENT, U as UPDATE_MODEL_EVENT } from './Ct6q2FXg.mjs';
-import { _ as _export_sfc, w as withInstall } from './DTLPXrjb.mjs';
-import { C as ClickOutside } from './DrgvuOYH.mjs';
-import { u as useLocale } from './Dk6Bx0KT.mjs';
-import { u as useFormItem, b as useFormDisabled, c as useFormSize } from './DXPWe_a5.mjs';
-import { a as useComposition, u as useFocusController } from './XwSiBVsA.mjs';
+import { _ as _export_sfc, w as withInstall } from './BTsEMnf_.mjs';
+import { C as ClickOutside } from './CL5WTCB3.mjs';
+import { u as useLocale } from './plK2vnjp.mjs';
+import { u as useFormItem, b as useFormDisabled, c as useFormSize } from './U13Qpiki.mjs';
+import { a as useComposition, u as useFocusController } from './CM_I1FoA.mjs';
 import { g as getEventCode, E as EVENT_CODE } from './BTpNRPQW.mjs';
 import { b as isLeaf, c as focusNode, g as getSibling } from './CsLIbnzG.mjs';
-import { c as cloneDeep } from './DouIsSPi.mjs';
-import { b as ElCheckbox, c as ElRadio } from './DFOLES4O.mjs';
-import { r as removeClass, b as addClass } from './CizMbf5K.mjs';
-import { u as useId, f as formItemContextKey } from './CBSopeeE.mjs';
-import { i as isEqual } from './BsLJxiSC.mjs';
-import { s as scrollIntoView } from './Bl2KlMdP.mjs';
-import { b as baseFlatten } from './BpqBBo4z.mjs';
+import { c as cloneDeep } from './CNILa-hz.mjs';
+import { b as ElCheckbox, c as ElRadio } from './BA2yoAwy.mjs';
+import { r as removeClass, b as addClass } from './Bl0WQiki.mjs';
+import { u as useId, f as formItemContextKey } from './DQHGjqG5.mjs';
+import { i as isEqual } from './Dw-yyl2m.mjs';
+import { s as scrollIntoView } from './oW98L-44.mjs';
+import { b as baseFlatten } from './BDyXj_90.mjs';
 import { _ as _export_sfc$1 } from './pcqpp-6-.mjs';
 
 /** Used as references for various `Number` constants. */
@@ -89,11 +89,12 @@ var NodeContent$1 = defineComponent({
   }
 });
 
-const __default__$5 = defineComponent({
-  name: "ElCascaderNode"
-});
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  ...__default__$5,
+const _hoisted_1$2 = ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"];
+const _sfc_main$9 = defineComponent({
+  ...{
+    name: "ElCascaderNode"
+  },
+  __name: "node",
   props: {
     node: {
       type: Object,
@@ -102,8 +103,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     menuId: String
   },
   emits: ["expand"],
-  setup(__props, { emit }) {
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     const panel = inject(CASCADER_PANEL_INJECTION_KEY);
     const ns = useNamespace("cascader-node");
     const isHoverMenu = computed(() => panel.isHoverMenu);
@@ -116,9 +118,13 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     });
     const isDisabled = computed(() => props.node.isDisabled);
     const isLeaf = computed(() => props.node.isLeaf);
-    const expandable = computed(() => checkStrictly.value && !isLeaf.value || !isDisabled.value);
+    const expandable = computed(
+      () => checkStrictly.value && !isLeaf.value || !isDisabled.value
+    );
     const inExpandingPath = computed(() => isInPath(panel.expandingNode));
-    const inCheckedPath = computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+    const inCheckedPath = computed(
+      () => checkStrictly.value && panel.checkedNodes.some(isInPath)
+    );
     const isInPath = (node) => {
       var _a;
       const { level, uid } = props.node;
@@ -184,46 +190,51 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("li", {
         id: `${__props.menuId}-${__props.node.uid}`,
         role: "menuitem",
-        "aria-haspopup": !unref(isLeaf),
-        "aria-owns": unref(isLeaf) ? void 0 : __props.menuId,
-        "aria-expanded": unref(inExpandingPath),
-        tabindex: unref(expandable) ? -1 : void 0,
+        "aria-haspopup": !isLeaf.value,
+        "aria-owns": isLeaf.value ? void 0 : __props.menuId,
+        "aria-expanded": inExpandingPath.value,
+        tabindex: expandable.value ? -1 : void 0,
         class: normalizeClass([
           unref(ns).b(),
-          unref(ns).is("selectable", unref(checkStrictly)),
+          unref(ns).is("selectable", checkStrictly.value),
           unref(ns).is("active", __props.node.checked),
-          unref(ns).is("disabled", !unref(expandable)),
-          unref(inExpandingPath) && "in-active-path",
-          unref(inCheckedPath) && "in-checked-path"
+          unref(ns).is("disabled", !expandable.value),
+          inExpandingPath.value && "in-active-path",
+          inCheckedPath.value && "in-checked-path"
         ]),
         onMouseenter: handleHoverExpand,
         onFocus: handleHoverExpand,
         onClick: handleClick
       }, [
         createCommentVNode(" prefix "),
-        unref(multiple) && unref(showPrefix) ? (openBlock(), createBlock(unref(ElCheckbox), {
+        multiple.value && showPrefix.value ? (openBlock(), createBlock(unref(ElCheckbox), {
           key: 0,
           "model-value": __props.node.checked,
           indeterminate: __props.node.indeterminate,
-          disabled: unref(isDisabled),
-          onClick: withModifiers(() => {
-          }, ["stop"]),
+          disabled: isDisabled.value,
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"])),
           "onUpdate:modelValue": handleSelectCheck
-        }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : unref(checkStrictly) && unref(showPrefix) ? (openBlock(), createBlock(unref(ElRadio), {
+        }, null, 8, ["model-value", "indeterminate", "disabled"])) : checkStrictly.value && showPrefix.value ? (openBlock(), createBlock(unref(ElRadio), {
           key: 1,
-          "model-value": unref(checkedNodeId),
+          "model-value": checkedNodeId.value,
           label: __props.node.uid,
-          disabled: unref(isDisabled),
+          disabled: isDisabled.value,
           "onUpdate:modelValue": handleSelectCheck,
-          onClick: withModifiers(() => {
-          }, ["stop"])
+          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"]))
         }, {
           default: withCtx(() => [
             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      "),
-            createElementVNode("span")
+            _cache[2] || (_cache[2] = createElementVNode(
+              "span",
+              null,
+              null,
+              -1
+            ))
           ]),
           _: 1
-        }, 8, ["model-value", "label", "disabled", "onClick"])) : unref(isLeaf) && __props.node.checked ? (openBlock(), createBlock(unref(ElIcon), {
+        }, 8, ["model-value", "label", "disabled"])) : isLeaf.value && __props.node.checked ? (openBlock(), createBlock(unref(ElIcon), {
           key: 2,
           class: normalizeClass(unref(ns).e("prefix"))
         }, {
@@ -235,36 +246,41 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         createCommentVNode(" content "),
         createVNode(unref(NodeContent$1), { node: __props.node }, null, 8, ["node"]),
         createCommentVNode(" postfix "),
-        !unref(isLeaf) ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [
-          __props.node.loading ? (openBlock(), createBlock(unref(ElIcon), {
-            key: 0,
-            class: normalizeClass([unref(ns).is("loading"), unref(ns).e("postfix")])
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Loading))
-            ]),
-            _: 1
-          }, 8, ["class"])) : (openBlock(), createBlock(unref(ElIcon), {
-            key: 1,
-            class: normalizeClass(["arrow-right", unref(ns).e("postfix")])
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(ArrowRight))
-            ]),
-            _: 1
-          }, 8, ["class"]))
-        ], 64)) : createCommentVNode("v-if", true)
-      ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"]);
+        !isLeaf.value ? (openBlock(), createElementBlock(
+          Fragment,
+          { key: 3 },
+          [
+            __props.node.loading ? (openBlock(), createBlock(unref(ElIcon), {
+              key: 0,
+              class: normalizeClass([unref(ns).is("loading"), unref(ns).e("postfix")])
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(Loading))
+              ]),
+              _: 1
+            }, 8, ["class"])) : (openBlock(), createBlock(unref(ElIcon), {
+              key: 1,
+              class: normalizeClass(["arrow-right", unref(ns).e("postfix")])
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(ArrowRight))
+              ]),
+              _: 1
+            }, 8, ["class"]))
+          ],
+          64
+        )) : createCommentVNode("v-if", true)
+      ], 42, _hoisted_1$2);
     };
   }
 });
-var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "node.vue"]]);
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/cascader-panel/src/node.vue"]]);
 
-const __default__$4 = defineComponent({
-  name: "ElCascaderMenu"
-});
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  ...__default__$4,
+const _sfc_main$8 = defineComponent({
+  ...{
+    name: "ElCascaderMenu"
+  },
+  __name: "menu",
   props: {
     nodes: {
       type: Array,
@@ -326,55 +342,87 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElScrollbar), {
-        key: unref(menuId),
+        key: menuId.value,
         tag: "ul",
         role: "menu",
         class: normalizeClass(unref(ns).b()),
         "wrap-class": unref(ns).e("wrap"),
-        "view-class": [unref(ns).e("list"), unref(ns).is("empty", unref(isEmpty))],
+        "view-class": [unref(ns).e("list"), unref(ns).is("empty", isEmpty.value)],
         onMousemove: handleMouseMove,
         onMouseleave: clearHoverZone
       }, {
         default: withCtx(() => {
           var _a;
           return [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes, (node) => {
-              return openBlock(), createBlock(ElCascaderNode, {
-                key: node.uid,
-                node,
-                "menu-id": unref(menuId),
-                onExpand: handleExpand
-              }, null, 8, ["node", "menu-id"]);
-            }), 128)),
-            unref(isLoading) ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(unref(ns).e("empty-text"))
-            }, [
-              createVNode(unref(ElIcon), {
-                size: "14",
-                class: normalizeClass(unref(ns).is("loading"))
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Loading))
-                ]),
-                _: 1
-              }, 8, ["class"]),
-              createTextVNode(" " + toDisplayString(unref(t)("el.cascader.loading")), 1)
-            ], 2)) : unref(isEmpty) ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(unref(ns).e("empty-text"))
-            }, [
-              renderSlot(_ctx.$slots, "empty", {}, () => [
-                createTextVNode(toDisplayString(unref(t)("el.cascader.noData")), 1)
-              ])
-            ], 2)) : ((_a = unref(panel)) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-              createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
-              (openBlock(), createElementBlock("svg", {
-                ref_key: "hoverZone",
-                ref: hoverZone,
-                class: normalizeClass(unref(ns).e("hover-zone"))
-              }, null, 2))
-            ], 2112)) : createCommentVNode("v-if", true)
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(__props.nodes, (node) => {
+                return openBlock(), createBlock(ElCascaderNode, {
+                  key: node.uid,
+                  node,
+                  "menu-id": menuId.value,
+                  onExpand: handleExpand
+                }, null, 8, ["node", "menu-id"]);
+              }),
+              128
+            )),
+            isLoading.value ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: normalizeClass(unref(ns).e("empty-text"))
+              },
+              [
+                createVNode(unref(ElIcon), {
+                  size: "14",
+                  class: normalizeClass(unref(ns).is("loading"))
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(Loading))
+                  ]),
+                  _: 1
+                }, 8, ["class"]),
+                createTextVNode(
+                  " " + toDisplayString(unref(t)("el.cascader.loading")),
+                  1
+                )
+              ],
+              2
+            )) : isEmpty.value ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 1,
+                class: normalizeClass(unref(ns).e("empty-text"))
+              },
+              [
+                renderSlot(_ctx.$slots, "empty", {}, () => [
+                  createTextVNode(
+                    toDisplayString(unref(t)("el.cascader.noData")),
+                    1
+                  )
+                ])
+              ],
+              2
+            )) : ((_a = unref(panel)) == null ? void 0 : _a.isHoverMenu) ? (openBlock(), createElementBlock(
+              Fragment,
+              { key: 2 },
+              [
+                createCommentVNode(" eslint-disable vue/html-self-closing "),
+                (openBlock(), createElementBlock(
+                  "svg",
+                  {
+                    ref_key: "hoverZone",
+                    ref: hoverZone,
+                    class: normalizeClass(unref(ns).e("hover-zone"))
+                  },
+                  null,
+                  2
+                ))
+              ],
+              2112
+            )) : createCommentVNode("v-if", true),
+            createCommentVNode(" eslint-enable vue/html-self-closing ")
           ];
         }),
         _: 3
@@ -382,7 +430,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "menu.vue"]]);
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/cascader-panel/src/menu.vue"]]);
 
 let uid = 0;
 const calculatePathNodes = (node) => {
@@ -414,7 +462,9 @@ let Node$1 = class Node {
     this.pathValues = pathNodes.map((node) => node.value);
     this.pathLabels = pathNodes.map((node) => node.label);
     this.childrenData = childrenData;
-    this.children = (childrenData || []).map((child) => new Node(child, config, this));
+    this.children = (childrenData || []).map(
+      (child) => new Node(child, config, this)
+    );
     this.loaded = !config.lazy || this.isLeaf || !isEmpty(childrenData);
     this.text = "";
   }
@@ -514,7 +564,9 @@ const flatNodes = (nodes, leafOnly) => {
 class Store {
   constructor(data, config) {
     this.config = config;
-    const nodes = (data || []).map((nodeData) => new Node$1(nodeData, this.config));
+    const nodes = (data || []).map(
+      (nodeData) => new Node$1(nodeData, this.config)
+    );
     this.nodes = nodes;
     this.allNodes = flatNodes(nodes, false);
     this.leafNodes = flatNodes(nodes, true);
@@ -550,13 +602,17 @@ class Store {
   getNodeByValue(value, leafOnly = false) {
     if (isPropAbsent(value))
       return null;
-    const node = this.getFlattedNodes(leafOnly).find((node2) => isEqual(node2.value, value) || isEqual(node2.pathValues, value));
+    const node = this.getFlattedNodes(leafOnly).find(
+      (node2) => isEqual(node2.value, value) || isEqual(node2.pathValues, value)
+    );
     return node || null;
   }
   getSameNode(node) {
     if (!node)
       return null;
-    const node_ = this.getFlattedNodes(false).find(({ value, level }) => isEqual(node.value, value) && node.level === level);
+    const node_ = this.getFlattedNodes(false).find(
+      ({ value, level }) => isEqual(node.value, value) && node.level === level
+    );
     return node_ || null;
   }
 }
@@ -647,15 +703,16 @@ const sortByOriginalOrder = (oldNodes, newNodes) => {
   return res;
 };
 
-const __default__$3 = defineComponent({
-  name: "ElCascaderPanel"
-});
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
+const _sfc_main$7 = defineComponent({
+  ...{
+    name: "ElCascaderPanel"
+  },
+  __name: "index",
   props: cascaderPanelProps,
   emits: cascaderPanelEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
+    const emit = __emit;
     let manualChecked = false;
     const ns = useNamespace("cascader");
     const config = useCascaderConfig(props);
@@ -778,7 +835,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       if (!initialLoaded.value || manualChecked || !forced && isEqual(modelValue, checkedValue.value))
         return;
       if (lazy && !loaded) {
-        const values = unique(flattenDeep(castArray(modelValue)));
+        const values = unique(
+          flattenDeep(castArray(modelValue))
+        );
         const nodes = values.map((val) => store == null ? void 0 : store.getNodeByValue(val)).filter((node) => !!node && !node.loaded && !node.loading);
         if (nodes.length) {
           nodes.forEach((node) => {
@@ -789,7 +848,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         }
       } else {
         const values = multiple ? castArray(modelValue) : [modelValue];
-        const nodes = unique(values.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
+        const nodes = unique(
+          values.map(
+            (val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)
+          )
+        );
         syncMenuState(nodes, forced);
         checkedValue.value = cloneDeep(modelValue != null ? modelValue : void 0);
       }
@@ -797,7 +860,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const syncMenuState = (newCheckedNodes, reserveExpandingState = true) => {
       const { checkStrictly } = config.value;
       const oldNodes = checkedNodes.value;
-      const newNodes = newCheckedNodes.filter((node) => !!node && (checkStrictly || node.isLeaf));
+      const newNodes = newCheckedNodes.filter(
+        (node) => !!node && (checkStrictly || node.isLeaf)
+      );
       const oldExpandingNode = store == null ? void 0 : store.getSameNode(expandingNode.value);
       const newExpandingNode = reserveExpandingState && oldExpandingNode || newNodes[0];
       if (newExpandingNode) {
@@ -816,8 +881,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       menuList.value.forEach((menu) => {
         const menuElement = menu == null ? void 0 : menu.$el;
         if (menuElement) {
-          const container = menuElement.querySelector(`.${ns.namespace.value}-scrollbar__wrap`);
-          const activeNode = menuElement.querySelector(`.${ns.b("node")}.${ns.is("active")}:last-child`) || menuElement.querySelector(`.${ns.b("node")}.in-active-path`);
+          const container = menuElement.querySelector(
+            `.${ns.namespace.value}-scrollbar__wrap`
+          );
+          let activeNode = menuElement.querySelector(
+            `.${ns.b("node")}.in-active-path`
+          );
+          if (!activeNode) {
+            const activeElements = menuElement.querySelectorAll(
+              `.${ns.b("node")}.${ns.is("active")}`
+            );
+            activeNode = activeElements[activeElements.length - 1];
+          }
           scrollIntoView(container, activeNode);
         }
       });
@@ -830,20 +905,30 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         case EVENT_CODE.down: {
           e.preventDefault();
           const distance = code === EVENT_CODE.up ? -1 : 1;
-          focusNode(getSibling(target, distance, `.${ns.b("node")}[tabindex="-1"]`));
+          focusNode(
+            getSibling(
+              target,
+              distance,
+              `.${ns.b("node")}[tabindex="-1"]`
+            )
+          );
           break;
         }
         case EVENT_CODE.left: {
           e.preventDefault();
           const preMenu = menuList.value[getMenuIndex(target) - 1];
-          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector(`.${ns.b("node")}[aria-expanded="true"]`);
+          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector(
+            `.${ns.b("node")}[aria-expanded="true"]`
+          );
           focusNode(expandedNode);
           break;
         }
         case EVENT_CODE.right: {
           e.preventDefault();
           const nextMenu = menuList.value[getMenuIndex(target) + 1];
-          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector(`.${ns.b("node")}[tabindex="-1"]`);
+          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector(
+            `.${ns.b("node")}[tabindex="-1"]`
+          );
           focusNode(firstNode);
           break;
         }
@@ -853,39 +938,53 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           break;
       }
     };
-    provide(CASCADER_PANEL_INJECTION_KEY, reactive({
+    provide(
+      CASCADER_PANEL_INJECTION_KEY,
+      reactive({
+        config,
+        expandingNode,
+        checkedNodes,
+        isHoverMenu,
+        initialLoaded,
+        renderLabelFn,
+        lazyLoad,
+        expandNode,
+        handleCheckChange
+      })
+    );
+    watch(
       config,
-      expandingNode,
-      checkedNodes,
-      isHoverMenu,
-      initialLoaded,
-      renderLabelFn,
-      lazyLoad,
-      expandNode,
-      handleCheckChange
-    }));
-    watch(config, (newVal, oldVal) => {
-      if (isEqual(newVal, oldVal))
-        return;
-      initStore();
-    }, {
-      immediate: true
-    });
+      (newVal, oldVal) => {
+        if (isEqual(newVal, oldVal))
+          return;
+        initStore();
+      },
+      {
+        immediate: true
+      }
+    );
     watch(() => props.options, initStore, {
       deep: true
     });
-    watch(() => props.modelValue, () => {
-      manualChecked = false;
-      syncCheckedValue();
-    }, {
-      deep: true
-    });
-    watch(() => checkedValue.value, (val) => {
-      if (!isEqual(val, props.modelValue)) {
-        emit(UPDATE_MODEL_EVENT, val);
-        emit(CHANGE_EVENT, val);
+    watch(
+      () => props.modelValue,
+      () => {
+        manualChecked = false;
+        syncCheckedValue();
+      },
+      {
+        deep: true
       }
-    });
+    );
+    watch(
+      () => checkedValue.value,
+      (val) => {
+        if (!isEqual(val, props.modelValue)) {
+          emit(UPDATE_MODEL_EVENT, val);
+          emit(CHANGE_EVENT, val);
+        }
+      }
+    );
     const loadLazyRootNodes = () => {
       if (initialLoadedOnce.value)
         return;
@@ -893,7 +992,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
     onBeforeUpdate(() => menuList.value = []);
     onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue());
-    expose({
+    __expose({
       menuList,
       menus,
       checkedNodes,
@@ -907,29 +1006,39 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       loadLazyRootNodes
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).b("panel"), unref(ns).is("bordered", _ctx.border)]),
-        onKeydown: handleKeyDown
-      }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(menus.value, (menu, index) => {
-          return openBlock(), createBlock(ElCascaderMenu, {
-            key: index,
-            ref_for: true,
-            ref: (item) => menuList.value[index] = item,
-            index,
-            nodes: [...menu]
-          }, {
-            empty: withCtx(() => [
-              renderSlot(_ctx.$slots, "empty")
-            ]),
-            _: 2
-          }, 1032, ["index", "nodes"]);
-        }), 128))
-      ], 34);
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass([unref(ns).b("panel"), unref(ns).is("bordered", _ctx.border)]),
+          onKeydown: handleKeyDown
+        },
+        [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(menus.value, (menu, index) => {
+              return openBlock(), createBlock(ElCascaderMenu, {
+                key: index,
+                ref_for: true,
+                ref: (item) => menuList.value[index] = item,
+                index,
+                nodes: [...menu]
+              }, {
+                empty: withCtx(() => [
+                  renderSlot(_ctx.$slots, "empty")
+                ]),
+                _: 3
+              }, 8, ["index", "nodes"]);
+            }),
+            128
+          ))
+        ],
+        34
+      );
     };
   }
 });
-var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "index.vue"]]);
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/cascader-panel/src/index.vue"]]);
 
 const ElCascaderPanel = withInstall(CascaderPanel);
 
@@ -948,7 +1057,9 @@ const cascaderProps = buildProps({
   },
   filterable: Boolean,
   filterMethod: {
-    type: definePropType(Function),
+    type: definePropType(
+      Function
+    ),
     default: (node, keyword) => node.text.includes(keyword)
   },
   separator: {
@@ -1026,15 +1137,16 @@ const cascaderEmits = {
   removeTag: (val) => !!val
 };
 
-const __default__$2 = defineComponent({
-  name: "ElCascader"
-});
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
+const _hoisted_1$1 = ["placeholder"];
+const _hoisted_2$1 = ["onClick"];
+const _sfc_main$6 = defineComponent({
+  ...{
+    name: "ElCascader"
+  },
+  __name: "cascader",
   props: cascaderProps,
   emits: cascaderEmits,
-  setup(__props, { expose, emit }) {
-    const props = __props;
+  setup(__props, { expose: __expose, emit: __emit }) {
     const popperOptions = {
       modifiers: [
         {
@@ -1053,11 +1165,19 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         }
       ]
     };
+    const props = __props;
+    const emit = __emit;
     const attrs = useAttrs();
+    const slots = useSlots();
     let inputInitialHeight = 0;
     let pressDeleteCount = 0;
     const nsCascader = useNamespace("cascader");
     const nsInput = useNamespace("input");
+    const sizeMapPadding = {
+      small: 7,
+      default: 11,
+      large: 15
+    };
     const { t } = useLocale();
     const { formItem } = useFormItem();
     const isDisabled = useFormDisabled();
@@ -1097,20 +1217,30 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const cascaderStyle = computed(() => {
       return attrs.style;
     });
-    const inputPlaceholder = computed(() => {
-      var _a;
-      return (_a = props.placeholder) != null ? _a : t("el.cascader.placeholder");
-    });
-    const currentPlaceholder = computed(() => searchInputValue.value || tags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value);
+    const inputPlaceholder = computed(
+      () => {
+        var _a;
+        return (_a = props.placeholder) != null ? _a : t("el.cascader.placeholder");
+      }
+    );
+    const currentPlaceholder = computed(
+      () => searchInputValue.value || tags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value
+    );
     const realSize = useFormSize();
-    const tagSize = computed(() => realSize.value === "small" ? "small" : "default");
+    const tagSize = computed(
+      () => realSize.value === "small" ? "small" : "default"
+    );
     const multiple = computed(() => !!props.props.multiple);
     const readonly = computed(() => !props.filterable || multiple.value);
-    const searchKeyword = computed(() => multiple.value ? searchInputValue.value : inputValue.value);
-    const checkedNodes = computed(() => {
-      var _a;
-      return ((_a = cascaderPanelRef.value) == null ? void 0 : _a.checkedNodes) || [];
-    });
+    const searchKeyword = computed(
+      () => multiple.value ? searchInputValue.value : inputValue.value
+    );
+    const checkedNodes = computed(
+      () => {
+        var _a;
+        return ((_a = cascaderPanelRef.value) == null ? void 0 : _a.checkedNodes) || [];
+      }
+    );
     const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
       disabled: isDisabled,
       beforeBlur(event) {
@@ -1176,7 +1306,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       togglePopperVisible(false);
     };
     const togglePopperVisible = (visible) => {
-      var _a, _b, _c;
+      var _a, _b;
       if (isDisabled.value)
         return;
       visible = visible != null ? visible : !popperVisible.value;
@@ -1185,7 +1315,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         (_b = (_a = inputRef.value) == null ? void 0 : _a.input) == null ? void 0 : _b.setAttribute("aria-expanded", `${visible}`);
         if (visible) {
           updatePopperPosition();
-          nextTick((_c = cascaderPanelRef.value) == null ? void 0 : _c.scrollToExpandingNode);
+          cascaderPanelRef.value && nextTick(cascaderPanelRef.value.scrollToExpandingNode);
         } else if (props.filterable) {
           syncPresentTextValue();
         }
@@ -1225,7 +1355,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         case "parent": {
           const clickedNodes = getCheckedNodes(false);
           const clickedNodesValue = clickedNodes.map((o) => o.value);
-          const parentNodes = clickedNodes.filter((o) => !o.parent || !clickedNodesValue.includes(o.parent.value));
+          const parentNodes = clickedNodes.filter(
+            (o) => !o.parent || !clickedNodesValue.includes(o.parent.value)
+          );
           return parentNodes;
         }
         default:
@@ -1262,9 +1394,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       var _a;
       let firstNode;
       if (filtering.value && suggestionPanel.value) {
-        firstNode = suggestionPanel.value.$el.querySelector(`.${nsCascader.e("suggestion-item")}`);
+        firstNode = suggestionPanel.value.$el.querySelector(
+          `.${nsCascader.e("suggestion-item")}`
+        );
       } else {
-        firstNode = (_a = cascaderPanelRef.value) == null ? void 0 : _a.$el.querySelector(`.${nsCascader.b("node")}[tabindex="-1"]`);
+        firstNode = (_a = cascaderPanelRef.value) == null ? void 0 : _a.$el.querySelector(
+          `.${nsCascader.b("node")}[tabindex="-1"]`
+        );
       }
       if (firstNode) {
         firstNode.focus();
@@ -1272,20 +1408,37 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       }
     };
     const updateStyle = () => {
-      var _a, _b;
+      var _a, _b, _c;
       const inputInner = (_a = inputRef.value) == null ? void 0 : _a.input;
       const tagWrapperEl = tagWrapper.value;
       const suggestionPanelEl = (_b = suggestionPanel.value) == null ? void 0 : _b.$el;
       if (!isClient || !inputInner)
         return;
       if (suggestionPanelEl) {
-        const suggestionList = suggestionPanelEl.querySelector(`.${nsCascader.e("suggestion-list")}`);
+        const suggestionList = suggestionPanelEl.querySelector(
+          `.${nsCascader.e("suggestion-list")}`
+        );
         suggestionList.style.minWidth = `${inputInner.offsetWidth}px`;
       }
       if (tagWrapperEl) {
         const { offsetHeight } = tagWrapperEl;
         const height = tags.value.length > 0 ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px` : `${inputInitialHeight}px`;
         inputInner.style.height = height;
+        if (slots.prefix) {
+          const prefix = (_c = inputRef.value) == null ? void 0 : _c.$el.querySelector(
+            `.${nsInput.e("prefix")}`
+          );
+          let left = 0;
+          if (prefix) {
+            left = prefix.offsetWidth;
+            if (left > 0) {
+              left += sizeMapPadding[realSize.value || "default"];
+            }
+          }
+          tagWrapperEl.style.left = `${left}px`;
+        } else {
+          tagWrapperEl.style.left = `0`;
+        }
         updatePopperPosition();
       }
     };
@@ -1355,7 +1508,13 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         case EVENT_CODE.down: {
           e.preventDefault();
           const distance = code === EVENT_CODE.up ? -1 : 1;
-          focusNode(getSibling(target, distance, `.${nsCascader.e("suggestion-item")}[tabindex="-1"]`));
+          focusNode(
+            getSibling(
+              target,
+              distance,
+              `.${nsCascader.e("suggestion-item")}[tabindex="-1"]`
+            )
+          );
           break;
         }
         case EVENT_CODE.enter:
@@ -1396,7 +1555,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         return;
       val ? handleFilter() : hideSuggestionPanel();
     };
-    const getInputInnerHeight = (inputInner) => Number.parseFloat(useCssVar(nsInput.cssVarName("input-height"), inputInner).value) - 2;
+    const getInputInnerHeight = (inputInner) => Number.parseFloat(
+      useCssVar(nsInput.cssVarName("input-height"), inputInner).value
+    ) - 2;
     const focus = () => {
       var _a;
       (_a = inputRef.value) == null ? void 0 : _a.focus();
@@ -1406,12 +1567,15 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       (_a = inputRef.value) == null ? void 0 : _a.blur();
     };
     watch(filtering, updatePopperPosition);
-    watch([
-      checkedNodes,
-      isDisabled,
-      () => props.collapseTags,
-      () => props.maxCollapseTags
-    ], calculatePresentTags);
+    watch(
+      [
+        checkedNodes,
+        isDisabled,
+        () => props.collapseTags,
+        () => props.maxCollapseTags
+      ],
+      calculatePresentTags
+    );
     watch(tags, () => {
       nextTick(() => updateStyle());
     });
@@ -1422,19 +1586,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       updateStyle();
     });
     watch(presentText, syncPresentTextValue, { immediate: true });
-    watch(() => popperVisible.value, (val) => {
-      var _a;
-      if (val && props.props.lazy && props.props.lazyLoad) {
-        (_a = cascaderPanelRef.value) == null ? void 0 : _a.loadLazyRootNodes();
+    watch(
+      () => popperVisible.value,
+      (val) => {
+        var _a;
+        if (val && props.props.lazy && props.props.lazyLoad) {
+          (_a = cascaderPanelRef.value) == null ? void 0 : _a.loadLazyRootNodes();
+        }
       }
-    });
+    );
     onMounted(() => {
       const inputInner = inputRef.value.input;
       const inputInnerHeight = getInputInnerHeight(inputInner);
       inputInitialHeight = inputInner.offsetHeight || inputInnerHeight;
       useResizeObserver(inputInner, updateStyle);
     });
-    expose({
+    __expose({
       getCheckedNodes,
       cascaderPanelRef,
       togglePopperVisible,
@@ -1463,204 +1630,255 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         onHide: hideSuggestionPanel
       }, {
         default: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", {
-            ref_key: "wrapperRef",
-            ref: wrapperRef,
-            class: normalizeClass(unref(cascaderKls)),
-            style: normalizeStyle(unref(cascaderStyle)),
-            onClick: () => togglePopperVisible(unref(readonly) ? void 0 : true),
-            onKeydown: handleKeyDown,
-            onMouseenter: ($event) => inputHover.value = true,
-            onMouseleave: ($event) => inputHover.value = false
-          }, [
-            createVNode(unref(ElInput), {
-              ref_key: "inputRef",
-              ref: inputRef,
-              modelValue: inputValue.value,
-              "onUpdate:modelValue": ($event) => inputValue.value = $event,
-              placeholder: unref(currentPlaceholder),
-              readonly: unref(readonly),
-              disabled: unref(isDisabled),
-              "validate-event": false,
-              size: unref(realSize),
-              class: normalizeClass(unref(inputClass)),
-              tabindex: unref(multiple) && _ctx.filterable && !unref(isDisabled) ? -1 : void 0,
-              onCompositionstart: unref(handleComposition),
-              onCompositionupdate: unref(handleComposition),
-              onCompositionend: unref(handleComposition),
-              onInput: handleInput
-            }, createSlots({
-              suffix: withCtx(() => [
-                unref(clearBtnVisible) ? (openBlock(), createBlock(unref(ElIcon), {
-                  key: "clear",
-                  class: normalizeClass([unref(nsInput).e("icon"), "icon-circle-close"]),
-                  onClick: withModifiers(handleClear, ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
-                  ]),
-                  _: 1
-                }, 8, ["class", "onClick"])) : (openBlock(), createBlock(unref(ElIcon), {
-                  key: "arrow-down",
-                  class: normalizeClass(unref(cascaderIconKls)),
-                  onClick: withModifiers(($event) => togglePopperVisible(), ["stop"])
-                }, {
-                  default: withCtx(() => [
-                    createVNode(unref(ArrowDown))
-                  ]),
-                  _: 1
-                }, 8, ["class", "onClick"]))
-              ]),
-              _: 2
-            }, [
-              _ctx.$slots.prefix ? {
-                name: "prefix",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "prefix")
-                ])
-              } : void 0
-            ]), 1032, ["modelValue", "onUpdate:modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
-            unref(multiple) ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              ref_key: "tagWrapper",
-              ref: tagWrapper,
-              class: normalizeClass([
-                unref(nsCascader).e("tags"),
-                unref(nsCascader).is("validate", Boolean(unref(validateState)))
-              ])
-            }, [
-              renderSlot(_ctx.$slots, "tag", {
-                data: tags.value,
-                deleteTag
-              }, () => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(showTagList), (tag) => {
-                  return openBlock(), createBlock(unref(ElTag), {
-                    key: tag.key,
-                    type: _ctx.tagType,
-                    size: unref(tagSize),
-                    effect: _ctx.tagEffect,
-                    hit: tag.hitState,
-                    closable: tag.closable,
-                    "disable-transitions": "",
-                    onClose: ($event) => deleteTag(tag)
+          withDirectives((openBlock(), createElementBlock(
+            "div",
+            {
+              ref_key: "wrapperRef",
+              ref: wrapperRef,
+              class: normalizeClass(cascaderKls.value),
+              style: normalizeStyle(cascaderStyle.value),
+              onClick: _cache[8] || (_cache[8] = () => togglePopperVisible(readonly.value ? void 0 : true)),
+              onKeydown: handleKeyDown,
+              onMouseenter: _cache[9] || (_cache[9] = ($event) => inputHover.value = true),
+              onMouseleave: _cache[10] || (_cache[10] = ($event) => inputHover.value = false)
+            },
+            [
+              createVNode(unref(ElInput), {
+                ref_key: "inputRef",
+                ref: inputRef,
+                modelValue: inputValue.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => inputValue.value = $event),
+                placeholder: currentPlaceholder.value,
+                readonly: readonly.value,
+                disabled: unref(isDisabled),
+                "validate-event": false,
+                size: unref(realSize),
+                class: normalizeClass(inputClass.value),
+                tabindex: multiple.value && _ctx.filterable && !unref(isDisabled) ? -1 : void 0,
+                onCompositionstart: unref(handleComposition),
+                onCompositionupdate: unref(handleComposition),
+                onCompositionend: unref(handleComposition),
+                onInput: handleInput
+              }, createSlots({
+                suffix: withCtx(() => [
+                  clearBtnVisible.value ? (openBlock(), createBlock(unref(ElIcon), {
+                    key: "clear",
+                    class: normalizeClass([unref(nsInput).e("icon"), "icon-circle-close"]),
+                    onClick: withModifiers(handleClear, ["stop"])
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("span", null, toDisplayString(tag.text), 1)
+                      (openBlock(), createBlock(resolveDynamicComponent(_ctx.clearIcon)))
                     ]),
-                    _: 2
-                  }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]);
-                }), 128))
-              ]),
-              _ctx.collapseTags && tags.value.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(unref(ElTooltip), {
-                key: 0,
-                ref_key: "tagTooltipRef",
-                ref: tagTooltipRef,
-                disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
-                "fallback-placements": ["bottom", "top", "right", "left"],
-                placement: "bottom",
-                "popper-class": _ctx.popperClass,
-                "popper-style": _ctx.popperStyle,
-                effect: _ctx.effect,
-                persistent: _ctx.persistent
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(ElTag), {
-                    closable: false,
-                    size: unref(tagSize),
-                    type: _ctx.tagType,
-                    effect: _ctx.tagEffect,
-                    "disable-transitions": ""
+                    _: 1
+                  }, 8, ["class"])) : (openBlock(), createBlock(unref(ElIcon), {
+                    key: "arrow-down",
+                    class: normalizeClass(cascaderIconKls.value),
+                    onClick: _cache[0] || (_cache[0] = withModifiers(($event) => togglePopperVisible(), ["stop"]))
                   }, {
                     default: withCtx(() => [
-                      createElementVNode("span", {
-                        class: normalizeClass(unref(nsCascader).e("tags-text"))
-                      }, " + " + toDisplayString(tags.value.length - _ctx.maxCollapseTags), 3)
+                      createVNode(unref(ArrowDown))
                     ]),
                     _: 1
-                  }, 8, ["size", "type", "effect"])
+                  }, 8, ["class"]))
                 ]),
-                content: withCtx(() => [
-                  createVNode(unref(ElScrollbar), { "max-height": _ctx.maxCollapseTagsTooltipHeight }, {
+                _: 2
+              }, [
+                _ctx.$slots.prefix ? {
+                  name: "prefix",
+                  fn: withCtx(() => [
+                    renderSlot(_ctx.$slots, "prefix")
+                  ]),
+                  key: "0"
+                } : void 0
+              ]), 1032, ["modelValue", "placeholder", "readonly", "disabled", "size", "class", "tabindex", "onCompositionstart", "onCompositionupdate", "onCompositionend"]),
+              multiple.value ? (openBlock(), createElementBlock(
+                "div",
+                {
+                  key: 0,
+                  ref_key: "tagWrapper",
+                  ref: tagWrapper,
+                  class: normalizeClass([
+                    unref(nsCascader).e("tags"),
+                    unref(nsCascader).is("validate", Boolean(validateState.value))
+                  ])
+                },
+                [
+                  renderSlot(_ctx.$slots, "tag", {
+                    data: tags.value,
+                    deleteTag
+                  }, () => [
+                    (openBlock(true), createElementBlock(
+                      Fragment,
+                      null,
+                      renderList(showTagList.value, (tag) => {
+                        return openBlock(), createBlock(unref(ElTag), {
+                          key: tag.key,
+                          type: _ctx.tagType,
+                          size: tagSize.value,
+                          effect: _ctx.tagEffect,
+                          hit: tag.hitState,
+                          closable: tag.closable,
+                          "disable-transitions": "",
+                          onClose: ($event) => deleteTag(tag)
+                        }, {
+                          default: withCtx(() => [
+                            createElementVNode(
+                              "span",
+                              null,
+                              toDisplayString(tag.text),
+                              1
+                            )
+                          ]),
+                          _: 2
+                        }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]);
+                      }),
+                      128
+                    ))
+                  ]),
+                  _ctx.collapseTags && tags.value.length > _ctx.maxCollapseTags ? (openBlock(), createBlock(unref(ElTooltip), {
+                    key: 0,
+                    ref_key: "tagTooltipRef",
+                    ref: tagTooltipRef,
+                    disabled: popperVisible.value || !_ctx.collapseTagsTooltip,
+                    "fallback-placements": ["bottom", "top", "right", "left"],
+                    placement: "bottom",
+                    "popper-class": _ctx.popperClass,
+                    "popper-style": _ctx.popperStyle,
+                    effect: _ctx.effect,
+                    persistent: _ctx.persistent
+                  }, {
                     default: withCtx(() => [
-                      createElementVNode("div", {
-                        class: normalizeClass(unref(nsCascader).e("collapse-tags"))
-                      }, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(collapseTagList), (tag, idx) => {
-                          return openBlock(), createElementBlock("div", {
-                            key: idx,
-                            class: normalizeClass(unref(nsCascader).e("collapse-tag"))
-                          }, [
-                            (openBlock(), createBlock(unref(ElTag), {
-                              key: tag.key,
-                              class: "in-tooltip",
-                              type: _ctx.tagType,
-                              size: unref(tagSize),
-                              effect: _ctx.tagEffect,
-                              hit: tag.hitState,
-                              closable: tag.closable,
-                              "disable-transitions": "",
-                              onClose: ($event) => deleteTag(tag)
-                            }, {
-                              default: withCtx(() => [
-                                createElementVNode("span", null, toDisplayString(tag.text), 1)
-                              ]),
-                              _: 2
-                            }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
-                          ], 2);
-                        }), 128))
-                      ], 2)
+                      createVNode(unref(ElTag), {
+                        closable: false,
+                        size: tagSize.value,
+                        type: _ctx.tagType,
+                        effect: _ctx.tagEffect,
+                        "disable-transitions": ""
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode(
+                            "span",
+                            {
+                              class: normalizeClass(unref(nsCascader).e("tags-text"))
+                            },
+                            " + " + toDisplayString(tags.value.length - _ctx.maxCollapseTags),
+                            3
+                          )
+                        ]),
+                        _: 1
+                      }, 8, ["size", "type", "effect"])
+                    ]),
+                    content: withCtx(() => [
+                      createVNode(unref(ElScrollbar), { "max-height": _ctx.maxCollapseTagsTooltipHeight }, {
+                        default: withCtx(() => [
+                          createElementVNode(
+                            "div",
+                            {
+                              class: normalizeClass(unref(nsCascader).e("collapse-tags"))
+                            },
+                            [
+                              (openBlock(true), createElementBlock(
+                                Fragment,
+                                null,
+                                renderList(collapseTagList.value, (tag, idx) => {
+                                  return openBlock(), createElementBlock(
+                                    "div",
+                                    {
+                                      key: idx,
+                                      class: normalizeClass(unref(nsCascader).e("collapse-tag"))
+                                    },
+                                    [
+                                      (openBlock(), createBlock(unref(ElTag), {
+                                        key: tag.key,
+                                        class: "in-tooltip",
+                                        type: _ctx.tagType,
+                                        size: tagSize.value,
+                                        effect: _ctx.tagEffect,
+                                        hit: tag.hitState,
+                                        closable: tag.closable,
+                                        "disable-transitions": "",
+                                        onClose: ($event) => deleteTag(tag)
+                                      }, {
+                                        default: withCtx(() => [
+                                          createElementVNode(
+                                            "span",
+                                            null,
+                                            toDisplayString(tag.text),
+                                            1
+                                          )
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
+                                    ],
+                                    2
+                                  );
+                                }),
+                                128
+                              ))
+                            ],
+                            2
+                          )
+                        ]),
+                        _: 1
+                      }, 8, ["max-height"])
                     ]),
                     _: 1
-                  }, 8, ["max-height"])
-                ]),
-                _: 1
-              }, 8, ["disabled", "popper-class", "popper-style", "effect", "persistent"])) : createCommentVNode("v-if", true),
-              _ctx.filterable && !unref(isDisabled) ? withDirectives((openBlock(), createElementBlock("input", {
-                key: 1,
-                "onUpdate:modelValue": ($event) => searchInputValue.value = $event,
-                type: "text",
-                class: normalizeClass(unref(nsCascader).e("search-input")),
-                placeholder: unref(presentText) ? "" : unref(inputPlaceholder),
-                onInput: (e) => handleInput(searchInputValue.value, e),
-                onClick: withModifiers(($event) => togglePopperVisible(true), ["stop"]),
-                onKeydown: withKeys(handleDelete, ["delete"]),
-                onCompositionstart: unref(handleComposition),
-                onCompositionupdate: unref(handleComposition),
-                onCompositionend: unref(handleComposition)
-              }, null, 42, ["onUpdate:modelValue", "placeholder", "onInput", "onClick", "onKeydown", "onCompositionstart", "onCompositionupdate", "onCompositionend"])), [
-                [vModelText, searchInputValue.value]
-              ]) : createCommentVNode("v-if", true)
-            ], 2)) : createCommentVNode("v-if", true)
-          ], 46, ["onClick", "onMouseenter", "onMouseleave"])), [
-            [unref(ClickOutside), handleClickOutside, unref(contentRef)]
+                  }, 8, ["disabled", "popper-class", "popper-style", "effect", "persistent"])) : createCommentVNode("v-if", true),
+                  _ctx.filterable && !unref(isDisabled) ? withDirectives((openBlock(), createElementBlock("input", {
+                    key: 1,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchInputValue.value = $event),
+                    type: "text",
+                    class: normalizeClass(unref(nsCascader).e("search-input")),
+                    placeholder: presentText.value ? "" : inputPlaceholder.value,
+                    onInput: _cache[3] || (_cache[3] = (e) => handleInput(searchInputValue.value, e)),
+                    onClick: _cache[4] || (_cache[4] = withModifiers(($event) => togglePopperVisible(true), ["stop"])),
+                    onKeydown: withKeys(handleDelete, ["delete"]),
+                    onCompositionstart: _cache[5] || (_cache[5] = (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
+                    onCompositionupdate: _cache[6] || (_cache[6] = (...args) => unref(handleComposition) && unref(handleComposition)(...args)),
+                    onCompositionend: _cache[7] || (_cache[7] = (...args) => unref(handleComposition) && unref(handleComposition)(...args))
+                  }, null, 42, _hoisted_1$1)), [
+                    [vModelText, searchInputValue.value]
+                  ]) : createCommentVNode("v-if", true)
+                ],
+                2
+              )) : createCommentVNode("v-if", true)
+            ],
+            38
+          )), [
+            [unref(ClickOutside), handleClickOutside, contentRef.value]
           ])
         ]),
         content: withCtx(() => [
-          _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(nsCascader).e("header")),
-            onClick: withModifiers(() => {
-            }, ["stop"])
-          }, [
-            renderSlot(_ctx.$slots, "header")
-          ], 10, ["onClick"])) : createCommentVNode("v-if", true),
+          _ctx.$slots.header ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass(unref(nsCascader).e("header")),
+              onClick: _cache[11] || (_cache[11] = withModifiers(() => {
+              }, ["stop"]))
+            },
+            [
+              renderSlot(_ctx.$slots, "header")
+            ],
+            2
+          )) : createCommentVNode("v-if", true),
           withDirectives(createVNode(unref(ElCascaderPanel), {
             ref_key: "cascaderPanelRef",
             ref: cascaderPanelRef,
-            modelValue: unref(checkedValue),
-            "onUpdate:modelValue": ($event) => isRef(checkedValue) ? checkedValue.value = $event : null,
+            modelValue: checkedValue.value,
+            "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => checkedValue.value = $event),
             options: _ctx.options,
             props: props.props,
             border: false,
             "render-label": _ctx.$slots.default,
             onExpandChange: handleExpandChange,
-            onClose: ($event) => _ctx.$nextTick(() => togglePopperVisible(false))
+            onClose: _cache[13] || (_cache[13] = ($event) => _ctx.$nextTick(() => togglePopperVisible(false)))
           }, {
             empty: withCtx(() => [
               renderSlot(_ctx.$slots, "empty")
             ]),
             _: 3
-          }, 8, ["modelValue", "onUpdate:modelValue", "options", "props", "render-label", "onClose"]), [
+          }, 8, ["modelValue", "options", "props", "render-label"]), [
             [vShow, !filtering.value]
           ]),
           _ctx.filterable ? withDirectives((openBlock(), createBlock(unref(ElScrollbar), {
@@ -1673,59 +1891,79 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             onKeydown: handleSuggestionKeyDown
           }, {
             default: withCtx(() => [
-              suggestions.value.length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(suggestions.value, (item) => {
-                return openBlock(), createElementBlock("li", {
-                  key: item.uid,
-                  class: normalizeClass([
-                    unref(nsCascader).e("suggestion-item"),
-                    unref(nsCascader).is("checked", item.checked)
-                  ]),
-                  tabindex: -1,
-                  onClick: ($event) => handleSuggestionClick(item)
-                }, [
-                  renderSlot(_ctx.$slots, "suggestion-item", { item }, () => [
-                    createElementVNode("span", null, toDisplayString(item.text), 1),
-                    item.checked ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
-                      default: withCtx(() => [
-                        createVNode(unref(Check))
-                      ]),
-                      _: 1
-                    })) : createCommentVNode("v-if", true)
-                  ])
-                ], 10, ["onClick"]);
-              }), 128)) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
-                createElementVNode("li", {
-                  class: normalizeClass(unref(nsCascader).e("empty-text"))
-                }, toDisplayString(unref(t)("el.cascader.noMatch")), 3)
+              suggestions.value.length ? (openBlock(true), createElementBlock(
+                Fragment,
+                { key: 0 },
+                renderList(suggestions.value, (item) => {
+                  return openBlock(), createElementBlock("li", {
+                    key: item.uid,
+                    class: normalizeClass([
+                      unref(nsCascader).e("suggestion-item"),
+                      unref(nsCascader).is("checked", item.checked)
+                    ]),
+                    tabindex: -1,
+                    onClick: ($event) => handleSuggestionClick(item)
+                  }, [
+                    renderSlot(_ctx.$slots, "suggestion-item", { item }, () => [
+                      createElementVNode(
+                        "span",
+                        null,
+                        toDisplayString(item.text),
+                        1
+                      ),
+                      item.checked ? (openBlock(), createBlock(unref(ElIcon), { key: 0 }, {
+                        default: withCtx(() => [
+                          createVNode(unref(Check))
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("v-if", true)
+                    ])
+                  ], 10, _hoisted_2$1);
+                }),
+                128
+              )) : renderSlot(_ctx.$slots, "empty", { key: 1 }, () => [
+                createElementVNode(
+                  "li",
+                  {
+                    class: normalizeClass(unref(nsCascader).e("empty-text"))
+                  },
+                  toDisplayString(unref(t)("el.cascader.noMatch")),
+                  3
+                )
               ])
             ]),
             _: 3
           }, 8, ["class", "view-class"])), [
             [vShow, filtering.value]
           ]) : createCommentVNode("v-if", true),
-          _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-            key: 2,
-            class: normalizeClass(unref(nsCascader).e("footer")),
-            onClick: withModifiers(() => {
-            }, ["stop"])
-          }, [
-            renderSlot(_ctx.$slots, "footer")
-          ], 10, ["onClick"])) : createCommentVNode("v-if", true)
+          _ctx.$slots.footer ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 2,
+              class: normalizeClass(unref(nsCascader).e("footer")),
+              onClick: _cache[14] || (_cache[14] = withModifiers(() => {
+              }, ["stop"]))
+            },
+            [
+              renderSlot(_ctx.$slots, "footer")
+            ],
+            2
+          )) : createCommentVNode("v-if", true)
         ]),
         _: 3
       }, 8, ["visible", "teleported", "popper-class", "popper-style", "fallback-placements", "placement", "transition", "effect", "persistent"]);
     };
   }
 });
-var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "cascader.vue"]]);
+var Cascader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/cascader/src/cascader.vue"]]);
 
 const ElCascader = withInstall(Cascader);
 
-const __default__$1 = defineComponent({
-  name: "ElCollapseTransition"
-});
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
+const _sfc_main$5 = defineComponent({
+  ...{
+    name: "ElCollapseTransition"
+  },
+  __name: "collapse-transition",
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -1803,7 +2041,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "collapse-transition.vue"]]);
+var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/collapse-transition/src/collapse-transition.vue"]]);
 
 const ElCollapseTransition = withInstall(CollapseTransition);
 
@@ -1828,11 +2066,11 @@ const textProps = buildProps({
   }
 });
 
-const __default__ = defineComponent({
-  name: "ElText"
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  ...__default__,
+const _sfc_main$4 = defineComponent({
+  ...{
+    name: "ElText"
+  },
+  __name: "text",
   props: textProps,
   setup(__props) {
     const props = __props;
@@ -1878,7 +2116,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), {
         ref_key: "textRef",
         ref: textRef,
-        class: normalizeClass(unref(textKls)),
+        class: normalizeClass(textKls.value),
         style: normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
       }, {
         default: withCtx(() => [
@@ -1889,7 +2127,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Text = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "text.vue"]]);
+var Text = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/text/src/text.vue"]]);
 
 const ElText = withInstall(Text);
 
@@ -1947,7 +2185,9 @@ const reInitChecked = function(node) {
     node.isEffectivelyChecked = node.disabled || node.checked;
     return;
   }
-  const { all, none, half, isEffectivelyChecked } = getChildState(node.childNodes);
+  const { all, none, half, isEffectivelyChecked } = getChildState(
+    node.childNodes
+  );
   node.isEffectivelyChecked = isEffectivelyChecked;
   if (all) {
     node.checked = true;
@@ -2108,7 +2348,9 @@ class Node {
     return null;
   }
   contains(target, deep = true) {
-    return (this.childNodes || []).some((child) => child === target || deep && child.contains(target));
+    return (this.childNodes || []).some(
+      (child) => child === target || deep && child.contains(target)
+    );
   }
   remove() {
     const parent = this.parent;
@@ -2214,7 +2456,11 @@ class Node {
   }
   doCreateChildren(array, defaultProps = {}) {
     array.forEach((item) => {
-      this.insertChild(Object.assign({ data: item }, defaultProps), void 0, true);
+      this.insertChild(
+        Object.assign({ data: item }, defaultProps),
+        void 0,
+        true
+      );
     });
   }
   collapse() {
@@ -2263,12 +2509,15 @@ class Node {
         }
       };
       if (this.shouldLoadData()) {
-        this.loadData(() => {
-          handleDescendants();
-          reInitChecked(this);
-        }, {
-          checked: value !== false
-        });
+        this.loadData(
+          () => {
+            handleDescendants();
+            reInitChecked(this);
+          },
+          {
+            checked: value !== false
+          }
+        );
         return;
       } else {
         handleDescendants();
@@ -2387,10 +2636,14 @@ class TreeStore {
     this.root.initialize();
     if (this.lazy && this.load) {
       const loadFn = this.load;
-      loadFn(this.root, (data) => {
-        this.root.doCreateChildren(data);
-        this._initDefaultCheckedNodes();
-      }, NOOP);
+      loadFn(
+        this.root,
+        (data) => {
+          this.root.doCreateChildren(data);
+          this._initDefaultCheckedNodes();
+        },
+        NOOP
+      );
     } else {
       this._initDefaultCheckedNodes();
     }
@@ -2401,7 +2654,12 @@ class TreeStore {
     const traverse = async function(node) {
       const childNodes = node.root ? node.root.childNodes : node.childNodes;
       for (const [index, child] of childNodes.entries()) {
-        child.visible = !!(filterNodeMethod == null ? void 0 : 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 nextTick();
         }
@@ -2701,33 +2959,48 @@ const _sfc_main$3 = defineComponent({
   },
   setup(props) {
     const ns = useNamespace("tree");
-    const nodeInstance = inject(NODE_INSTANCE_INJECTION_KEY);
+    const nodeInstance = inject(
+      NODE_INSTANCE_INJECTION_KEY
+    );
     const tree = inject(ROOT_TREE_INJECTION_KEY);
     return () => {
       const node = props.node;
       const { data, store } = node;
       return props.renderContent ? props.renderContent(h, { _self: nodeInstance, node, data, store }) : renderSlot(tree.ctx.slots, "default", { node, data }, () => [
-        h(ElText, { tag: "span", truncated: true, class: ns.be("node", "label") }, () => [node.label])
+        h(
+          ElText,
+          { tag: "span", truncated: true, class: ns.be("node", "label") },
+          () => [node.label]
+        )
       ]);
     };
   }
 });
-var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "tree-node-content.vue"]]);
+var NodeContent = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree-node-content.vue"]]);
 
 function useNodeExpandEventBroadcast(props) {
-  const parentNodeMap = inject(TREE_NODE_MAP_INJECTION_KEY, null);
-  const currentNodeMap = {
+  const parentNodeMap = inject(
+    TREE_NODE_MAP_INJECTION_KEY,
+    null
+  );
+  let currentNodeMap = {
     treeNodeExpand: (node) => {
       var _a;
       if (props.node !== node) {
         (_a = props.node) == null ? void 0 : _a.collapse();
       }
     },
-    children: []
+    children: /* @__PURE__ */ new Set()
   };
   if (parentNodeMap) {
-    parentNodeMap.children.push(currentNodeMap);
+    parentNodeMap.children.add(currentNodeMap);
   }
+  onBeforeUnmount(() => {
+    if (parentNodeMap) {
+      parentNodeMap.children.delete(currentNodeMap);
+    }
+    currentNodeMap = null;
+  });
   provide(TREE_NODE_MAP_INJECTION_KEY, currentNodeMap);
   return {
     broadcastExpanded: (node) => {
@@ -2788,7 +3061,11 @@ function useDragNodeHandler({
     let userAllowDropInner = true;
     if (isFunction(props.allowDrop)) {
       dropPrev = props.allowDrop(draggingNode.node, dropNode.node, "prev");
-      userAllowDropInner = dropInner = props.allowDrop(draggingNode.node, dropNode.node, "inner");
+      userAllowDropInner = dropInner = props.allowDrop(
+        draggingNode.node,
+        dropNode.node,
+        "inner"
+      );
       dropNext = props.allowDrop(draggingNode.node, dropNode.node, "next");
     }
     event.dataTransfer.dropEffect = dropInner || dropPrev || dropNext ? "move" : "none";
@@ -2878,14 +3155,29 @@ function useDragNodeHandler({
         if (store.value.key) {
           draggingNode.node.eachNode((node) => {
             var _a2;
-            (_a2 = store.value.nodesMap[node.data[store.value.key]]) == null ? void 0 : _a2.setChecked(node.checked, !store.value.checkStrictly);
+            (_a2 = store.value.nodesMap[node.data[store.value.key]]) == null ? void 0 : _a2.setChecked(
+              node.checked,
+              !store.value.checkStrictly
+            );
           });
         }
       }
       removeClass(dropNode.$el, ns.is("drop-inner"));
-      ctx.emit("node-drag-end", draggingNode.node, dropNode.node, dropType, event);
+      ctx.emit(
+        "node-drag-end",
+        draggingNode.node,
+        dropNode.node,
+        dropType,
+        event
+      );
       if (dropType !== "none") {
-        ctx.emit("node-drop", draggingNode.node, dropNode.node, dropType, event);
+        ctx.emit(
+          "node-drop",
+          draggingNode.node,
+          dropNode.node,
+          dropType,
+          event
+        );
       }
     }
     if (draggingNode && !dropNode) {
@@ -2950,26 +3242,41 @@ const _sfc_main$2 = defineComponent({
       childNodeRendered.value = true;
     }
     const childrenKey = tree.props.props["children"] || "children";
-    watch(() => {
-      var _a;
-      const children = (_a = props.node.data) == null ? void 0 : _a[childrenKey];
-      return children && [...children];
-    }, () => {
-      props.node.updateChildren();
-    });
-    watch(() => props.node.indeterminate, (val) => {
-      handleSelectChange(props.node.checked, val);
-    });
-    watch(() => props.node.checked, (val) => {
-      handleSelectChange(val, props.node.indeterminate);
-    });
-    watch(() => props.node.childNodes.length, () => props.node.reInitChecked());
-    watch(() => props.node.expanded, (val) => {
-      nextTick(() => expanded.value = val);
-      if (val) {
-        childNodeRendered.value = true;
+    watch(
+      () => {
+        var _a;
+        const children = (_a = props.node.data) == null ? void 0 : _a[childrenKey];
+        return children && [...children];
+      },
+      () => {
+        props.node.updateChildren();
       }
-    });
+    );
+    watch(
+      () => props.node.indeterminate,
+      (val) => {
+        handleSelectChange(props.node.checked, val);
+      }
+    );
+    watch(
+      () => props.node.checked,
+      (val) => {
+        handleSelectChange(val, props.node.indeterminate);
+      }
+    );
+    watch(
+      () => props.node.childNodes.length,
+      () => props.node.reInitChecked()
+    );
+    watch(
+      () => props.node.expanded,
+      (val) => {
+        nextTick(() => expanded.value = val);
+        if (val) {
+          childNodeRendered.value = true;
+        }
+      }
+    );
     const getNodeKey$1 = (node) => {
       return getNodeKey(tree.props.nodeKey, node.data);
     };
@@ -3024,7 +3331,13 @@ const _sfc_main$2 = defineComponent({
         event.stopPropagation();
         event.preventDefault();
       }
-      tree.ctx.emit("node-contextmenu", event, props.node.data, props.node, instance);
+      tree.ctx.emit(
+        "node-contextmenu",
+        event,
+        props.node.data,
+        props.node,
+        instance
+      );
     };
     const handleExpandIconClick = () => {
       if (props.node.isLeaf)
@@ -3105,6 +3418,8 @@ const _sfc_main$2 = defineComponent({
     };
   }
 });
+const _hoisted_1 = ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key"];
+const _hoisted_2 = ["aria-expanded"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_icon = resolveComponent("el-icon");
   const _component_el_checkbox = resolveComponent("el-checkbox");
@@ -3130,56 +3445,61 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-checked": _ctx.node.checked,
     draggable: _ctx.tree.props.draggable,
     "data-key": _ctx.getNodeKey(_ctx.node),
-    onClick: withModifiers(_ctx.handleClick, ["stop"]),
-    onContextmenu: _ctx.handleContextMenu,
-    onDragstart: withModifiers(_ctx.handleDragStart, ["stop"]),
-    onDragover: withModifiers(_ctx.handleDragOver, ["stop"]),
-    onDragend: withModifiers(_ctx.handleDragEnd, ["stop"]),
-    onDrop: withModifiers(_ctx.handleDrop, ["stop"])
+    onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.handleClick && _ctx.handleClick(...args), ["stop"])),
+    onContextmenu: _cache[3] || (_cache[3] = (...args) => _ctx.handleContextMenu && _ctx.handleContextMenu(...args)),
+    onDragstart: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.handleDragStart && _ctx.handleDragStart(...args), ["stop"])),
+    onDragover: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.handleDragOver && _ctx.handleDragOver(...args), ["stop"])),
+    onDragend: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.handleDragEnd && _ctx.handleDragEnd(...args), ["stop"])),
+    onDrop: _cache[7] || (_cache[7] = withModifiers((...args) => _ctx.handleDrop && _ctx.handleDrop(...args), ["stop"]))
   }, [
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.be("node", "content")),
-      style: normalizeStyle({ paddingLeft: (_ctx.node.level - 1) * _ctx.tree.props.indent + "px" })
-    }, [
-      _ctx.tree.props.icon || _ctx.CaretRight ? (openBlock(), createBlock(_component_el_icon, {
-        key: 0,
-        class: normalizeClass([
-          _ctx.ns.be("node", "expand-icon"),
-          _ctx.ns.is("leaf", _ctx.node.isLeaf),
-          {
-            expanded: !_ctx.node.isLeaf && _ctx.expanded
-          }
-        ]),
-        onClick: withModifiers(_ctx.handleExpandIconClick, ["stop"])
-      }, {
-        default: withCtx(() => [
-          (openBlock(), createBlock(resolveDynamicComponent(_ctx.tree.props.icon || _ctx.CaretRight)))
-        ]),
-        _: 1
-      }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
-      _ctx.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
-        key: 1,
-        "model-value": _ctx.node.checked,
-        indeterminate: _ctx.node.indeterminate,
-        disabled: !!_ctx.node.disabled,
-        onClick: withModifiers(() => {
-        }, ["stop"]),
-        onChange: _ctx.handleCheckChange
-      }, null, 8, ["model-value", "indeterminate", "disabled", "onClick", "onChange"])) : createCommentVNode("v-if", true),
-      _ctx.node.loading ? (openBlock(), createBlock(_component_el_icon, {
-        key: 2,
-        class: normalizeClass([_ctx.ns.be("node", "loading-icon"), _ctx.ns.is("loading")])
-      }, {
-        default: withCtx(() => [
-          createVNode(_component_loading)
-        ]),
-        _: 1
-      }, 8, ["class"])) : createCommentVNode("v-if", true),
-      createVNode(_component_node_content, {
-        node: _ctx.node,
-        "render-content": _ctx.renderContent
-      }, null, 8, ["node", "render-content"])
-    ], 6),
+    createElementVNode(
+      "div",
+      {
+        class: normalizeClass(_ctx.ns.be("node", "content")),
+        style: normalizeStyle({ paddingLeft: (_ctx.node.level - 1) * _ctx.tree.props.indent + "px" })
+      },
+      [
+        _ctx.tree.props.icon || _ctx.CaretRight ? (openBlock(), createBlock(_component_el_icon, {
+          key: 0,
+          class: normalizeClass([
+            _ctx.ns.be("node", "expand-icon"),
+            _ctx.ns.is("leaf", _ctx.node.isLeaf),
+            {
+              expanded: !_ctx.node.isLeaf && _ctx.expanded
+            }
+          ]),
+          onClick: withModifiers(_ctx.handleExpandIconClick, ["stop"])
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent(_ctx.tree.props.icon || _ctx.CaretRight)))
+          ]),
+          _: 1
+        }, 8, ["class", "onClick"])) : createCommentVNode("v-if", true),
+        _ctx.showCheckbox ? (openBlock(), createBlock(_component_el_checkbox, {
+          key: 1,
+          "model-value": _ctx.node.checked,
+          indeterminate: _ctx.node.indeterminate,
+          disabled: !!_ctx.node.disabled,
+          onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+          }, ["stop"])),
+          onChange: _ctx.handleCheckChange
+        }, null, 8, ["model-value", "indeterminate", "disabled", "onChange"])) : createCommentVNode("v-if", true),
+        _ctx.node.loading ? (openBlock(), createBlock(_component_el_icon, {
+          key: 2,
+          class: normalizeClass([_ctx.ns.be("node", "loading-icon"), _ctx.ns.is("loading")])
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_loading)
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("v-if", true),
+        createVNode(_component_node_content, {
+          node: _ctx.node,
+          "render-content": _ctx.renderContent
+        }, null, 8, ["node", "render-content"])
+      ],
+      6
+    ),
     createVNode(_component_el_collapse_transition, null, {
       default: withCtx(() => [
         !_ctx.renderAfterExpand || _ctx.childNodeRendered ? withDirectives((openBlock(), createElementBlock("div", {
@@ -3187,32 +3507,37 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(_ctx.ns.be("node", "children")),
           role: "group",
           "aria-expanded": _ctx.expanded,
-          onClick: withModifiers(() => {
-          }, ["stop"])
+          onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"]))
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.childNodes, (child) => {
-            return openBlock(), createBlock(_component_el_tree_node, {
-              key: _ctx.getNodeKey(child),
-              "render-content": _ctx.renderContent,
-              "render-after-expand": _ctx.renderAfterExpand,
-              "show-checkbox": _ctx.showCheckbox,
-              node: child,
-              accordion: _ctx.accordion,
-              props: _ctx.props,
-              onNodeExpand: _ctx.handleChildNodeExpand
-            }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "accordion", "props", "onNodeExpand"]);
-          }), 128))
-        ], 10, ["aria-expanded", "onClick"])), [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList(_ctx.node.childNodes, (child) => {
+              return openBlock(), createBlock(_component_el_tree_node, {
+                key: _ctx.getNodeKey(child),
+                "render-content": _ctx.renderContent,
+                "render-after-expand": _ctx.renderAfterExpand,
+                "show-checkbox": _ctx.showCheckbox,
+                node: child,
+                accordion: _ctx.accordion,
+                props: _ctx.props,
+                onNodeExpand: _ctx.handleChildNodeExpand
+              }, null, 8, ["render-content", "render-after-expand", "show-checkbox", "node", "accordion", "props", "onNodeExpand"]);
+            }),
+            128
+          ))
+        ], 10, _hoisted_2)), [
           [vShow, _ctx.expanded]
         ]) : createCommentVNode("v-if", true)
       ]),
       _: 1
     })
-  ], 42, ["aria-expanded", "aria-disabled", "aria-checked", "draggable", "data-key", "onClick", "onContextmenu", "onDragstart", "onDragover", "onDragend", "onDrop"])), [
+  ], 42, _hoisted_1)), [
     [vShow, _ctx.node.visible]
   ]);
 }
-var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "tree-node.vue"]]);
+var ElTreeNode = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree-node.vue"]]);
 
 function useKeydown({ el$ }, store) {
   const ns = useNamespace("tree");
@@ -3220,8 +3545,8 @@ function useKeydown({ el$ }, store) {
     initTabIndex();
   });
   onUpdated(() => {
-    const checkboxItems = Array.from(el$.value.querySelectorAll("input[type=checkbox]"));
-    checkboxItems.forEach((checkbox) => {
+    var _a;
+    (_a = el$.value) == null ? void 0 : _a.querySelectorAll("input[type=checkbox]").forEach((checkbox) => {
       checkbox.setAttribute("tabindex", "-1");
     });
   });
@@ -3235,7 +3560,9 @@ function useKeydown({ el$ }, store) {
     if (!currentItem.className.includes(ns.b("node")))
       return;
     const code = getEventCode(ev);
-    const treeItems = Array.from(el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`));
+    const treeItems = Array.from(
+      el$.value.querySelectorAll(`.${ns.is("focusable")}[role=treeitem]`)
+    );
     const currentIndex = treeItems.indexOf(currentItem);
     let nextIndex;
     if ([EVENT_CODE.up, EVENT_CODE.down].includes(code)) {
@@ -3279,8 +3606,12 @@ function useKeydown({ el$ }, store) {
       ev.preventDefault();
       currentItem.click();
     }
-    const hasInput = currentItem.querySelector('[type="checkbox"]');
-    if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(code) && hasInput) {
+    const hasInput = currentItem.querySelector(
+      '[type="checkbox"]'
+    );
+    if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter, EVENT_CODE.space].includes(
+      code
+    ) && hasInput) {
       ev.preventDefault();
       hasInput.click();
     }
@@ -3290,12 +3621,18 @@ function useKeydown({ el$ }, store) {
     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]"));
+    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) => {
       checkbox.setAttribute("tabindex", "-1");
     });
-    const checkedItem = el$.value.querySelectorAll(`.${ns.is("checked")}[role=treeitem]`);
+    const checkedItem = el$.value.querySelectorAll(
+      `.${ns.is("checked")}[role=treeitem]`
+    );
     if (checkedItem.length) {
       checkedItem[0].setAttribute("tabindex", "0");
       return;
@@ -3304,6 +3641,80 @@ function useKeydown({ el$ }, store) {
   };
 }
 
+const treeProps = buildProps({
+  data: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  emptyText: {
+    type: String
+  },
+  renderAfterExpand: {
+    type: Boolean,
+    default: true
+  },
+  nodeKey: String,
+  checkStrictly: Boolean,
+  defaultExpandAll: Boolean,
+  expandOnClickNode: {
+    type: Boolean,
+    default: true
+  },
+  checkOnClickNode: Boolean,
+  checkOnClickLeaf: {
+    type: Boolean,
+    default: true
+  },
+  checkDescendants: Boolean,
+  autoExpandParent: {
+    type: Boolean,
+    default: true
+  },
+  defaultCheckedKeys: {
+    type: Array
+  },
+  defaultExpandedKeys: {
+    type: Array
+  },
+  currentNodeKey: {
+    type: [String, Number]
+  },
+  renderContent: {
+    type: definePropType(Function)
+  },
+  showCheckbox: Boolean,
+  draggable: Boolean,
+  allowDrag: {
+    type: definePropType(Function)
+  },
+  allowDrop: {
+    type: definePropType(Function)
+  },
+  props: {
+    type: Object,
+    default: () => ({
+      children: "children",
+      label: "label",
+      disabled: "disabled"
+    })
+  },
+  lazy: Boolean,
+  highlightCurrent: Boolean,
+  load: {
+    type: Function
+  },
+  filterNodeMethod: {
+    type: Function
+  },
+  accordion: Boolean,
+  indent: {
+    type: Number,
+    default: 18
+  },
+  icon: {
+    type: iconPropType
+  }
+});
 const treeEmits = {
   "check-change": (data, checked, indeterminate) => data && isBoolean(checked) && isBoolean(indeterminate),
   "current-change": (data, node) => true,
@@ -3323,89 +3734,28 @@ const treeEmits = {
 const _sfc_main$1 = defineComponent({
   name: "ElTree",
   components: { ElTreeNode },
-  props: {
-    data: {
-      type: definePropType(Array),
-      default: () => []
-    },
-    emptyText: {
-      type: String
-    },
-    renderAfterExpand: {
-      type: Boolean,
-      default: true
-    },
-    nodeKey: String,
-    checkStrictly: Boolean,
-    defaultExpandAll: Boolean,
-    expandOnClickNode: {
-      type: Boolean,
-      default: true
-    },
-    checkOnClickNode: Boolean,
-    checkOnClickLeaf: {
-      type: Boolean,
-      default: true
-    },
-    checkDescendants: Boolean,
-    autoExpandParent: {
-      type: Boolean,
-      default: true
-    },
-    defaultCheckedKeys: Array,
-    defaultExpandedKeys: Array,
-    currentNodeKey: [String, Number],
-    renderContent: {
-      type: definePropType(Function)
-    },
-    showCheckbox: Boolean,
-    draggable: Boolean,
-    allowDrag: {
-      type: definePropType(Function)
-    },
-    allowDrop: {
-      type: definePropType(Function)
-    },
-    props: {
-      type: Object,
-      default: () => ({
-        children: "children",
-        label: "label",
-        disabled: "disabled"
-      })
-    },
-    lazy: Boolean,
-    highlightCurrent: Boolean,
-    load: Function,
-    filterNodeMethod: Function,
-    accordion: Boolean,
-    indent: {
-      type: Number,
-      default: 18
-    },
-    icon: {
-      type: iconPropType
-    }
-  },
+  props: treeProps,
   emits: treeEmits,
   setup(props, ctx) {
     const { t } = useLocale();
     const ns = useNamespace("tree");
-    const store = ref(new TreeStore({
-      key: props.nodeKey,
-      data: props.data,
-      lazy: props.lazy,
-      props: props.props,
-      load: props.load,
-      currentNodeKey: props.currentNodeKey,
-      checkStrictly: props.checkStrictly,
-      checkDescendants: props.checkDescendants,
-      defaultCheckedKeys: props.defaultCheckedKeys,
-      defaultExpandedKeys: props.defaultExpandedKeys,
-      autoExpandParent: props.autoExpandParent,
-      defaultExpandAll: props.defaultExpandAll,
-      filterNodeMethod: props.filterNodeMethod
-    }));
+    const store = ref(
+      new TreeStore({
+        key: props.nodeKey,
+        data: props.data,
+        lazy: props.lazy,
+        props: props.props,
+        load: props.load,
+        currentNodeKey: props.currentNodeKey,
+        checkStrictly: props.checkStrictly,
+        checkDescendants: props.checkDescendants,
+        defaultCheckedKeys: props.defaultCheckedKeys,
+        defaultExpandedKeys: props.defaultExpandedKeys,
+        autoExpandParent: props.autoExpandParent,
+        defaultExpandAll: props.defaultExpandAll,
+        filterNodeMethod: props.filterNodeMethod
+      })
+    );
     store.value.initialize();
     const root = ref(store.value.root);
     const currentNode = ref(null);
@@ -3435,23 +3785,39 @@ const _sfc_main$1 = defineComponent({
       const { childNodes } = root.value;
       return (!childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible)) && !isSelectTree.value;
     });
-    watch(() => props.currentNodeKey, (newVal) => {
-      store.value.setCurrentNodeKey(newVal != null ? newVal : null);
-    });
-    watch(() => props.defaultCheckedKeys, (newVal, oldVal) => {
-      if (isEqual(newVal, oldVal))
-        return;
-      store.value.setDefaultCheckedKey(newVal != null ? newVal : []);
-    });
-    watch(() => props.defaultExpandedKeys, (newVal) => {
-      store.value.setDefaultExpandedKeys(newVal != null ? newVal : []);
-    });
-    watch(() => props.data, (newVal) => {
-      store.value.setData(newVal);
-    }, { deep: true });
-    watch(() => props.checkStrictly, (newVal) => {
-      store.value.checkStrictly = newVal;
-    });
+    watch(
+      () => props.currentNodeKey,
+      (newVal) => {
+        store.value.setCurrentNodeKey(newVal != null ? newVal : null);
+      }
+    );
+    watch(
+      () => props.defaultCheckedKeys,
+      (newVal, oldVal) => {
+        if (isEqual(newVal, oldVal))
+          return;
+        store.value.setDefaultCheckedKey(newVal != null ? newVal : []);
+      }
+    );
+    watch(
+      () => props.defaultExpandedKeys,
+      (newVal) => {
+        store.value.setDefaultExpandedKeys(newVal != null ? newVal : []);
+      }
+    );
+    watch(
+      () => props.data,
+      (newVal) => {
+        store.value.setData(newVal);
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.checkStrictly,
+      (newVal) => {
+        store.value.checkStrictly = newVal;
+      }
+    );
     const filter = (value) => {
       if (!props.filterNodeMethod)
         throw new Error("[Tree] filterNodeMethod is required when filter");
@@ -3592,51 +3958,76 @@ const _sfc_main$1 = defineComponent({
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_el_tree_node = resolveComponent("el-tree-node");
-  return openBlock(), createElementBlock("div", {
-    ref: "el$",
-    class: normalizeClass([
-      _ctx.ns.b(),
-      _ctx.ns.is("dragging", !!_ctx.dragState.draggingNode),
-      _ctx.ns.is("drop-not-allow", !_ctx.dragState.allowDrop),
-      _ctx.ns.is("drop-inner", _ctx.dragState.dropType === "inner"),
-      { [_ctx.ns.m("highlight-current")]: _ctx.highlightCurrent }
-    ]),
-    role: "tree"
-  }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.root.childNodes, (child) => {
-      return openBlock(), createBlock(_component_el_tree_node, {
-        key: _ctx.getNodeKey(child),
-        node: child,
-        props: _ctx.props,
-        accordion: _ctx.accordion,
-        "render-after-expand": _ctx.renderAfterExpand,
-        "show-checkbox": _ctx.showCheckbox,
-        "render-content": _ctx.renderContent,
-        onNodeExpand: _ctx.handleNodeExpand
-      }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
-    }), 128)),
-    _ctx.isEmpty ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(_ctx.ns.e("empty-block"))
-    }, [
-      renderSlot(_ctx.$slots, "empty", {}, () => {
-        var _a;
-        return [
-          createElementVNode("span", {
-            class: normalizeClass(_ctx.ns.e("empty-text"))
-          }, toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")), 3)
-        ];
-      })
-    ], 2)) : createCommentVNode("v-if", true),
-    withDirectives(createElementVNode("div", {
-      ref: "dropIndicator$",
-      class: normalizeClass(_ctx.ns.e("drop-indicator"))
-    }, null, 2), [
-      [vShow, _ctx.dragState.showDropIndicator]
-    ])
-  ], 2);
+  return openBlock(), createElementBlock(
+    "div",
+    {
+      ref: "el$",
+      class: normalizeClass([
+        _ctx.ns.b(),
+        _ctx.ns.is("dragging", !!_ctx.dragState.draggingNode),
+        _ctx.ns.is("drop-not-allow", !_ctx.dragState.allowDrop),
+        _ctx.ns.is("drop-inner", _ctx.dragState.dropType === "inner"),
+        { [_ctx.ns.m("highlight-current")]: _ctx.highlightCurrent }
+      ]),
+      role: "tree"
+    },
+    [
+      (openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList(_ctx.root.childNodes, (child) => {
+          return openBlock(), createBlock(_component_el_tree_node, {
+            key: _ctx.getNodeKey(child),
+            node: child,
+            props: _ctx.props,
+            accordion: _ctx.accordion,
+            "render-after-expand": _ctx.renderAfterExpand,
+            "show-checkbox": _ctx.showCheckbox,
+            "render-content": _ctx.renderContent,
+            onNodeExpand: _ctx.handleNodeExpand
+          }, null, 8, ["node", "props", "accordion", "render-after-expand", "show-checkbox", "render-content", "onNodeExpand"]);
+        }),
+        128
+      )),
+      _ctx.isEmpty ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 0,
+          class: normalizeClass(_ctx.ns.e("empty-block"))
+        },
+        [
+          renderSlot(_ctx.$slots, "empty", {}, () => {
+            var _a;
+            return [
+              createElementVNode(
+                "span",
+                {
+                  class: normalizeClass(_ctx.ns.e("empty-text"))
+                },
+                toDisplayString((_a = _ctx.emptyText) != null ? _a : _ctx.t("el.tree.emptyText")),
+                3
+              )
+            ];
+          })
+        ],
+        2
+      )) : createCommentVNode("v-if", true),
+      withDirectives(createElementVNode(
+        "div",
+        {
+          ref: "dropIndicator$",
+          class: normalizeClass(_ctx.ns.e("drop-indicator"))
+        },
+        null,
+        2
+      ), [
+        [vShow, _ctx.dragState.showDropIndicator]
+      ])
+    ],
+    2
+  );
 }
-var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "tree.vue"]]);
+var Tree = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/tree/src/tree.vue"]]);
 
 const ElTree = withInstall(Tree);