@element-plus/nightly 0.0.20250918 → 0.0.20250920

package/lib/components/carousel/src/carousel-item.js

@@ -2,15 +2,77 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var carouselItem = require('./carousel-item2.js');
+var useCarouselItem = require('./use-carousel-item.js');
+var constants = require('./constants.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
 
-const carouselItemProps = runtime.buildProps({
-  name: { type: String, default: "" },
-  label: {
-    type: [String, Number],
-    default: ""
+const __default__ = vue.defineComponent({
+  name: constants.CAROUSEL_ITEM_NAME
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: carouselItem.carouselItemProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("carousel");
+    const {
+      carouselItemRef,
+      active,
+      animating,
+      hover,
+      inStage,
+      isVertical,
+      translate,
+      isCardType,
+      scale,
+      ready,
+      handleItemClick
+    } = useCarouselItem.useCarouselItem(props);
+    const itemKls = vue.computed(() => [
+      ns.e("item"),
+      ns.is("active", active.value),
+      ns.is("in-stage", inStage.value),
+      ns.is("hover", hover.value),
+      ns.is("animating", animating.value),
+      {
+        [ns.em("item", "card")]: isCardType.value,
+        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
+      }
+    ]);
+    const itemStyle = vue.computed(() => {
+      const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
+      const _translate = `${translateType}(${vue.unref(translate)}px)`;
+      const _scale = `scale(${vue.unref(scale)})`;
+      const transform = [_translate, _scale].join(" ");
+      return {
+        transform
+      };
+    });
+    return (_ctx, _cache) => {
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "carouselItemRef",
+        ref: carouselItemRef,
+        class: vue.normalizeClass(vue.unref(itemKls)),
+        style: vue.normalizeStyle(vue.unref(itemStyle)),
+        onClick: vue.unref(handleItemClick)
+      }, [
+        vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).e("mask"))
+        }, null, 2)), [
+          [vue.vShow, !vue.unref(active)]
+        ]) : vue.createCommentVNode("v-if", true),
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 14, ["onClick"])), [
+        [vue.vShow, vue.unref(ready)]
+      ]);
+    };
   }
 });
+var CarouselItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "carousel-item.vue"]]);
 
-exports.carouselItemProps = carouselItemProps;
+exports["default"] = CarouselItem;
 //# sourceMappingURL=carousel-item.js.map

package/lib/components/carousel/src/carousel-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  /**\n   * @description name of the item, can be used in `setActiveItem`\n   */\n  name: { type: String, default: '' },\n  /**\n   * @description text content for the corresponding indicator\n   */\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\nexport type CarouselItemPropsPublic = __ExtractPublicPropTypes<\n  typeof carouselItemProps\n>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"carousel-item.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    ref=\"carouselItemRef\"\n    :class=\"itemKls\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n  carouselItemRef,\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n  ns.e('item'),\n  ns.is('active', active.value),\n  ns.is('in-stage', inStage.value),\n  ns.is('hover', hover.value),\n  ns.is('animating', animating.value),\n  {\n    [ns.em('item', 'card')]: isCardType.value,\n    [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n  },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":["CAROUSEL_ITEM_NAME","useNamespace","useCarouselItem","computed","unref"],"mappings":";;;;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAAA,4BAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAIC,gCAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAAC,SAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAAA,SAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAASA,SAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/carousel/src/carousel-item2.js

