@element-plus/nightly 0.0.20260423 → 0.0.20260425

package/es/components/cascader-panel/src/menu.vue.d.ts

@@ -1,32 +1,33 @@
 import "./types.js";
 import { Node } from "./node.js";
+import { CascaderCommonProps } from "./config.js";
+import { FixedSizeListInstance } from "../../virtual-list/src/components/fixed-size-list.js";
+import "../../virtual-list/index.js";
 import * as vue from "vue";
-import { PropType } from "vue";
 
 //#region ../../packages/components/cascader-panel/src/menu.vue.d.ts
-declare var __VLS_29: {};
+type __VLS_Props = {
+  nodes: Node[];
+  index: number;
+} & Pick<CascaderCommonProps, 'virtualScroll' | 'itemSize' | 'height'>;
+declare var __VLS_28: {}, __VLS_58: {};
 type __VLS_Slots = {} & {
-  empty?: (props: typeof __VLS_29) => any;
+  empty?: (props: typeof __VLS_28) => any;
+} & {
+  empty?: (props: typeof __VLS_58) => any;
 };
-declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
-  nodes: {
-    type: PropType<Node[]>;
-    required: true;
-  };
-  index: {
-    type: NumberConstructor;
-    required: true;
-  };
-}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-  nodes: {
-    type: PropType<Node[]>;
-    required: true;
-  };
-  index: {
-    type: NumberConstructor;
-    required: true;
-  };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: vue.DefineComponent<__VLS_Props, {
+  getActiveNodeIndex: () => number;
+  getNodeIndexById: (nodeId: string | undefined) => number;
+  scrollToItem: (index: number) => void;
+  focusNodeAt: (index: number) => void;
+  virtualListRef: vue.Ref<FixedSizeListInstance | undefined, FixedSizeListInstance | undefined>;
+  readonly $el: HTMLElement;
+}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+  height: number;
+  itemSize: number;
+  virtualScroll: boolean;
+}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/es/components/cascader-panel/src/menu.vue_vue_type_script_setup_true_lang.mjs

@@ -1,12 +1,16 @@
+import { focusNode } from "../../../utils/dom/aria.mjs";
 import { useLocale } from "../../../hooks/use-locale/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useId } from "../../../hooks/use-id/index.mjs";
 import { ElIcon } from "../../icon/index.mjs";
 import { ElScrollbar } from "../../scrollbar/index.mjs";
+import { CASCADER_PANEL_HEIGHT, CASCADER_PANEL_ITEM_SIZE } from "./config.mjs";
+import FixedSizeList from "../../virtual-list/src/components/fixed-size-list.mjs";
 import { CASCADER_PANEL_INJECTION_KEY } from "./types.mjs";
 import node_default from "./node2.mjs";
+import { clamp } from "lodash-unified";
 import { Loading } from "@element-plus/icons-vue";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
 
 //#region ../../packages/components/cascader-panel/src/menu.vue?vue&type=script&setup=true&lang.ts
 var menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -20,9 +24,24 @@ var menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		index: {
 			type: Number,
 			required: true
+		},
+		virtualScroll: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		itemSize: {
+			type: Number,
+			required: false,
+			default: CASCADER_PANEL_ITEM_SIZE
+		},
+		height: {
+			type: Number,
+			required: false,
+			default: CASCADER_PANEL_HEIGHT
 		}
 	},