@@ -2,77 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var carouselItem = require('./carousel-item.js');
-var useCarouselItem = require('./use-carousel-item.js');
-var constants = require('./constants.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
 
-const __default__ = vue.defineComponent({
-  name: constants.CAROUSEL_ITEM_NAME
-});
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...__default__,
-  props: carouselItem.carouselItemProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("carousel");
-    const {
-      carouselItemRef,
-      active,
-      animating,
-      hover,
-      inStage,
-      isVertical,
-      translate,
-      isCardType,
-      scale,
-      ready,
-      handleItemClick
-    } = useCarouselItem.useCarouselItem(props);
-    const itemKls = vue.computed(() => [
-      ns.e("item"),
-      ns.is("active", active.value),
-      ns.is("in-stage", inStage.value),
-      ns.is("hover", hover.value),
-      ns.is("animating", animating.value),
-      {
-        [ns.em("item", "card")]: isCardType.value,
-        [ns.em("item", "card-vertical")]: isCardType.value && isVertical.value
-      }
-    ]);
-    const itemStyle = vue.computed(() => {
-      const translateType = `translate${vue.unref(isVertical) ? "Y" : "X"}`;
-      const _translate = `${translateType}(${vue.unref(translate)}px)`;
-      const _scale = `scale(${vue.unref(scale)})`;
-      const transform = [_translate, _scale].join(" ");
-      return {
-        transform
-      };
-    });
-    return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        ref_key: "carouselItemRef",
-        ref: carouselItemRef,
-        class: vue.normalizeClass(vue.unref(itemKls)),
-        style: vue.normalizeStyle(vue.unref(itemStyle)),
-        onClick: vue.unref(handleItemClick)
-      }, [
-        vue.unref(isCardType) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(vue.unref(ns).e("mask"))
-        }, null, 2)), [
-          [vue.vShow, !vue.unref(active)]
-        ]) : vue.createCommentVNode("v-if", true),
-        vue.renderSlot(_ctx.$slots, "default")
-      ], 14, ["onClick"])), [
-        [vue.vShow, vue.unref(ready)]
-      ]);
-    };
+const carouselItemProps = runtime.buildProps({
+  name: { type: String, default: "" },
+  label: {
+    type: [String, Number],
+    default: ""
   }
 });
-var CarouselItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "carousel-item.vue"]]);
 
-exports["default"] = CarouselItem;
+exports.carouselItemProps = carouselItemProps;
 //# sourceMappingURL=carousel-item2.js.map