-	setup(__props) {
+	setup(__props, { expose: __expose }) {
 		const props = __props;
 		const instance = getCurrentInstance();
 		const ns = useNamespace("cascader-menu");
@@ -32,9 +51,36 @@ var menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 		let hoverTimer;
 		const panel = inject(CASCADER_PANEL_INJECTION_KEY);
 		const hoverZone = ref();
+		const virtualListRef = ref();
 		const isEmpty = computed(() => !props.nodes.length);
 		const isLoading = computed(() => !panel.initialLoaded);
 		const menuId = computed(() => `${id.value}-${props.index}`);
+		const getActiveNodeIndex = () => {
+			let activeNodeId;
+			if (panel.expandingNode) {
+				const { level, pathNodes } = panel.expandingNode;
+				if (props.index < level) activeNodeId = pathNodes[props.index]?.uid;
+				else if (props.index === level && panel.checkedNodes.length > 0) activeNodeId = panel.checkedNodes[0]?.pathNodes[props.index]?.uid;
+			} else if (panel.checkedNodes.length > 0 && props.index < panel.checkedNodes[0].pathNodes.length) activeNodeId = panel.checkedNodes[0].pathNodes[props.index]?.uid;
+			return activeNodeId !== void 0 ? props.nodes.findIndex((node) => node.uid === activeNodeId) : -1;
+		};
+		const getNodeIndexById = (nodeId) => {
+			if (!nodeId) return -1;
+			return props.nodes.findIndex((node) => `${menuId.value}-${node.uid}` === nodeId);
+		};
+		const scrollToItem = (index) => {
+			const targetIndex = clamp(index, 0, props.nodes.length - 1);
+			virtualListRef.value?.scrollToItem(targetIndex);
+		};
+		const focusNodeAt = (index) => {
+			if (!props.nodes.length) return;
+			const targetIndex = clamp(index, 0, props.nodes.length - 1);
+			scrollToItem(targetIndex);
+			nextTick(() => {
+				const node = instance.vnode.el?.querySelector(`#${menuId.value}-${props.nodes[targetIndex].uid}`);
+				if (node) focusNode(node);
+			});
+		};
 		const handleExpand = (e) => {
 			activeNode = e.target;
 		};
@@ -48,7 +94,7 @@ var menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				const startX = e.clientX - left;
 				const top = activeNode.offsetTop;
 				const bottom = top + activeNode.offsetHeight;
-				const scrollTop = el.querySelector(`.${ns.e("wrap")}`)?.scrollTop || 0;
+				const scrollTop = props.virtualScroll ? virtualListRef.value?.states?.scrollOffset || 0 : el.querySelector(`.${ns.e("wrap")}`)?.scrollTop || 0;
 				hoverZone.value.innerHTML = `
           <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top} L${offsetWidth} ${scrollTop} V${top} Z" />
           <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight + scrollTop} V${bottom} Z" />
@@ -65,8 +111,76 @@ var menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			hoverZone.value.innerHTML = "";
 			clearHoverTimer();
 		};
+		__expose({
+			getActiveNodeIndex,
+			getNodeIndexById,
+			scrollToItem,
+			focusNodeAt,
+			virtualListRef,
+			get $el() {
+				return instance.vnode.el;
+			}
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(ElScrollbar), {
+			return __props.virtualScroll ? (openBlock(), createElementBlock("div", {
+				key: menuId.value,
+				class: normalizeClass(unref(ns).b()),
+				onMousemove: handleMouseMove,
+				onMouseleave: clearHoverZone
+			}, [
+				createVNode(unref(FixedSizeList), {
+					ref_key: "virtualListRef",
+					ref: virtualListRef,
+					height: __props.height,
+					"item-size": __props.itemSize,
+					data: __props.nodes,
+					total: __props.nodes.length,
+					"class-name": unref(ns).e("list"),
+					"inner-element": "ul",
+					"inner-props": {
+						role: "menu",
+						class: unref(ns).is("empty", isEmpty.value)
+					}
+				}, {
+					default: withCtx(({ data, index: nodeIndex, style }) => [(openBlock(), createBlock(node_default, {
+						key: data[nodeIndex].uid,
+						node: data[nodeIndex],
+						"menu-id": menuId.value,
+						style: normalizeStyle(style),
+						onExpand: handleExpand
+					}, null, 8, [
+						"node",
+						"menu-id",
+						"style"
+					]))]),
+					_: 1
+				}, 8, [
+					"height",
+					"item-size",
+					"data",
+					"total",
+					"class-name",
+					"inner-props"
+				]),
+				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)) : unref(panel)?.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 ")
+			], 34)) : (openBlock(), createBlock(unref(ElScrollbar), {
 				key: menuId.value,
 				tag: "ul",
 				role: "menu",
@@ -89,7 +203,7 @@ var menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 						key: 0,
 						class: normalizeClass(unref(ns).e("empty-text"))
 					}, [createVNode(unref(ElIcon), {
-						size: "14",
+						size: 14,
 						class: normalizeClass(unref(ns).is("loading"))
 					}, {
 						default: withCtx(() => [createVNode(unref(Loading))]),
@@ -109,7 +223,7 @@ var menu_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 				"class",
 				"wrap-class",
 				"view-class"
-			]);
+			]));
 		};
 	}
 });

package/es/components/cascader-panel/src/menu.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/menu.vue"],"sourcesContent":["<template>\n  <el-scrollbar\n    :key=\"menuId\"\n    tag=\"ul\"\n    role=\"menu\"\n    :class=\"ns.b()\"\n    :wrap-class=\"ns.e('wrap')\"\n    :view-class=\"[ns.e('list'), ns.is('empty', isEmpty)]\"\n    @mousemove=\"handleMouseMove\"\n    @mouseleave=\"clearHoverZone\"\n  >\n    <el-cascader-node\n      v-for=\"node in nodes\"\n      :key=\"node.uid\"\n      :node=\"node\"\n      :menu-id=\"menuId\"\n      @expand=\"handleExpand\"\n    />\n    <div v-if=\"isLoading\" :class=\"ns.e('empty-text')\">\n      <el-icon size=\"14\" :class=\"ns.is('loading')\">\n        <loading />\n      </el-icon>\n      {{ t('el.cascader.loading') }}\n    </div>\n    <div v-else-if=\"isEmpty\" :class=\"ns.e('empty-text')\">\n      <slot name=\"empty\">{{ t('el.cascader.noData') }}</slot>\n    </div>\n    <!-- eslint-disable vue/html-self-closing -->\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      :class=\"ns.e('hover-zone')\"\n    ></svg>\n    <!-- eslint-enable vue/html-self-closing -->\n  </el-scrollbar>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { CascaderNode } from './types'\nimport type { PropType } from 'vue'\n\ndefineOptions({\n  name: 'ElCascaderMenu',\n})\n\nconst props = defineProps({\n  nodes: {\n    type: Array as PropType<CascaderNode[]>,\n    required: true,\n  },\n  index: {\n    type: Number,\n    required: true,\n  },\n})\n\nconst instance = getCurrentInstance()!\nconst ns = useNamespace('cascader-menu')\n\nconst { t } = useLocale()\nconst id = useId()\nlet activeNode: HTMLElement\nlet hoverTimer: number | undefined\n\nconst panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\nconst hoverZone = ref<SVGSVGElement>()\n\nconst isEmpty = computed(() => !props.nodes.length)\nconst isLoading = computed(() => !panel.initialLoaded)\nconst menuId = computed(() => `${id.value}-${props.index}`)\n\nconst handleExpand = (e: MouseEvent) => {\n  activeNode = e.target as HTMLElement\n}\n\nconst handleMouseMove = (e: MouseEvent) => {\n  if (!panel.isHoverMenu || !activeNode || !hoverZone.value) return\n\n  if (activeNode.contains(e.target as HTMLElement)) {\n    clearHoverTimer()\n\n    const el = instance.vnode.el as HTMLElement\n    const { left } = el.getBoundingClientRect()\n    const { offsetWidth, offsetHeight } = el\n    const startX = e.clientX - left\n    const top = activeNode.offsetTop\n    const bottom = top + activeNode.offsetHeight\n    const scrollTop = el.querySelector(`.${ns.e('wrap')}`)?.scrollTop || 0\n\n    hoverZone.value.innerHTML = `\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${top} L${offsetWidth} ${scrollTop} V${top} Z\" />\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${bottom} L${offsetWidth} ${offsetHeight + scrollTop} V${bottom} Z\" />\n        `\n  } else if (!hoverTimer) {\n    hoverTimer = window.setTimeout(clearHoverZone, panel.config.hoverThreshold)\n  }\n}\n\nconst clearHoverTimer = () => {\n  if (!hoverTimer) return\n  clearTimeout(hoverTimer)\n  hoverTimer = undefined\n}\n\nconst clearHoverZone = () => {\n  if (!hoverZone.value) return\n  hoverZone.value.innerHTML = ''\n  clearHoverTimer()\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAqDA,MAAM,QAAQ;EAWd,MAAM,WAAW,oBAAoB;EACrC,MAAM,KAAK,aAAa,gBAAe;EAEvC,MAAM,EAAE,MAAM,WAAU;EACxB,MAAM,KAAK,OAAM;EACjB,IAAI;EACJ,IAAI;EAEJ,MAAM,QAAQ,OAAO,6BAA6B;EAElD,MAAM,YAAY,KAAmB;EAErC,MAAM,UAAU,eAAe,CAAC,MAAM,MAAM,OAAM;EAClD,MAAM,YAAY,eAAe,CAAC,MAAM,cAAa;EACrD,MAAM,SAAS,eAAe,GAAG,GAAG,MAAM,GAAG,MAAM,QAAO;EAE1D,MAAM,gBAAgB,MAAkB;AACtC,gBAAa,EAAE;;EAGjB,MAAM,mBAAmB,MAAkB;AACzC,OAAI,CAAC,MAAM,eAAe,CAAC,cAAc,CAAC,UAAU,MAAO;AAE3D,OAAI,WAAW,SAAS,EAAE,OAAsB,EAAE;AAChD,qBAAgB;IAEhB,MAAM,KAAK,SAAS,MAAM;IAC1B,MAAM,EAAE,SAAS,GAAG,uBAAsB;IAC1C,MAAM,EAAE,aAAa,iBAAiB;IACtC,MAAM,SAAS,EAAE,UAAU;IAC3B,MAAM,MAAM,WAAW;IACvB,MAAM,SAAS,MAAM,WAAW;IAChC,MAAM,YAAY,GAAG,cAAc,IAAI,GAAG,EAAE,OAAO,GAAG,EAAE,aAAa;AAErE,cAAU,MAAM,YAAY;uEACuC,OAAO,GAAG,IAAI,IAAI,YAAY,GAAG,UAAU,IAAI,IAAI;uEACnD,OAAO,GAAG,OAAO,IAAI,YAAY,GAAG,eAAe,UAAU,IAAI,OAAO;;cAElI,CAAC,WACV,cAAa,OAAO,WAAW,gBAAgB,MAAM,OAAO,eAAc;;EAI9E,MAAM,wBAAwB;AAC5B,OAAI,CAAC,WAAY;AACjB,gBAAa,WAAU;AACvB,gBAAa;;EAGf,MAAM,uBAAuB;AAC3B,OAAI,CAAC,UAAU,MAAO;AACtB,aAAU,MAAM,YAAY;AAC5B,oBAAgB;;;uBAnHhB,YAiCe,MAAA,YAAA,EAAA;IAhCZ,KAAK,OAAA;IACN,KAAI;IACJ,MAAK;IACJ,OAAK,eAAE,MAAA,GAAE,CAAC,GAAC,CAAA;IACX,cAAY,MAAA,GAAE,CAAC,EAAC,OAAA;IAChB,cAAU,CAAG,MAAA,GAAE,CAAC,EAAC,OAAA,EAAU,MAAA,GAAE,CAAC,GAAE,SAAU,QAAA,MAAO,CAAA;IACjD,aAAW;IACX,cAAY;;2BAGU;uBADvB,mBAME,UAAA,MAAA,WALe,QAAA,QAAR,SAAI;0BADb,YAME,cAAA;OAJC,KAAK,KAAK;OACJ;OACN,WAAS,OAAA;OACT,UAAQ;;;KAEA,UAAA,sBAAX,mBAKM,OAAA;;MALiB,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,aAAA,CAAA;SAChC,YAEU,MAAA,OAAA,EAAA;MAFD,MAAK;MAAM,OAAK,eAAE,MAAA,GAAE,CAAC,GAAE,UAAA,CAAA;;6BACnB,CAAX,YAAW,MAAA,QAAA,CAAA;;uCACH,MACV,gBAAG,MAAA,EAAC,CAAA,sBAAA,CAAA,EAAA,EAAA,SAEU,QAAA,sBAAhB,mBAEM,OAAA;;MAFoB,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,aAAA,CAAA;SACnC,WAAuD,KAAA,QAAA,SAAA,EAAA,QAAA,iCAAjC,MAAA,EAAC,CAAA,qBAAA,CAAA,EAAA,EAAA,WAIZ,MAAA,MAAK,EAAE,4BADpB,mBAIO,UAAA,EAAA,KAAA,GAAA,EAAA,CALP,mBAAA,yCAA6C,gBAC7C,mBAIO,OAAA;eAFD;MAAJ,KAAI;MACH,OAAK,eAAE,MAAA,GAAE,CAAC,EAAC,aAAA,CAAA;;KAEd,mBAAA,wCAA4C"}
+{"version":3,"file":"menu.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/menu.vue"],"sourcesContent":["<template>\n  <template v-if=\"virtualScroll\">\n    <div\n      :key=\"menuId\"\n      :class=\"ns.b()\"\n      @mousemove=\"handleMouseMove\"\n      @mouseleave=\"clearHoverZone\"\n    >\n      <el-fixed-size-list\n        ref=\"virtualListRef\"\n        :height=\"height\"\n        :item-size=\"itemSize\"\n        :data=\"nodes\"\n        :total=\"nodes.length\"\n        :class-name=\"ns.e('list')\"\n        inner-element=\"ul\"\n        :inner-props=\"{\n          role: 'menu',\n          class: ns.is('empty', isEmpty),\n        }\"\n      >\n        <template #default=\"{ data, index: nodeIndex, style }\">\n          <el-cascader-node\n            :key=\"data[nodeIndex].uid\"\n            :node=\"data[nodeIndex]\"\n            :menu-id=\"menuId\"\n            :style=\"style\"\n            @expand=\"handleExpand\"\n          />\n        </template>\n      </el-fixed-size-list>\n      <div v-if=\"isLoading\" :class=\"ns.e('empty-text')\">\n        <el-icon :size=\"14\" :class=\"ns.is('loading')\">\n          <Loading />\n        </el-icon>\n        {{ t('el.cascader.loading') }}\n      </div>\n      <div v-else-if=\"isEmpty\" :class=\"ns.e('empty-text')\">\n        <slot name=\"empty\">{{ t('el.cascader.noData') }}</slot>\n      </div>\n      <!-- eslint-disable vue/html-self-closing -->\n      <svg\n        v-else-if=\"panel?.isHoverMenu\"\n        ref=\"hoverZone\"\n        :class=\"ns.e('hover-zone')\"\n      ></svg>\n      <!-- eslint-enable vue/html-self-closing -->\n    </div>\n  </template>\n  <el-scrollbar\n    v-else\n    :key=\"menuId\"\n    tag=\"ul\"\n    role=\"menu\"\n    :class=\"ns.b()\"\n    :wrap-class=\"ns.e('wrap')\"\n    :view-class=\"[ns.e('list'), ns.is('empty', isEmpty)]\"\n    @mousemove=\"handleMouseMove\"\n    @mouseleave=\"clearHoverZone\"\n  >\n    <el-cascader-node\n      v-for=\"node in nodes\"\n      :key=\"node.uid\"\n      :node=\"node\"\n      :menu-id=\"menuId\"\n      @expand=\"handleExpand\"\n    />\n    <div v-if=\"isLoading\" :class=\"ns.e('empty-text')\">\n      <el-icon :size=\"14\" :class=\"ns.is('loading')\">\n        <Loading />\n      </el-icon>\n      {{ t('el.cascader.loading') }}\n    </div>\n    <div v-else-if=\"isEmpty\" :class=\"ns.e('empty-text')\">\n      <slot name=\"empty\">{{ t('el.cascader.noData') }}</slot>\n    </div>\n    <!-- eslint-disable vue/html-self-closing -->\n    <svg\n      v-else-if=\"panel?.isHoverMenu\"\n      ref=\"hoverZone\"\n      :class=\"ns.e('hover-zone')\"\n    ></svg>\n    <!-- eslint-enable vue/html-self-closing -->\n  </el-scrollbar>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, getCurrentInstance, inject, nextTick, ref } from 'vue'\nimport { clamp } from 'lodash-unified'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { FixedSizeList as ElFixedSizeList } from '@element-plus/components/virtual-list'\nimport { useId, useLocale, useNamespace } from '@element-plus/hooks'\nimport { Loading } from '@element-plus/icons-vue'\nimport ElIcon from '@element-plus/components/icon'\nimport { focusNode } from '@element-plus/utils'\nimport ElCascaderNode from './node.vue'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\nimport { CASCADER_PANEL_HEIGHT, CASCADER_PANEL_ITEM_SIZE } from './config'\n\nimport type { CascaderNode } from './types'\nimport type { CascaderCommonProps } from './config'\nimport type { FixedSizeListInstance } from '@element-plus/components/virtual-list'\n\ndefineOptions({\n  name: 'ElCascaderMenu',\n})\n\nconst props = withDefaults(\n  defineProps<\n    {\n      nodes: CascaderNode[]\n      index: number\n    } & Pick<CascaderCommonProps, 'virtualScroll' | 'itemSize' | 'height'>\n  >(),\n  {\n    virtualScroll: false,\n    itemSize: CASCADER_PANEL_ITEM_SIZE,\n    height: CASCADER_PANEL_HEIGHT,\n  }\n)\n\nconst instance = getCurrentInstance()!\nconst ns = useNamespace('cascader-menu')\n\nconst { t } = useLocale()\nconst id = useId()\nlet activeNode: HTMLElement\nlet hoverTimer: number | undefined\n\nconst panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\nconst hoverZone = ref<SVGSVGElement>()\nconst virtualListRef = ref<FixedSizeListInstance>()\n\nconst isEmpty = computed(() => !props.nodes.length)\nconst isLoading = computed(() => !panel.initialLoaded)\nconst menuId = computed(() => `${id.value}-${props.index}`)\n\nconst getActiveNodeIndex = () => {\n  let activeNodeId: number | undefined\n\n  if (panel.expandingNode) {\n    const { level, pathNodes } = panel.expandingNode\n    if (props.index < level) {\n      activeNodeId = pathNodes[props.index]?.uid\n    } else if (props.index === level && panel.checkedNodes.length > 0) {\n      activeNodeId = panel.checkedNodes[0]?.pathNodes[props.index]?.uid\n    }\n  } else if (\n    panel.checkedNodes.length > 0 &&\n    props.index < panel.checkedNodes[0].pathNodes.length\n  ) {\n    activeNodeId = panel.checkedNodes[0].pathNodes[props.index]?.uid\n  }\n\n  return activeNodeId !== undefined\n    ? props.nodes.findIndex((node) => node.uid === activeNodeId)\n    : -1\n}\n\nconst getNodeIndexById = (nodeId: string | undefined) => {\n  if (!nodeId) return -1\n  return props.nodes.findIndex(\n    (node) => `${menuId.value}-${node.uid}` === nodeId\n  )\n}\n\nconst scrollToItem = (index: number) => {\n  const targetIndex = clamp(index, 0, props.nodes.length - 1)\n  virtualListRef.value?.scrollToItem(targetIndex)\n}\n\nconst focusNodeAt = (index: number) => {\n  if (!props.nodes.length) return\n  const targetIndex = clamp(index, 0, props.nodes.length - 1)\n  scrollToItem(targetIndex)\n  nextTick(() => {\n    const node = (instance.vnode.el as HTMLElement)?.querySelector<HTMLElement>(\n      `#${menuId.value}-${props.nodes[targetIndex].uid}`\n    )\n    if (node) focusNode(node)\n  })\n}\n\nconst handleExpand = (e: MouseEvent) => {\n  activeNode = e.target as HTMLElement\n}\n\nconst handleMouseMove = (e: MouseEvent) => {\n  if (!panel.isHoverMenu || !activeNode || !hoverZone.value) return\n\n  if (activeNode.contains(e.target as HTMLElement)) {\n    clearHoverTimer()\n\n    const el = instance.vnode.el as HTMLElement\n    const { left } = el.getBoundingClientRect()\n    const { offsetWidth, offsetHeight } = el\n    const startX = e.clientX - left\n    const top = activeNode.offsetTop\n    const bottom = top + activeNode.offsetHeight\n\n    const scrollTop = props.virtualScroll\n      ? virtualListRef.value?.states?.scrollOffset || 0\n      : el.querySelector(`.${ns.e('wrap')}`)?.scrollTop || 0\n\n    hoverZone.value.innerHTML = `\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${top} L${offsetWidth} ${scrollTop} V${top} Z\" />\n          <path style=\"pointer-events: auto;\" fill=\"transparent\" d=\"M${startX} ${bottom} L${offsetWidth} ${offsetHeight + scrollTop} V${bottom} Z\" />\n        `\n  } else if (!hoverTimer) {\n    hoverTimer = window.setTimeout(clearHoverZone, panel.config.hoverThreshold)\n  }\n}\n\nconst clearHoverTimer = () => {\n  if (!hoverTimer) return\n  clearTimeout(hoverTimer)\n  hoverTimer = undefined\n}\n\nconst clearHoverZone = () => {\n  if (!hoverZone.value) return\n  hoverZone.value.innerHTML = ''\n  clearHoverTimer()\n}\n\ndefineExpose({\n  getActiveNodeIndex,\n  getNodeIndexById,\n  scrollToItem,\n  focusNodeAt,\n  virtualListRef,\n  get $el() {\n    return instance.vnode.el as HTMLElement\n  },\n})\n</script>\n"],"mappings":"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"}

package/es/components/cascader-panel/src/node.vue_vue_type_script_setup_true_lang.mjs

@@ -23,7 +23,10 @@ var node_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineCom
 			type: Object,
 			required: true
 		},
-		menuId: String
+		menuId: {
+			type: String,
+			required: false
+		}
 	},
 	emits: ["expand"],
 	setup(__props, { emit: __emit }) {

package/es/components/cascader-panel/src/node.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"node.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/node.vue"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :aria-haspopup=\"!isLeaf\"\n    :aria-owns=\"isLeaf ? undefined : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      ns.b(),\n      ns.is('selectable', checkStrictly),\n      ns.is('active', node.checked),\n      ns.is('disabled', !expandable),\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple && showPrefix\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleSelectCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly && showPrefix\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleSelectCheck\"\n      @click.stop\n    >\n      <!--\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      -->\n      <span />\n    </el-radio>\n    <el-icon v-else-if=\"isLeaf && node.checked\" :class=\"ns.e('prefix')\">\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content :node=\"node\" />\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" :class=\"[ns.is('loading'), ns.e('postfix')]\">\n        <loading />\n      </el-icon>\n      <el-icon v-else :class=\"['arrow-right', ns.e('postfix')]\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElRadio from '@element-plus/components/radio'\nimport ElIcon from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ArrowRight, Check, Loading } from '@element-plus/icons-vue'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { CascaderNode } from './types'\nimport type { PropType } from 'vue'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\ndefineOptions({\n  name: 'ElCascaderNode',\n})\n\nconst props = defineProps({\n  node: {\n    type: Object as PropType<CascaderNode>,\n    required: true,\n  },\n  menuId: String,\n})\nconst emit = defineEmits(['expand'])\n\nconst panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\nconst ns = useNamespace('cascader-node')\nconst isHoverMenu = computed(() => panel.isHoverMenu)\nconst multiple = computed(() => panel.config.multiple)\nconst checkStrictly = computed(() => panel.config.checkStrictly)\nconst showPrefix = computed(() => panel.config.showPrefix)\nconst checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\nconst isDisabled = computed(() => props.node.isDisabled)\nconst isLeaf = computed(() => props.node.isLeaf)\nconst expandable = computed(\n  () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n)\nconst inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n\n// only useful in check-strictly mode\nconst inCheckedPath = computed(\n  () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n)\n\nconst isInPath = (node: CascaderNode) => {\n  const { level, uid } = props.node\n  return node?.pathNodes[level - 1]?.uid === uid\n}\n\nconst doExpand = () => {\n  if (inExpandingPath.value) return\n  panel.expandNode(props.node)\n}\n\nconst doCheck = (checked: boolean) => {\n  const { node } = props\n  if (checked === node.checked) return\n  panel.handleCheckChange(node, checked)\n}\n\nconst doLoad = () => {\n  panel.lazyLoad(props.node, () => {\n    if (!isLeaf.value) doExpand()\n  })\n}\n\nconst handleHoverExpand = (e: Event) => {\n  if (!isHoverMenu.value) return\n  handleExpand()\n  !isLeaf.value && emit('expand', e)\n}\n\nconst handleExpand = () => {\n  const { node } = props\n  // do not exclude leaf node because the menus expanded might have to reset\n  if (!expandable.value || node.loading) return\n  node.loaded ? doExpand() : doLoad()\n}\n\nconst handleClick = () => {\n  if (\n    isLeaf.value &&\n    !isDisabled.value &&\n    !checkStrictly.value &&\n    !multiple.value\n  ) {\n    handleCheck(true)\n  } else if (\n    ((panel.config.checkOnClickNode &&\n      (multiple.value || checkStrictly.value)) ||\n      (isLeaf.value && panel.config.checkOnClickLeaf)) &&\n    !isDisabled.value\n  ) {\n    handleSelectCheck(!props.node.checked)\n  } else if (!isHoverMenu.value) {\n    handleExpand()\n  }\n}\n\nconst handleSelectCheck = (checked: CheckboxValueType | undefined) => {\n  if (checkStrictly.value) {\n    doCheck(checked as boolean)\n    if (props.node.loaded) {\n      doExpand()\n    }\n  } else {\n    handleCheck(checked as boolean)\n  }\n}\n\nconst handleCheck = (checked: boolean) => {\n  if (!props.node.loaded) {\n    doLoad()\n  } else {\n    doCheck(checked)\n    !checkStrictly.value && doExpand()\n  }\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"node.vue_vue_type_script_setup_true_lang.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/node.vue"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :aria-haspopup=\"!isLeaf\"\n    :aria-owns=\"isLeaf ? undefined : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      ns.b(),\n      ns.is('selectable', checkStrictly),\n      ns.is('active', node.checked),\n      ns.is('disabled', !expandable),\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple && showPrefix\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleSelectCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly && showPrefix\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleSelectCheck\"\n      @click.stop\n    >\n      <!--\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      -->\n      <span />\n    </el-radio>\n    <el-icon v-else-if=\"isLeaf && node.checked\" :class=\"ns.e('prefix')\">\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content :node=\"node\" />\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" :class=\"[ns.is('loading'), ns.e('postfix')]\">\n        <loading />\n      </el-icon>\n      <el-icon v-else :class=\"['arrow-right', ns.e('postfix')]\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElRadio from '@element-plus/components/radio'\nimport ElIcon from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ArrowRight, Check, Loading } from '@element-plus/icons-vue'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { CascaderNode } from './types'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\ndefineOptions({\n  name: 'ElCascaderNode',\n})\n\nconst props = defineProps<{\n  node: CascaderNode\n  menuId?: string\n}>()\nconst emit = defineEmits(['expand'])\n\nconst panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\nconst ns = useNamespace('cascader-node')\nconst isHoverMenu = computed(() => panel.isHoverMenu)\nconst multiple = computed(() => panel.config.multiple)\nconst checkStrictly = computed(() => panel.config.checkStrictly)\nconst showPrefix = computed(() => panel.config.showPrefix)\nconst checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\nconst isDisabled = computed(() => props.node.isDisabled)\nconst isLeaf = computed(() => props.node.isLeaf)\nconst expandable = computed(\n  () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n)\nconst inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n\n// only useful in check-strictly mode\nconst inCheckedPath = computed(\n  () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n)\n\nconst isInPath = (node: CascaderNode) => {\n  const { level, uid } = props.node\n  return node?.pathNodes[level - 1]?.uid === uid\n}\n\nconst doExpand = () => {\n  if (inExpandingPath.value) return\n  panel.expandNode(props.node)\n}\n\nconst doCheck = (checked: boolean) => {\n  const { node } = props\n  if (checked === node.checked) return\n  panel.handleCheckChange(node, checked)\n}\n\nconst doLoad = () => {\n  panel.lazyLoad(props.node, () => {\n    if (!isLeaf.value) doExpand()\n  })\n}\n\nconst handleHoverExpand = (e: Event) => {\n  if (!isHoverMenu.value) return\n  handleExpand()\n  !isLeaf.value && emit('expand', e)\n}\n\nconst handleExpand = () => {\n  const { node } = props\n  // do not exclude leaf node because the menus expanded might have to reset\n  if (!expandable.value || node.loading) return\n  node.loaded ? doExpand() : doLoad()\n}\n\nconst handleClick = () => {\n  if (\n    isLeaf.value &&\n    !isDisabled.value &&\n    !checkStrictly.value &&\n    !multiple.value\n  ) {\n    handleCheck(true)\n  } else if (\n    ((panel.config.checkOnClickNode &&\n      (multiple.value || checkStrictly.value)) ||\n      (isLeaf.value && panel.config.checkOnClickLeaf)) &&\n    !isDisabled.value\n  ) {\n    handleSelectCheck(!props.node.checked)\n  } else if (!isHoverMenu.value) {\n    handleExpand()\n  }\n}\n\nconst handleSelectCheck = (checked: CheckboxValueType | undefined) => {\n  if (checkStrictly.value) {\n    doCheck(checked as boolean)\n    if (props.node.loaded) {\n      doExpand()\n    }\n  } else {\n    handleCheck(checked as boolean)\n  }\n}\n\nconst handleCheck = (checked: boolean) => {\n  if (!props.node.loaded) {\n    doLoad()\n  } else {\n    doCheck(checked)\n    !checkStrictly.value && doExpand()\n  }\n}\n</script>\n"],"mappings":"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"}