package/lib/components/carousel/src/carousel-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item2.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.vue"],"sourcesContent":["<template>\n  <div\n    v-show=\"ready\"\n    ref=\"carouselItemRef\"\n    :class=\"itemKls\"\n    :style=\"itemStyle\"\n    @click=\"handleItemClick\"\n  >\n    <div v-if=\"isCardType\" v-show=\"!active\" :class=\"ns.e('mask')\" />\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, unref } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { carouselItemProps } from './carousel-item'\nimport { useCarouselItem } from './use-carousel-item'\nimport { CAROUSEL_ITEM_NAME } from './constants'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: CAROUSEL_ITEM_NAME,\n})\n\nconst props = defineProps(carouselItemProps)\nconst ns = useNamespace('carousel')\n\n// inject\nconst {\n  carouselItemRef,\n  active,\n  animating,\n  hover,\n  inStage,\n  isVertical,\n  translate,\n  isCardType,\n  scale,\n  ready,\n  handleItemClick,\n} = useCarouselItem(props)\n\nconst itemKls = computed(() => [\n  ns.e('item'),\n  ns.is('active', active.value),\n  ns.is('in-stage', inStage.value),\n  ns.is('hover', hover.value),\n  ns.is('animating', animating.value),\n  {\n    [ns.em('item', 'card')]: isCardType.value,\n    [ns.em('item', 'card-vertical')]: isCardType.value && isVertical.value,\n  },\n])\n\nconst itemStyle = computed<CSSProperties>(() => {\n  const translateType = `translate${unref(isVertical) ? 'Y' : 'X'}`\n  const _translate = `${translateType}(${unref(translate)}px)`\n  const _scale = `scale(${unref(scale)})`\n  const transform = [_translate, _scale].join(' ')\n\n  return {\n    transform,\n  }\n})\n</script>\n"],"names":["CAROUSEL_ITEM_NAME","useNamespace","useCarouselItem","computed","unref"],"mappings":";;;;;;;;;;;uCAsBc,CAAA;AAAA,EACZ,IAAM,EAAAA,4BAAA;AACR,CAAA,CAAA,CAAA;;;;;;AAGA,IAAM,MAAA,EAAA,GAAKC,mBAAa,UAAU,CAAA,CAAA;AAGlC,IAAM,MAAA;AAAA,MACJ,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA;AAAA,MACA,UAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,eAAA;AAAA,KACF,GAAIC,gCAAgB,KAAK,CAAA,CAAA;AAEzB,IAAM,MAAA,OAAA,GAAUC,aAAS,MAAM;AAAA,MAC7B,EAAA,CAAG,EAAE,MAAM,CAAA;AAAA,MACX,EAAG,CAAA,EAAA,CAAG,QAAU,EAAA,MAAA,CAAO,KAAK,CAAA;AAAA,MAC5B,EAAG,CAAA,EAAA,CAAG,UAAY,EAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,MAC/B,EAAG,CAAA,EAAA,CAAG,OAAS,EAAA,KAAA,CAAM,KAAK,CAAA;AAAA,MAC1B,EAAG,CAAA,EAAA,CAAG,WAAa,EAAA,SAAA,CAAU,KAAK,CAAA;AAAA,MAClC;AAAA,QACE,CAAC,EAAG,CAAA,EAAA,CAAG,QAAQ,MAAM,CAAC,GAAG,UAAW,CAAA,KAAA;AAAA,QACpC,CAAC,GAAG,EAAG,CAAA,MAAA,EAAQ,eAAe,CAAC,GAAG,UAAW,CAAA,KAAA,IAAS,UAAW,CAAA,KAAA;AAAA,OACnE;AAAA,KACD,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,GAAYA,aAAwB,MAAM;AAC9C,MAAA,MAAM,gBAAgB,CAAY,SAAA,EAAAC,SAAA,CAAM,UAAU,CAAA,GAAI,MAAM,GAAG,CAAA,CAAA,CAAA;AAC/D,MAAA,MAAM,aAAa,CAAG,EAAA,aAAa,CAAI,CAAA,EAAAA,SAAA,CAAM,SAAS,CAAC,CAAA,GAAA,CAAA,CAAA;AACvD,MAAA,MAAM,MAAS,GAAA,CAAA,MAAA,EAASA,SAAM,CAAA,KAAK,CAAC,CAAA,CAAA,CAAA,CAAA;AACpC,MAAA,MAAM,YAAY,CAAC,UAAA,EAAY,MAAM,CAAA,CAAE,KAAK,GAAG,CAAA,CAAA;AAE/C,MAAO,OAAA;AAAA,QACL,SAAA;AAAA,OACF,CAAA;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"carousel-item2.js","sources":["../../../../../../packages/components/carousel/src/carousel-item.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const carouselItemProps = buildProps({\n  /**\n   * @description name of the item, can be used in `setActiveItem`\n   */\n  name: { type: String, default: '' },\n  /**\n   * @description text content for the corresponding indicator\n   */\n  label: {\n    type: [String, Number],\n    default: '',\n  },\n} as const)\n\nexport type CarouselItemProps = ExtractPropTypes<typeof carouselItemProps>\nexport type CarouselItemPropsPublic = __ExtractPublicPropTypes<\n  typeof carouselItemProps\n>\n"],"names":["buildProps"],"mappings":";;;;;;AACY,MAAC,iBAAiB,GAAGA,kBAAU,CAAC;AAC5C,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;AACrC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;AAC1B,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}

package/lib/components/cascader/src/cascader.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var core = require('@popperjs/core');
 var iconsVue = require('@element-plus/icons-vue');
 var config = require('../../cascader-panel/src/config.js');
-var tag = require('../../tag/src/tag.js');
+var tag = require('../../tag/src/tag2.js');
 var runtime = require('../../../utils/vue/props/runtime.js');
 var index = require('../../../hooks/use-size/index.js');
 var icon = require('../../../utils/vue/icon.js');

package/lib/components/cascader/src/cascader.vue.d.ts