package/es/components/cascader-panel/src/node2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"node2.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/node.vue"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :aria-haspopup=\"!isLeaf\"\n    :aria-owns=\"isLeaf ? undefined : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      ns.b(),\n      ns.is('selectable', checkStrictly),\n      ns.is('active', node.checked),\n      ns.is('disabled', !expandable),\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple && showPrefix\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleSelectCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly && showPrefix\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleSelectCheck\"\n      @click.stop\n    >\n      <!--\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      -->\n      <span />\n    </el-radio>\n    <el-icon v-else-if=\"isLeaf && node.checked\" :class=\"ns.e('prefix')\">\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content :node=\"node\" />\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" :class=\"[ns.is('loading'), ns.e('postfix')]\">\n        <loading />\n      </el-icon>\n      <el-icon v-else :class=\"['arrow-right', ns.e('postfix')]\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElRadio from '@element-plus/components/radio'\nimport ElIcon from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ArrowRight, Check, Loading } from '@element-plus/icons-vue'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { CascaderNode } from './types'\nimport type { PropType } from 'vue'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\ndefineOptions({\n  name: 'ElCascaderNode',\n})\n\nconst props = defineProps({\n  node: {\n    type: Object as PropType<CascaderNode>,\n    required: true,\n  },\n  menuId: String,\n})\nconst emit = defineEmits(['expand'])\n\nconst panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\nconst ns = useNamespace('cascader-node')\nconst isHoverMenu = computed(() => panel.isHoverMenu)\nconst multiple = computed(() => panel.config.multiple)\nconst checkStrictly = computed(() => panel.config.checkStrictly)\nconst showPrefix = computed(() => panel.config.showPrefix)\nconst checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\nconst isDisabled = computed(() => props.node.isDisabled)\nconst isLeaf = computed(() => props.node.isLeaf)\nconst expandable = computed(\n  () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n)\nconst inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n\n// only useful in check-strictly mode\nconst inCheckedPath = computed(\n  () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n)\n\nconst isInPath = (node: CascaderNode) => {\n  const { level, uid } = props.node\n  return node?.pathNodes[level - 1]?.uid === uid\n}\n\nconst doExpand = () => {\n  if (inExpandingPath.value) return\n  panel.expandNode(props.node)\n}\n\nconst doCheck = (checked: boolean) => {\n  const { node } = props\n  if (checked === node.checked) return\n  panel.handleCheckChange(node, checked)\n}\n\nconst doLoad = () => {\n  panel.lazyLoad(props.node, () => {\n    if (!isLeaf.value) doExpand()\n  })\n}\n\nconst handleHoverExpand = (e: Event) => {\n  if (!isHoverMenu.value) return\n  handleExpand()\n  !isLeaf.value && emit('expand', e)\n}\n\nconst handleExpand = () => {\n  const { node } = props\n  // do not exclude leaf node because the menus expanded might have to reset\n  if (!expandable.value || node.loading) return\n  node.loaded ? doExpand() : doLoad()\n}\n\nconst handleClick = () => {\n  if (\n    isLeaf.value &&\n    !isDisabled.value &&\n    !checkStrictly.value &&\n    !multiple.value\n  ) {\n    handleCheck(true)\n  } else if (\n    ((panel.config.checkOnClickNode &&\n      (multiple.value || checkStrictly.value)) ||\n      (isLeaf.value && panel.config.checkOnClickLeaf)) &&\n    !isDisabled.value\n  ) {\n    handleSelectCheck(!props.node.checked)\n  } else if (!isHoverMenu.value) {\n    handleExpand()\n  }\n}\n\nconst handleSelectCheck = (checked: CheckboxValueType | undefined) => {\n  if (checkStrictly.value) {\n    doCheck(checked as boolean)\n    if (props.node.loaded) {\n      doExpand()\n    }\n  } else {\n    handleCheck(checked as boolean)\n  }\n}\n\nconst handleCheck = (checked: boolean) => {\n  if (!props.node.loaded) {\n    doLoad()\n  } else {\n    doCheck(checked)\n    !checkStrictly.value && doExpand()\n  }\n}\n</script>\n"],"mappings":""}
+{"version":3,"file":"node2.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/node.vue"],"sourcesContent":["<template>\n  <li\n    :id=\"`${menuId}-${node.uid}`\"\n    role=\"menuitem\"\n    :aria-haspopup=\"!isLeaf\"\n    :aria-owns=\"isLeaf ? undefined : menuId\"\n    :aria-expanded=\"inExpandingPath\"\n    :tabindex=\"expandable ? -1 : undefined\"\n    :class=\"[\n      ns.b(),\n      ns.is('selectable', checkStrictly),\n      ns.is('active', node.checked),\n      ns.is('disabled', !expandable),\n      inExpandingPath && 'in-active-path',\n      inCheckedPath && 'in-checked-path',\n    ]\"\n    @mouseenter=\"handleHoverExpand\"\n    @focus=\"handleHoverExpand\"\n    @click=\"handleClick\"\n  >\n    <!-- prefix -->\n    <el-checkbox\n      v-if=\"multiple && showPrefix\"\n      :model-value=\"node.checked\"\n      :indeterminate=\"node.indeterminate\"\n      :disabled=\"isDisabled\"\n      @click.stop\n      @update:model-value=\"handleSelectCheck\"\n    />\n    <el-radio\n      v-else-if=\"checkStrictly && showPrefix\"\n      :model-value=\"checkedNodeId\"\n      :label=\"node.uid\"\n      :disabled=\"isDisabled\"\n      @update:model-value=\"handleSelectCheck\"\n      @click.stop\n    >\n      <!--\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      -->\n      <span />\n    </el-radio>\n    <el-icon v-else-if=\"isLeaf && node.checked\" :class=\"ns.e('prefix')\">\n      <check />\n    </el-icon>\n\n    <!-- content -->\n    <node-content :node=\"node\" />\n    <!-- postfix -->\n    <template v-if=\"!isLeaf\">\n      <el-icon v-if=\"node.loading\" :class=\"[ns.is('loading'), ns.e('postfix')]\">\n        <loading />\n      </el-icon>\n      <el-icon v-else :class=\"['arrow-right', ns.e('postfix')]\">\n        <arrow-right />\n      </el-icon>\n    </template>\n  </li>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject } from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport ElRadio from '@element-plus/components/radio'\nimport ElIcon from '@element-plus/components/icon'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ArrowRight, Check, Loading } from '@element-plus/icons-vue'\nimport NodeContent from './node-content'\nimport { CASCADER_PANEL_INJECTION_KEY } from './types'\n\nimport type { CascaderNode } from './types'\nimport type { CheckboxValueType } from '@element-plus/components/checkbox'\n\ndefineOptions({\n  name: 'ElCascaderNode',\n})\n\nconst props = defineProps<{\n  node: CascaderNode\n  menuId?: string\n}>()\nconst emit = defineEmits(['expand'])\n\nconst panel = inject(CASCADER_PANEL_INJECTION_KEY)!\n\nconst ns = useNamespace('cascader-node')\nconst isHoverMenu = computed(() => panel.isHoverMenu)\nconst multiple = computed(() => panel.config.multiple)\nconst checkStrictly = computed(() => panel.config.checkStrictly)\nconst showPrefix = computed(() => panel.config.showPrefix)\nconst checkedNodeId = computed(() => panel.checkedNodes[0]?.uid)\nconst isDisabled = computed(() => props.node.isDisabled)\nconst isLeaf = computed(() => props.node.isLeaf)\nconst expandable = computed(\n  () => (checkStrictly.value && !isLeaf.value) || !isDisabled.value\n)\nconst inExpandingPath = computed(() => isInPath(panel.expandingNode!))\n\n// only useful in check-strictly mode\nconst inCheckedPath = computed(\n  () => checkStrictly.value && panel.checkedNodes.some(isInPath)\n)\n\nconst isInPath = (node: CascaderNode) => {\n  const { level, uid } = props.node\n  return node?.pathNodes[level - 1]?.uid === uid\n}\n\nconst doExpand = () => {\n  if (inExpandingPath.value) return\n  panel.expandNode(props.node)\n}\n\nconst doCheck = (checked: boolean) => {\n  const { node } = props\n  if (checked === node.checked) return\n  panel.handleCheckChange(node, checked)\n}\n\nconst doLoad = () => {\n  panel.lazyLoad(props.node, () => {\n    if (!isLeaf.value) doExpand()\n  })\n}\n\nconst handleHoverExpand = (e: Event) => {\n  if (!isHoverMenu.value) return\n  handleExpand()\n  !isLeaf.value && emit('expand', e)\n}\n\nconst handleExpand = () => {\n  const { node } = props\n  // do not exclude leaf node because the menus expanded might have to reset\n  if (!expandable.value || node.loading) return\n  node.loaded ? doExpand() : doLoad()\n}\n\nconst handleClick = () => {\n  if (\n    isLeaf.value &&\n    !isDisabled.value &&\n    !checkStrictly.value &&\n    !multiple.value\n  ) {\n    handleCheck(true)\n  } else if (\n    ((panel.config.checkOnClickNode &&\n      (multiple.value || checkStrictly.value)) ||\n      (isLeaf.value && panel.config.checkOnClickLeaf)) &&\n    !isDisabled.value\n  ) {\n    handleSelectCheck(!props.node.checked)\n  } else if (!isHoverMenu.value) {\n    handleExpand()\n  }\n}\n\nconst handleSelectCheck = (checked: CheckboxValueType | undefined) => {\n  if (checkStrictly.value) {\n    doCheck(checked as boolean)\n    if (props.node.loaded) {\n      doExpand()\n    }\n  } else {\n    handleCheck(checked as boolean)\n  }\n}\n\nconst handleCheck = (checked: boolean) => {\n  if (!props.node.loaded) {\n    doLoad()\n  } else {\n    doCheck(checked)\n    !checkStrictly.value && doExpand()\n  }\n}\n</script>\n"],"mappings":""}