@@ -1,16 +1,142 @@
-import type { ComputedRef, Ref, StyleValue } from 'vue';
+import type { ComputedRef, StyleValue } from 'vue';
 import type { CascaderNode, CascaderPanelInstance, CascaderValue, Tag } from '@element-plus/nightly/es/components/cascader-panel';
 declare function __VLS_template(): {
     prefix?(_: {}): any;
     tag?(_: {
-        data: Tag[];
+        data: {
+            node?: {
+                readonly uid: number;
+                readonly level: number;
+                readonly value: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue;
+                readonly label: string;
+                readonly pathNodes: any[];
+                readonly pathValues: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue[];
+                readonly pathLabels: string[];
+                childrenData: {
+                    [x: string]: unknown;
+                    label?: string | undefined;
+                    value?: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | undefined;
+                    children?: any[] | undefined;
+                    disabled?: boolean | undefined;
+                    leaf?: boolean | undefined;
+                }[] | undefined;
+                children: any[];
+                text: string;
+                loaded: boolean;
+                checked: boolean;
+                indeterminate: boolean;
+                loading: boolean;
+                readonly data: {
+                    [x: string]: unknown;
+                    label?: string | undefined;
+                    value?: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | undefined;
+                    children?: any[] | undefined;
+                    disabled?: boolean | undefined;
+                    leaf?: boolean | undefined;
+                };
+                readonly config: {
+                    expandTrigger: import("@element-plus/nightly/es/components/cascader-panel").ExpandTrigger;
+                    multiple: boolean;
+                    checkStrictly: boolean;
+                    emitPath: boolean;
+                    lazy: boolean;
+                    lazyLoad: import("@element-plus/nightly/es/components/cascader-panel").LazyLoad;
+                    value: string;
+                    label: string;
+                    children: string;
+                    disabled: string | import("@element-plus/nightly/es/components/cascader-panel").isDisabled;
+                    leaf: string | import("@element-plus/nightly/es/components/cascader-panel").isLeaf;
+                    hoverThreshold: number;
+                    checkOnClickNode: boolean;
+                    checkOnClickLeaf: boolean;
+                    showPrefix: boolean;
+                };
+                readonly parent?: any | undefined;
+                readonly root: boolean;
+                readonly isDisabled: boolean;
+                readonly isLeaf: boolean;
+                readonly valueByOption: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue[];
+                appendChild: (childData: import("@element-plus/nightly/es/components/cascader-panel").CascaderOption) => CascaderNode;
+                calcText: (allLevels: boolean, separator: string) => string;
+                broadcast: (checked: boolean) => void;
+                emit: () => void;
+                onParentCheck: (checked: boolean) => void;
+                onChildCheck: () => void;
+                setCheckState: (checked: boolean) => void;
+                doCheck: (checked: boolean) => void;
+            } | undefined;
+            key: number;
+            text: string;
+            hitState?: boolean | undefined;
+            closable: boolean;
+        }[];
         deleteTag: (tag: Tag) => void;
     }): any;
     header?(_: {}): any;
     empty?(_: {}): any;
     empty?(_: {}): any;
     "suggestion-item"?(_: {
-        item: CascaderNode;
+        item: {
+            readonly uid: number;
+            readonly level: number;
+            readonly value: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue;
+            readonly label: string;
+            readonly pathNodes: any[];
+            readonly pathValues: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue[];
+            readonly pathLabels: string[];
+            childrenData: {
+                [x: string]: unknown;
+                label?: string | undefined;
+                value?: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | undefined;
+                children?: any[] | undefined;
+                disabled?: boolean | undefined;
+                leaf?: boolean | undefined;
+            }[] | undefined;
+            children: any[];
+            text: string;
+            loaded: boolean;
+            checked: boolean;
+            indeterminate: boolean;
+            loading: boolean;
+            readonly data: {
+                [x: string]: unknown;
+                label?: string | undefined;
+                value?: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | undefined;
+                children?: any[] | undefined;
+                disabled?: boolean | undefined;
+                leaf?: boolean | undefined;
+            };
+            readonly config: {
+                expandTrigger: import("@element-plus/nightly/es/components/cascader-panel").ExpandTrigger;
+                multiple: boolean;
+                checkStrictly: boolean;
+                emitPath: boolean;
+                lazy: boolean;
+                lazyLoad: import("@element-plus/nightly/es/components/cascader-panel").LazyLoad;
+                value: string;
+                label: string;
+                children: string;
+                disabled: string | import("@element-plus/nightly/es/components/cascader-panel").isDisabled;
+                leaf: string | import("@element-plus/nightly/es/components/cascader-panel").isLeaf;
+                hoverThreshold: number;
+                checkOnClickNode: boolean;
+                checkOnClickLeaf: boolean;
+                showPrefix: boolean;
+            };
+            readonly parent?: any | undefined;
+            readonly root: boolean;
+            readonly isDisabled: boolean;
+            readonly isLeaf: boolean;
+            readonly valueByOption: import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue | import("@element-plus/nightly/es/components/cascader-panel").CascaderNodeValue[];
+            appendChild: (childData: import("@element-plus/nightly/es/components/cascader-panel").CascaderOption) => CascaderNode;
+            calcText: (allLevels: boolean, separator: string) => string;
+            broadcast: (checked: boolean) => void;
+            emit: () => void;
+            onParentCheck: (checked: boolean) => void;
+            onChildCheck: () => void;
+            setCheckState: (checked: boolean) => void;
+            doCheck: (checked: boolean) => void;
+        };
     }): any;
     footer?(_: {}): any;
 };