package/es/components/cascader-panel/src/types.d.ts

@@ -56,6 +56,9 @@ interface ElCascaderPanelContext {
   isHoverMenu: boolean;
   initialLoaded: boolean;
   renderLabelFn?: RenderLabel;
+  virtualScroll: boolean;
+  itemSize: number;
+  height: number;
   lazyLoad: (node?: Node, cb?: (dataList: CascaderOption[]) => void) => void;
   expandNode: (node: Node, silent?: boolean) => void;
   handleCheckChange: (node: Node, checked: boolean, emitClose?: boolean) => void;

package/es/components/cascader-panel/src/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/types.ts"],"sourcesContent":["import type { InjectionKey, VNode } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type { default as CascaderNode } from './node'\n\nexport type { CascaderNode, Nullable }\nexport type CascaderNodeValue = string | number | Record<string, any>\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\nexport type ExpandTrigger = 'click' | 'hover'\nexport type isDisabled = (data: CascaderOption, node: CascaderNode) => boolean\nexport type isLeaf = (data: CascaderOption, node: CascaderNode) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (\n  node: CascaderNode,\n  resolve: Resolve,\n  reject: () => void\n) => void\nexport interface RenderLabelProps {\n  node: CascaderNode\n  data: CascaderOption\n}\nexport type RenderLabel = (props: RenderLabelProps) => VNode | VNode[]\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n  checkOnClickNode?: boolean\n  checkOnClickLeaf?: boolean\n  showPrefix?: boolean\n}\n\nexport interface Tag {\n  node?: CascaderNode\n  key: number\n  text: string\n  hitState?: boolean\n  closable: boolean\n}\n\nexport interface ElCascaderPanelContext {\n  config: CascaderConfig\n  expandingNode: CascaderNode | undefined\n  checkedNodes: CascaderNode[]\n  isHoverMenu: boolean\n  initialLoaded: boolean\n  renderLabelFn?: RenderLabel\n  lazyLoad: (\n    node?: CascaderNode,\n    cb?: (dataList: CascaderOption[]) => void\n  ) => void\n  expandNode: (node: CascaderNode, silent?: boolean) => void\n  handleCheckChange: (\n    node: CascaderNode,\n    checked: boolean,\n    emitClose?: boolean\n  ) => void\n}\n\nexport const CASCADER_PANEL_INJECTION_KEY: InjectionKey<ElCascaderPanelContext> =\n  Symbol()\n"],"mappings":";AA+EA,MAAa,+BACX,QAAQ"}
+{"version":3,"file":"types.mjs","names":[],"sources":["../../../../../../packages/components/cascader-panel/src/types.ts"],"sourcesContent":["import type { InjectionKey, VNode } from 'vue'\nimport type { Nullable } from '@element-plus/utils'\nimport type { default as CascaderNode } from './node'\n\nexport type { CascaderNode, Nullable }\nexport type CascaderNodeValue = string | number | Record<string, any>\nexport type CascaderNodePathValue = CascaderNodeValue[]\nexport type CascaderValue =\n  | CascaderNodeValue\n  | CascaderNodePathValue\n  | (CascaderNodeValue | CascaderNodePathValue)[]\nexport type CascaderConfig = Required<CascaderProps>\nexport type ExpandTrigger = 'click' | 'hover'\nexport type isDisabled = (data: CascaderOption, node: CascaderNode) => boolean\nexport type isLeaf = (data: CascaderOption, node: CascaderNode) => boolean\nexport type Resolve = (dataList?: CascaderOption[]) => void\nexport type LazyLoad = (\n  node: CascaderNode,\n  resolve: Resolve,\n  reject: () => void\n) => void\nexport interface RenderLabelProps {\n  node: CascaderNode\n  data: CascaderOption\n}\nexport type RenderLabel = (props: RenderLabelProps) => VNode | VNode[]\nexport interface CascaderOption extends Record<string, unknown> {\n  label?: string\n  value?: CascaderNodeValue\n  children?: CascaderOption[]\n  disabled?: boolean\n  leaf?: boolean\n}\n\nexport interface CascaderProps {\n  expandTrigger?: ExpandTrigger\n  multiple?: boolean\n  checkStrictly?: boolean\n  emitPath?: boolean\n  lazy?: boolean\n  lazyLoad?: LazyLoad\n  value?: string\n  label?: string\n  children?: string\n  disabled?: string | isDisabled\n  leaf?: string | isLeaf\n  hoverThreshold?: number\n  checkOnClickNode?: boolean\n  checkOnClickLeaf?: boolean\n  showPrefix?: boolean\n}\n\nexport interface Tag {\n  node?: CascaderNode\n  key: number\n  text: string\n  hitState?: boolean\n  closable: boolean\n}\n\nexport interface ElCascaderPanelContext {\n  config: CascaderConfig\n  expandingNode: CascaderNode | undefined\n  checkedNodes: CascaderNode[]\n  isHoverMenu: boolean\n  initialLoaded: boolean\n  renderLabelFn?: RenderLabel\n  virtualScroll: boolean\n  itemSize: number\n  height: number\n  lazyLoad: (\n    node?: CascaderNode,\n    cb?: (dataList: CascaderOption[]) => void\n  ) => void\n  expandNode: (node: CascaderNode, silent?: boolean) => void\n  handleCheckChange: (\n    node: CascaderNode,\n    checked: boolean,\n    emitClose?: boolean\n  ) => void\n}\n\nexport const CASCADER_PANEL_INJECTION_KEY: InjectionKey<ElCascaderPanelContext> =\n  Symbol()\n"],"mappings":";AAkFA,MAAa,+BACX,QAAQ"}

package/es/components/cascader-panel/style/css.mjs

@@ -1,5 +1,5 @@
 import "../../base/style/css.mjs";
-import "../../scrollbar/style/css.mjs";
 import "../../checkbox/style/css.mjs";
 import "../../radio/style/css.mjs";
+import "../../virtual-list/style/css.mjs";
 import "@element-plus/nightly/theme-chalk/el-cascader-panel.css";

package/es/components/cascader-panel/style/index.mjs

@@ -1,5 +1,5 @@
 import "../../base/style/index.mjs";
-import "../../scrollbar/style/index.mjs";
 import "../../checkbox/style/index.mjs";
 import "../../radio/style/index.mjs";
+import "../../virtual-list/style/index.mjs";
 import "@element-plus/nightly/theme-chalk/src/cascader-panel.scss";

package/es/components/checkbox/src/checkbox-button.vue.d.ts

@@ -8,23 +8,23 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxValueType) => void;
   change: (val: CheckboxValueType) => void;
+  "update:modelValue": (val: CheckboxValueType) => void;
 }, string, vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  id: string;
-  disabled: boolean;
   name: string;
-  modelValue: number | string | boolean;
   value: string | boolean | number | object;
+  disabled: boolean;
+  modelValue: number | string | boolean;
   label: string | boolean | number | object;