@@ -210,7 +336,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
     /**
      * @description cascader panel ref
      */
-    cascaderPanelRef: Ref<CascaderPanelInstance | null>;
+    cascaderPanelRef: import("vue").Ref<CascaderPanelInstance | undefined>;
     /**
      * @description toggle the visible of popper
      */

package/lib/components/cascader/src/cascader2.js

@@ -72,20 +72,31 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         handleInput(text);
       }
     });
-    const tooltipRef = vue.ref(null);
+    const tooltipRef = vue.ref();
     const tagTooltipRef = vue.ref();
     const inputRef = vue.ref();
-    const tagWrapper = vue.ref(null);
-    const cascaderPanelRef = vue.ref(null);
-    const suggestionPanel = vue.ref(null);
+    const tagWrapper = vue.ref();
+    const cascaderPanelRef = vue.ref();
+    const suggestionPanel = vue.ref();
     const popperVisible = vue.ref(false);
     const inputHover = vue.ref(false);
     const filtering = vue.ref(false);
     const inputValue = vue.ref("");
     const searchInputValue = vue.ref("");
-    const presentTags = vue.ref([]);
-    const allPresentTags = vue.ref([]);
+    const tags = vue.ref([]);
     const suggestions = vue.ref([]);
+    const showTagList = vue.computed(() => {
+      if (!props.props.multiple) {
+        return [];
+      }
+      return props.collapseTags ? tags.value.slice(0, props.maxCollapseTags) : tags.value;
+    });
+    const collapseTagList = vue.computed(() => {
+      if (!props.props.multiple) {
+        return [];
+      }
+      return props.collapseTags ? tags.value.slice(props.maxCollapseTags) : [];
+    });
     const cascaderStyle = vue.computed(() => {
       return attrs.style;
     });
@@ -93,7 +104,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       var _a;
       return (_a = props.placeholder) != null ? _a : t("el.cascader.placeholder");
     });
-    const currentPlaceholder = vue.computed(() => searchInputValue.value || presentTags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value);
+    const currentPlaceholder = vue.computed(() => searchInputValue.value || tags.value.length > 0 || isComposing.value ? "" : inputPlaceholder.value);
     const realSize = useFormCommonProps.useFormSize();
     const tagSize = vue.computed(() => realSize.value === "small" ? "small" : "default");
     const multiple = vue.computed(() => !!props.props.multiple);
@@ -106,8 +117,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const { wrapperRef, isFocused, handleBlur } = index$4.useFocusController(inputRef, {
       disabled: isDisabled,
       beforeBlur(event) {
-        var _a, _b, _c;
-        return ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_c = (_b = tagTooltipRef.value) == null ? void 0 : _b[0]) == null ? void 0 : _c.isFocusInsideContent(event));
+        var _a, _b;
+        return ((_a = tooltipRef.value) == null ? void 0 : _a.isFocusInsideContent(event)) || ((_b = tagTooltipRef.value) == null ? void 0 : _b.isFocusInsideContent(event));
       },
       afterBlur() {
         var _a;
@@ -201,8 +212,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         key: node.uid,
         text: node.calcText(showAllLevels, separator),
         hitState: false,
-        closable: !isDisabled.value && !node.isDisabled,
-        isCollapseTag: false
+        closable: !isDisabled.value && !node.isDisabled
       };
     };
     const deleteTag = (tag) => {
@@ -230,28 +240,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       if (!multiple.value)
         return;
       const nodes = getStrategyCheckedNodes();
-      const tags = [];
       const allTags = [];
       nodes.forEach((node) => allTags.push(genTag(node)));
-      allPresentTags.value = allTags;
-      if (nodes.length) {
-        nodes.slice(0, props.maxCollapseTags).forEach((node) => tags.push(genTag(node)));
-        const rest = nodes.slice(props.maxCollapseTags);
-        const restCount = rest.length;
-        if (restCount) {
-          if (props.collapseTags) {
-            tags.push({
-              key: -1,
-              text: `+ ${restCount}`,
-              closable: false,
-              isCollapseTag: true
-            });
-          } else {
-            rest.forEach((node) => tags.push(genTag(node)));
-          }
-        }
-      }
-      presentTags.value = tags;
+      tags.value = allTags;
     };
     const calculateSuggestions = () => {
       var _a, _b;
@@ -263,10 +254,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         return filterMethod(node, searchKeyword.value);
       });
       if (multiple.value) {
-        presentTags.value.forEach((tag) => {
-          tag.hitState = false;
-        });
-        allPresentTags.value.forEach((tag) => {
+        tags.value.forEach((tag) => {
           tag.hitState = false;
         });
       }
@@ -300,7 +288,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
       if (tagWrapperEl) {
         const { offsetHeight } = tagWrapperEl;
-        const height = presentTags.value.length > 0 ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px` : `${inputInitialHeight}px`;
+        const height = tags.value.length > 0 ? `${Math.max(offsetHeight, inputInitialHeight) - 2}px` : `${inputInitialHeight}px`;
         inputInner.style.height = height;
         updatePopperPosition();
       }
@@ -380,10 +368,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     };
     const handleDelete = () => {
-      const tags = presentTags.value;
-      const lastTag = tags[tags.length - 1];
+      const lastTag = tags.value[tags.value.length - 1];
       pressDeleteCount = searchInputValue.value ? 0 : pressDeleteCount + 1;
-      if (!lastTag || !pressDeleteCount || props.collapseTags && tags.length > 1)
+      if (!lastTag || !pressDeleteCount || props.collapseTags && tags.value.length > 1)
         return;
       if (lastTag.hitState) {
         deleteTag(lastTag);
@@ -419,7 +406,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       () => props.collapseTags,
       () => props.maxCollapseTags
     ], calculatePresentTags);
-    vue.watch(presentTags, () => {
+    vue.watch(tags, () => {
       vue.nextTick(() => updateStyle());
     });
     vue.watch(realSize, async () => {
@@ -529,10 +516,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             }, [
               vue.renderSlot(_ctx.$slots, "tag", {
-                data: allPresentTags.value,
+                data: tags.value,
                 deleteTag
               }, () => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(presentTags.value, (tag) => {
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(showTagList), (tag) => {
                   return vue.openBlock(), vue.createBlock(vue.unref(index$8.ElTag), {
                     key: tag.key,
                     type: _ctx.tagType,
@@ -544,64 +531,78 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClose: ($event) => deleteTag(tag)
                   }, {
                     default: vue.withCtx(() => [
-                      tag.isCollapseTag === false ? (vue.openBlock(), vue.createElementBlock("span", { key: 0 }, vue.toDisplayString(tag.text), 1)) : (vue.openBlock(), vue.createBlock(vue.unref(index$5.ElTooltip), {
-                        key: 1,
-                        ref_for: true,
-                        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
-                      }, {
-                        default: vue.withCtx(() => [
-                          vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
-                        ]),
-                        content: vue.withCtx(() => [
-                          vue.createVNode(vue.unref(index$9.ElScrollbar), { "max-height": _ctx.maxCollapseTagsTooltipHeight }, {
-                            default: vue.withCtx(() => [
-                              vue.createElementVNode("div", {
-                                class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
-                              }, [
-                                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(allPresentTags.value.slice(_ctx.maxCollapseTags), (tag2, idx) => {
-                                  return vue.openBlock(), vue.createElementBlock("div", {
-                                    key: idx,
-                                    class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
-                                  }, [
-                                    (vue.openBlock(), vue.createBlock(vue.unref(index$8.ElTag), {
-                                      key: tag2.key,
-                                      class: "in-tooltip",
-                                      type: _ctx.tagType,
-                                      size: vue.unref(tagSize),
-                                      effect: _ctx.tagEffect,
-                                      hit: tag2.hitState,
-                                      closable: tag2.closable,
-                                      "disable-transitions": "",
-                                      onClose: ($event) => deleteTag(tag2)
-                                    }, {
-                                      default: vue.withCtx(() => [
-                                        vue.createElementVNode("span", null, vue.toDisplayString(tag2.text), 1)
-                                      ]),
-                                      _: 2
-                                    }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
-                                  ], 2);
-                                }), 128))
-                              ], 2)
-                            ]),
-                            _: 1
-                          }, 8, ["max-height"])
-                        ]),
-                        _: 2
-                      }, 1032, ["disabled", "popper-class", "popper-style", "effect"]))
+                      vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
                     ]),
                     _: 2
                   }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]);
                 }), 128))
               ]),
-              _ctx.filterable && !vue.unref(isDisabled) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+              _ctx.collapseTags && tags.value.length > _ctx.maxCollapseTags ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.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: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index$8.ElTag), {
+                    closable: false,
+                    size: vue.unref(tagSize),
+                    type: _ctx.tagType,
+                    effect: _ctx.tagEffect,
+                    "disable-transitions": ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("span", {
+                        class: vue.normalizeClass(vue.unref(nsCascader).e("tags-text"))
+                      }, " + " + vue.toDisplayString(tags.value.length - _ctx.maxCollapseTags), 3)
+                    ]),
+                    _: 1
+                  }, 8, ["size", "type", "effect"])
+                ]),
+                content: vue.withCtx(() => [
+                  vue.createVNode(vue.unref(index$9.ElScrollbar), { "max-height": _ctx.maxCollapseTagsTooltipHeight }, {
+                    default: vue.withCtx(() => [
+                      vue.createElementVNode("div", {
+                        class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tags"))
+                      }, [
+                        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(collapseTagList), (tag, idx) => {
+                          return vue.openBlock(), vue.createElementBlock("div", {
+                            key: idx,
+                            class: vue.normalizeClass(vue.unref(nsCascader).e("collapse-tag"))
+                          }, [
+                            (vue.openBlock(), vue.createBlock(vue.unref(index$8.ElTag), {
+                              key: tag.key,
+                              class: "in-tooltip",
+                              type: _ctx.tagType,
+                              size: vue.unref(tagSize),
+                              effect: _ctx.tagEffect,
+                              hit: tag.hitState,
+                              closable: tag.closable,
+                              "disable-transitions": "",
+                              onClose: ($event) => deleteTag(tag)
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createElementVNode("span", null, vue.toDisplayString(tag.text), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["type", "size", "effect", "hit", "closable", "onClose"]))
+                          ], 2);
+                        }), 128))
+                      ], 2)
+                    ]),
+                    _: 1
+                  }, 8, ["max-height"])
+                ]),
+                _: 1
+              }, 8, ["disabled", "popper-class", "popper-style", "effect", "persistent"])) : vue.createCommentVNode("v-if", true),
+              _ctx.filterable && !vue.unref(isDisabled) ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
+                key: 1,
                 "onUpdate:modelValue": ($event) => searchInputValue.value = $event,
                 type: "text",
                 class: vue.normalizeClass(vue.unref(nsCascader).e("search-input")),