-  validateEvent: boolean;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;
   falseLabel: string | number;
+  id: string;
+  validateEvent: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/checkbox/src/checkbox-group.vue.d.ts

@@ -9,18 +9,18 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: vue.DefineComponent<CheckboxGroupProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxGroupValueType) => void;
   change: (val: CheckboxValueType[]) => void;
+  "update:modelValue": (val: CheckboxGroupValueType) => void;
 }, string, vue.PublicProps, Readonly<CheckboxGroupProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType[]) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
 }>, {
+  type: "checkbox" | "button";
   props: {
     value?: string;
     label?: string;
     disabled?: string;
   };
-  type: "checkbox" | "button";
   disabled: boolean;
   modelValue: CheckboxGroupValueType;
   validateEvent: boolean;

package/es/components/checkbox/src/checkbox.d.ts

@@ -86,21 +86,21 @@ declare const checkboxProps: {
    * @description binding value
    */
   modelValue: {
-    type: (BooleanConstructor | NumberConstructor | StringConstructor)[];
+    type: (BooleanConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description label of the Checkbox when used inside a `checkbox-group`
    */
   label: {
-    type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[];
+    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox when used inside a `checkbox-group`
    */
   value: {
-    type: (BooleanConstructor | NumberConstructor | StringConstructor | ObjectConstructor)[];
+    type: (BooleanConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -129,14 +129,14 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueValue: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
    * @description value of the Checkbox if it's not checked
    */
   falseValue: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -144,7 +144,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's checked
    */
   trueLabel: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -152,7 +152,7 @@ declare const checkboxProps: {
    * @description value of the Checkbox if it's not checked
    */
   falseLabel: {
-    type: (NumberConstructor | StringConstructor)[];
+    type: (StringConstructor | NumberConstructor)[];
     default: undefined;
   };
   /**
@@ -178,7 +178,7 @@ declare const checkboxProps: {
   /**
    * @description input tabindex
    */
-  tabindex: (NumberConstructor | StringConstructor)[];
+  tabindex: (StringConstructor | NumberConstructor)[];
   /**
    * @description whether to trigger form validation
    */

package/es/components/checkbox/src/checkbox.vue.d.ts

@@ -8,23 +8,23 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: vue.DefineComponent<CheckboxProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: CheckboxValueType) => void;
   change: (val: CheckboxValueType) => void;
+  "update:modelValue": (val: CheckboxValueType) => void;
 }, string, vue.PublicProps, Readonly<CheckboxProps> & Readonly<{
-  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
   onChange?: ((val: CheckboxValueType) => any) | undefined;
+  "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
 }>, {
-  id: string;
-  disabled: boolean;
   name: string;
-  modelValue: number | string | boolean;
   value: string | boolean | number | object;
+  disabled: boolean;
+  modelValue: number | string | boolean;
   label: string | boolean | number | object;
-  validateEvent: boolean;
   trueValue: string | number;
   falseValue: string | number;
   trueLabel: string | number;
   falseLabel: string | number;
+  id: string;
+  validateEvent: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/col/src/col.vue.d.ts

@@ -9,8 +9,8 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: vue.DefineComponent<ColProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ColProps> & Readonly<{}>, {
   push: number;
-  offset: number;
   tag: string;
+  offset: number;
   span: number;
   pull: number;
   xs: ColSize;

package/es/components/collapse/src/collapse-item.vue.d.ts

@@ -19,8 +19,8 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: vue.DefineComponent<CollapseItemProps, {
   /** @description current collapse-item whether active */isActive: vue.ComputedRef<boolean | undefined>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<CollapseItemProps> & Readonly<{}>, {
-  icon: IconPropType;
   title: string;
+  icon: IconPropType;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/es/components/collapse/src/collapse.d.ts

@@ -33,7 +33,7 @@ interface CollapseProps {
 declare const collapseProps: {
   readonly accordion: BooleanConstructor;
   readonly modelValue: EpPropFinalized<(new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue) | (((new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue)) | null)[], unknown, unknown, () => [], boolean>;
-  readonly expandIconPosition: EpPropFinalized<(new (...args: any[]) => "right" | "left") | (() => CollapseIconPositionType) | (((new (...args: any[]) => "right" | "left") | (() => CollapseIconPositionType)) | null)[], unknown, unknown, "right", boolean>;
+  readonly expandIconPosition: EpPropFinalized<(new (...args: any[]) => "left" | "right") | (() => CollapseIconPositionType) | (((new (...args: any[]) => "left" | "right") | (() => CollapseIconPositionType)) | null)[], unknown, unknown, "right", boolean>;
   readonly beforeCollapse: {
     readonly type: vue.PropType<(name: CollapseActiveName) => Awaitable<boolean>>;
     readonly required: false;

package/es/components/collapse/src/collapse.vue.d.ts

@@ -11,11 +11,11 @@ declare const __VLS_base: vue.DefineComponent<CollapseProps, {
   /** @description active names */activeNames: vue.Ref<(string | number)[], (string | number)[]>; /** @description set active names */
   setActiveNames: (_activeNames: CollapseActiveName[]) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (value: CollapseModelValue) => void;
   change: (value: CollapseModelValue) => void;
+  "update:modelValue": (value: CollapseModelValue) => void;
 }, string, vue.PublicProps, Readonly<CollapseProps> & Readonly<{
-  "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
   onChange?: ((value: CollapseModelValue) => any) | undefined;
+  "onUpdate:modelValue"?: ((value: CollapseModelValue) => any) | undefined;
 }>, {
   modelValue: CollapseModelValue;
   expandIconPosition: CollapseIconPositionType;