element-plus 2.14.1 → 2.14.3

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v2.14.1 */
+/*! Element Plus v2.14.3 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -7750,7 +7750,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "2.14.1";
+	const version$1 = "2.14.3";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -17439,7 +17439,7 @@ var import_customParseFormat = /* @__PURE__ */ __toESM(require_customParseFormat
 			}
 			if (startDayjs.isSame(endDayjs, "month")) return calculateValidatedDateRange(startDayjs, endDayjs);
 			else {
-				if (startDayjs.add(1, "month").month() !== endDayjs.month()) {
+				if (!startDayjs.add(1, "month").isSame(endDayjs, "month")) {
 					/* @__PURE__ */ debugWarn(componentName, "start time and end time interval must not exceed two months");
 					return [];
 				}
@@ -19069,7 +19069,7 @@ var import_customParseFormat = /* @__PURE__ */ __toESM(require_customParseFormat
 					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([
 						_ctx.nsSelect.e("selected-item"),
 						_ctx.nsSelect.e("input-wrapper"),
-						_ctx.nsSelect.is("hidden", !_ctx.filterable || _ctx.selectDisabled || !_ctx.states.inputValue && !_ctx.isFocused)
+						_ctx.nsSelect.is("hidden", !_ctx.filterable || _ctx.selectDisabled || _ctx.multiple && !_ctx.states.inputValue && !_ctx.isFocused)
 					]) }, [(0, vue.createElementVNode)("input", {
 						id: _ctx.inputId,
 						ref: "inputRef",
@@ -34132,8 +34132,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			},
 			size: {
 				type: null,
-				required: false,
-				default: "default"
+				required: false
 			},
 			mask: {
 				type: Boolean,
@@ -34190,6 +34189,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const { t } = useLocale();
 			const { formItem } = useFormItem();
 			const { inputId, isLabeledByFormItem } = useFormItemInputId(props, { formItemContext: formItem });
+			const size = useFormSize();
 			const disabled = useFormDisabled();
 			let modelValueOnFocus = props.modelValue;
 			const getFirstIndex = (maxIndex) => {
@@ -34310,7 +34310,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					id: (0, vue.unref)(inputId),
 					class: (0, vue.normalizeClass)([
 						(0, vue.unref)(ns).b(),
-						(0, vue.unref)(ns).m(__props.size),
+						(0, vue.unref)(ns).m((0, vue.unref)(size)),
 						(0, vue.unref)(ns).m(__props.type),
 						(0, vue.unref)(ns).is("disabled", (0, vue.unref)(disabled))
 					]),
@@ -38595,7 +38595,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([
 						_ctx.nsSelect.e("selected-item"),
 						_ctx.nsSelect.e("input-wrapper"),
-						_ctx.nsSelect.is("hidden", !_ctx.filterable || _ctx.selectDisabled || !_ctx.states.inputValue && !_ctx.isFocused)
+						_ctx.nsSelect.is("hidden", !_ctx.filterable || _ctx.selectDisabled || _ctx.multiple && !_ctx.states.inputValue && !_ctx.isFocused)
 					]) }, [(0, vue.createElementVNode)("input", {
 						id: _ctx.inputId,
 						ref: "inputRef",
@@ -40614,6 +40614,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			});
 			const checked = (0, vue.computed)(() => actualValue.value === props.activeValue);
 			if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {
+				/* @__PURE__ */ debugWarn(COMPONENT_NAME$6, "model-value must be active-value or inactive-value");
 				emit(UPDATE_MODEL_EVENT, props.inactiveValue);
 				emit(CHANGE_EVENT, props.inactiveValue);
 				emit(INPUT_EVENT, props.inactiveValue);
@@ -41520,6 +41521,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		const sortProp = (0, vue.ref)(null);
 		const sortOrder = (0, vue.ref)(null);
 		const hoverRow = (0, vue.ref)(null);
+		let halfSelection = [];
 		const selectedMap = (0, vue.computed)(() => {
 			return rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
 		});
@@ -41600,6 +41602,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const { emitChange = true } = options;
 			if (treeStates.checkStrictly.value || !rowKey.value) {
 				selectionIndeterminate.value = {};
+				halfSelection = [];
 				return;
 			}
 			const rowKeyValue = rowKey.value;
@@ -41614,6 +41617,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				return id;
 			};
 			const indeterminateMap = {};
+			const nextHalfSelection = [];
 			const selectedIdSet = new Set(selection.value.map((row) => getCachedRowId(row)));
 			const rowsToAdd = [];
 			let selectionChanged = false;
@@ -41649,7 +41653,10 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 					if (rowSelectable) {
 						if (childSelectableCount > 0) {
 							const allSelected = childSelectedCount === childSelectableCount;
-							if (!allSelected && !(childSelectedCount === 0)) indeterminateMap[id] = true;
+							if (!allSelected && !(childSelectedCount === 0)) {
+								indeterminateMap[id] = true;
+								nextHalfSelection.push(row);
+							}
 							_updateSelectionForRow(row, id, allSelected);
 						}
 					}
@@ -41675,6 +41682,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				selection.value = nextSelection;
 			}
 			selectionIndeterminate.value = indeterminateMap;
+			halfSelection = nextHalfSelection;
 			if (selectionChanged && emitChange) instance.emit("selection-change", selection.value ? selection.value.slice() : []);
 		};
 		const clearSelection = () => {
@@ -41682,6 +41690,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const oldSelection = selection.value;
 			selection.value = [];
 			selectionIndeterminate.value = {};
+			halfSelection = [];
 			if (oldSelection.length) instance.emit("selection-change", []);
 		};
 		const cleanSelection = () => {
@@ -41712,6 +41721,9 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		const getSelectionRows = () => {
 			return (selection.value || []).slice();
 		};
+		const getHalfSelectionRows = () => {
+			return halfSelection.slice();
+		};
 		const cascadeToLazyChildren = (row, selected, rowIndexMap) => {
 			if (!rowKey.value || treeStates.checkStrictly.value || !treeStates.lazy.value) return;
 			const { lazyTreeNodeMap, childrenColumnName } = instance.store.states;
@@ -41911,8 +41923,10 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			else toggleTreeExpansion(row, expanded);
 		};
 		(0, vue.watch)(() => treeStates.checkStrictly.value, (value) => {
-			if (value) selectionIndeterminate.value = {};
-			else updateSelectionByChildren({ emitChange: false });
+			if (value) {
+				selectionIndeterminate.value = {};
+				halfSelection = [];
+			} else updateSelectionByChildren({ emitChange: false });
 			updateAllSelected();
 		});
 		(0, vue.watch)(() => treeStates.lazyTreeNodeMap.value, () => {
@@ -41939,6 +41953,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			clearSelection,
 			cleanSelection,
 			getSelectionRows,
+			getHalfSelectionRows,
 			toggleRowSelection,
 			_toggleAllSelection,
 			toggleAllSelection: null,
@@ -43782,6 +43797,9 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		const getSelectionRows = () => {
 			return store.getSelectionRows();
 		};
+		const getHalfSelectionRows = () => {
+			return store.getHalfSelectionRows();
+		};
 		const toggleRowSelection = (row, selected, ignoreSelectable = true) => {
 			store.toggleRowSelection(row, selected, false, ignoreSelectable);
 			store.updateAllSelected();
@@ -43813,6 +43831,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		return {
 			setCurrentRow,
 			getSelectionRows,
+			getHalfSelectionRows,
 			toggleRowSelection,
 			clearSelection,
 			clearFilter,
@@ -44136,7 +44155,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			});
 			table.layout = layout;
 			const isEmpty = (0, vue.computed)(() => (store.states.data.value || []).length === 0);
-			const { setCurrentRow, getSelectionRows, toggleRowSelection, clearSelection, clearFilter, toggleAllSelection, toggleRowExpansion, clearSort, sort, updateKeyChildren } = useUtils(store);
+			const { setCurrentRow, getSelectionRows, getHalfSelectionRows, toggleRowSelection, clearSelection, clearFilter, toggleAllSelection, toggleRowExpansion, clearSort, sort, updateKeyChildren } = useUtils(store);
 			const { isHidden, renderExpanded, setDragVisible, isGroup, handleMouseLeave, handleHeaderFooterMousewheel, tableSize, emptyBlockStyle, resizeProxyVisible, bodyWidth, resizeState, doLayout, tableBodyStyles, tableLayout, scrollbarViewStyle, scrollbarStyle } = useStyle(props, layout, store, table);
 			const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar$1();
 			const debouncedUpdateLayout = debounce(doLayout, 50);
@@ -44183,6 +44202,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				debouncedUpdateLayout,
 				setCurrentRow,
 				getSelectionRows,
+				getHalfSelectionRows,
 				toggleRowSelection,
 				clearSelection,
 				clearFilter,
@@ -47475,6 +47495,8 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 
 //#endregion
 //#region ../../packages/components/time-select/src/time-select.ts
+	const DEFAULT_START = "09:00";
+	const DEFAULT_END = "18:00";
 	const DEFAULT_STEP = "00:30";
 	const timeSelectProps = buildProps({
 		format: {
@@ -47502,11 +47524,11 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		placeholder: String,
 		start: {
 			type: String,
-			default: "09:00"
+			default: DEFAULT_START
 		},
 		end: {
 			type: String,
-			default: "18:00"
+			default: DEFAULT_END
 		},
 		step: {
 			type: String,
@@ -47539,6 +47561,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		if (values.length >= 2) {
 			let hours = Number.parseInt(values[0], 10);
 			const minutes = Number.parseInt(values[1], 10);
+			if (Number.isNaN(hours) || Number.isNaN(minutes)) return null;
 			const timeUpper = time.toUpperCase();
 			if (timeUpper.includes("AM") && hours === 12) hours = 0;
 			else if (timeUpper.includes("PM") && hours !== 12) hours += 12;
@@ -47549,6 +47572,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		}
 		return null;
 	};
+	const isValidTime = (time) => !!time && time.hours >= 0 && time.minutes >= 0 && !Number.isNaN(time.hours) && !Number.isNaN(time.minutes);
 	const compareTime = (time1, time2) => {
 		const value1 = parseTime(time1);
 		if (!value1) return -1;
@@ -47602,15 +47626,17 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const select = (0, vue.ref)();
 			const _disabled = useFormDisabled();
 			const { lang } = useLocale();
+			const getValidTimeOrDefault = (value, propName, defaultValue, allowZero = true) => {
+				const time = parseTime(value);
+				if (!isValidTime(time) || !allowZero && time.hours === 0 && time.minutes === 0) {
+					/* @__PURE__ */ debugWarn("ElTimeSelect", `invalid ${propName}, fallback to default ${propName} (${defaultValue}).`);
+					return defaultValue;
+				}
+				return formatTime(time);
+			};
 			const value = (0, vue.computed)(() => props.modelValue);
-			const start = (0, vue.computed)(() => {
-				const time = parseTime(props.start);
-				return time ? formatTime(time) : null;
-			});
-			const end = (0, vue.computed)(() => {
-				const time = parseTime(props.end);
-				return time ? formatTime(time) : null;
-			});
+			const start = (0, vue.computed)(() => getValidTimeOrDefault(props.start, "start", DEFAULT_START));
+			const end = (0, vue.computed)(() => getValidTimeOrDefault(props.end, "end", DEFAULT_END));
 			const minTime = (0, vue.computed)(() => {
 				const time = parseTime(props.minTime || "");
 				return time ? formatTime(time) : null;
@@ -47619,12 +47645,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				const time = parseTime(props.maxTime || "");
 				return time ? formatTime(time) : null;
 			});
-			const step = (0, vue.computed)(() => {
-				const time = parseTime(props.step);
-				const isInvalidStep = !time || time.hours < 0 || time.minutes < 0 || Number.isNaN(time.hours) || Number.isNaN(time.minutes) || time.hours === 0 && time.minutes === 0;
-				if (isInvalidStep) /* @__PURE__ */ debugWarn("ElTimeSelect", `invalid step, fallback to default step (${DEFAULT_STEP}).`);
-				return !isInvalidStep ? formatTime(time) : DEFAULT_STEP;
-			});
+			const step = (0, vue.computed)(() => getValidTimeOrDefault(props.step, "step", DEFAULT_STEP, false));
 			const items = (0, vue.computed)(() => {
 				const result = [];
 				const push = (formattedValue, rawValue) => {
@@ -47634,16 +47655,12 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						disabled: compareTime(rawValue, minTime.value || "-1:-1") <= 0 || compareTime(rawValue, maxTime.value || "100:100") >= 0
 					});
 				};
-				if (props.start && props.end && props.step) {
-					let current = start.value;
-					let currentTime;
-					while (current && end.value && compareTime(current, end.value) <= 0) {
-						currentTime = (0, import_dayjs_min.default)(current, "HH:mm").locale(lang.value).format(props.format);
-						push(currentTime, current);
-						current = nextTime(current, step.value);
-					}
-					if (props.includeEndTime && end.value && result[result.length - 1]?.rawValue !== end.value) push((0, import_dayjs_min.default)(end.value, "HH:mm").locale(lang.value).format(props.format), end.value);
+				let current = start.value;
+				while (compareTime(current, end.value) <= 0) {
+					push((0, import_dayjs_min.default)(current, "HH:mm").locale(lang.value).format(props.format), current);
+					current = nextTime(current, step.value);
 				}
+				if (props.includeEndTime && result[result.length - 1]?.rawValue !== end.value) push((0, import_dayjs_min.default)(end.value, "HH:mm").locale(lang.value).format(props.format), end.value);
 				return result;
 			});
 			const blur = () => {
@@ -47922,6 +47939,11 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		validateEvent: {
 			type: Boolean,
 			default: true
+		},
+		virtualScroll: Boolean,
+		itemSize: {
+			type: Number,
+			default: 30
 		}
 	});
 	const transferCheckedChangeFn = (value, movedKeys) => [value, movedKeys].every(isArray$1) || isArray$1(value) && isNil(movedKeys);
@@ -47944,7 +47966,9 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		format: transferProps.format,
 		filterMethod: transferProps.filterMethod,
 		defaultChecked: transferProps.leftDefaultChecked,
-		props: transferProps.props
+		props: transferProps.props,
+		virtualScroll: transferProps.virtualScroll,
+		itemSize: transferProps.itemSize
 	});
 	const transferPanelEmits = { [CHECKED_CHANGE_EVENT]: transferCheckedChangeFn };
 
@@ -47991,6 +48015,9 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 		const handleAllCheckedChange = (value) => {
 			panelState.checked = value ? checkableData.value.map((item) => item[propsAlias.value.key]) : [];
 		};
+		const checkboxGroupRef = (0, vue.ref)();
+		const { height: virtualListHeight } = useElementSize((0, vue.computed)(() => checkboxGroupRef.value?.$el));
+		const virtualListRef = (0, vue.ref)();
 		(0, vue.watch)(() => panelState.checked, (val, oldVal) => {
 			updateAllChecked();
 			if (panelState.checkChangeByUser) emit(CHECKED_CHANGE_EVENT, val, val.concat(oldVal).filter((v) => !val.includes(v) || !oldVal.includes(v)));
@@ -48021,11 +48048,18 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			panelState.checkChangeByUser = false;
 			panelState.checked = checked;
 		}, { immediate: true });
+		(0, vue.watch)(() => panelState.query, () => {
+			if (!props.virtualScroll) return;
+			virtualListRef.value?.scrollToItem(0);
+		}, { flush: "post" });
 		return {
 			filteredData,
 			checkableData,
 			checkedSummary,
+			virtualListRef,
 			isIndeterminate,
+			checkboxGroupRef,
+			virtualListHeight,
 			updateAllChecked,
 			handleAllCheckedChange
 		};
@@ -48121,7 +48155,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				checkChangeByUser: true
 			});
 			const propsAlias = usePropsAlias(props);
-			const { filteredData, checkedSummary, isIndeterminate, handleAllCheckedChange } = useCheck$1(props, panelState, emit);
+			const { filteredData, checkedSummary, virtualListRef, isIndeterminate, checkboxGroupRef, virtualListHeight, handleAllCheckedChange } = useCheck$1(props, panelState, emit);
 			const hasNoMatch = (0, vue.computed)(() => !isEmpty(panelState.query) && isEmpty(filteredData.value));
 			const hasFooter = (0, vue.computed)(() => !isEmpty(slots.default()[0].children));
 			const { checked, allChecked, query } = (0, vue.toRefs)(panelState);
@@ -48160,12 +48194,14 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 							"prefix-icon"
 						])) : (0, vue.createCommentVNode)("v-if", true),
 						(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(ElCheckboxGroup), {
+							ref_key: "checkboxGroupRef",
+							ref: checkboxGroupRef,
 							modelValue: (0, vue.unref)(checked),
 							"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => (0, vue.isRef)(checked) ? checked.value = $event : null),
 							"validate-event": false,
 							class: (0, vue.normalizeClass)([(0, vue.unref)(ns).is("filterable", __props.filterable), (0, vue.unref)(ns).be("panel", "list")])
 						}, {
-							default: (0, vue.withCtx)(() => [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)((0, vue.unref)(filteredData), (item) => {
+							default: (0, vue.withCtx)(() => [!__props.virtualScroll ? ((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, (0, vue.renderList)((0, vue.unref)(filteredData), (item) => {
 								return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElCheckbox), {
 									key: item[(0, vue.unref)(propsAlias).key],
 									class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "item")),
@@ -48180,7 +48216,38 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 									"value",
 									"disabled"
 								]);
-							}), 128))]),
+							}), 128)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(FixedSizeList), {
+								key: 1,
+								ref_key: "virtualListRef",
+								ref: virtualListRef,
+								data: (0, vue.unref)(filteredData),
+								total: (0, vue.unref)(filteredData).length,
+								"item-size": __props.itemSize,
+								height: (0, vue.unref)(virtualListHeight)
+							}, {
+								default: (0, vue.withCtx)(({ data, index, style }) => [((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+									key: data[index][(0, vue.unref)(propsAlias).key],
+									style: (0, vue.normalizeStyle)(style)
+								}, [(0, vue.createVNode)((0, vue.unref)(ElCheckbox), {
+									class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "item")),
+									value: data[index][(0, vue.unref)(propsAlias).key],
+									disabled: data[index][(0, vue.unref)(propsAlias).disabled],
+									"validate-event": false
+								}, {
+									default: (0, vue.withCtx)(() => [(0, vue.createVNode)(OptionContent, { option: __props.optionRender?.(data[index]) }, null, 8, ["option"])]),
+									_: 2
+								}, 1032, [
+									"class",
+									"value",
+									"disabled"
+								])], 4))]),
+								_: 1
+							}, 8, [
+								"data",
+								"total",
+								"item-size",
+								"height"
+							]))]),
 							_: 1
 						}, 8, ["modelValue", "class"]), [[vue.vShow, !hasNoMatch.value && !(0, vue.unref)(isEmpty)(__props.data)]]),
 						(0, vue.withDirectives)((0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "empty")) }, [(0, vue.renderSlot)(_ctx.$slots, "empty", {}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(hasNoMatch.value ? (0, vue.unref)(t)("el.transfer.noMatch") : (0, vue.unref)(t)("el.transfer.noData")), 1)])], 2), [[vue.vShow, hasNoMatch.value || (0, vue.unref)(isEmpty)(__props.data)]])
@@ -48266,6 +48333,8 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						"filter-method": __props.filterMethod,
 						"default-checked": __props.leftDefaultChecked,
 						props: props.props,
+						"virtual-scroll": __props.virtualScroll,
+						"item-size": __props.itemSize,
 						onCheckedChange: (0, vue.unref)(onSourceCheckedChange)
 					}, {
 						empty: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "left-empty")]),
@@ -48281,6 +48350,8 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						"filter-method",
 						"default-checked",
 						"props",
+						"virtual-scroll",
+						"item-size",
 						"onCheckedChange"
 					]),
 					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("buttons")) }, [(0, vue.createVNode)((0, vue.unref)(ElButton), {
@@ -48326,6 +48397,8 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						title: rightPanelTitle.value,
 						"default-checked": __props.rightDefaultChecked,
 						props: props.props,
+						"virtual-scroll": __props.virtualScroll,
+						"item-size": __props.itemSize,
 						onCheckedChange: (0, vue.unref)(onTargetCheckedChange)
 					}, {
 						empty: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "right-empty")]),
@@ -48341,6 +48414,8 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						"title",
 						"default-checked",
 						"props",
+						"virtual-scroll",
+						"item-size",
 						"onCheckedChange"
 					])
 				], 2);
@@ -50741,7 +50816,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			return current !== void 0 && current === node.key;
 		}
 		function getCurrentNode() {
-			if (!currentKey.value) return void 0;
+			if (currentKey.value === void 0) return void 0;
 			return tree.value?.treeNodeMap.get(currentKey.value)?.data;
 		}
 		function getCurrentKey() {
@@ -52346,10 +52421,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 //#region ../../packages/components/tour/src/tour.ts
 	const tourProps = buildProps({
 		modelValue: Boolean,
-		current: {
-			type: Number,
-			default: 0
-		},
+		current: { type: Number },
 		showArrow: {
 			type: Boolean,
 			default: true
@@ -52762,7 +52834,18 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const ns = useNamespace("tour");
 			const total = (0, vue.ref)(0);
 			const currentStep = (0, vue.ref)();
-			const current = useVModel(props, "current", emit, { passive: true });
+			const isControlled = (0, vue.computed)(() => !isUndefined(props.current));
+			const innerCurrent = (0, vue.ref)(props.current ?? 0);
+			const current = (0, vue.computed)({
+				get() {
+					return isUndefined(props.current) ? innerCurrent.value : props.current;
+				},
+				set(newValue) {
+					if ((isControlled.value ? props.current : innerCurrent.value) === newValue) return;
+					if (!isControlled.value) innerCurrent.value = newValue;
+					emit("update:current", newValue);
+				}
+			});
 			const currentTarget = (0, vue.computed)(() => currentStep.value?.target);
 			const kls = (0, vue.computed)(() => [ns.b(), mergedType.value === "primary" ? ns.m("primary") : ""]);
 			const mergedPlacement = (0, vue.computed)(() => currentStep.value?.placement || props.placement);
@@ -52777,8 +52860,13 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const nowZIndex = nextZIndex();
 			const mergedZIndex = (0, vue.computed)(() => props.zIndex ?? nowZIndex);
 			const { mergedPosInfo: pos, triggerTarget } = useTarget(currentTarget, (0, vue.toRef)(props, "modelValue"), (0, vue.toRef)(props, "gap"), mergedMask, mergedScrollIntoViewOptions);
+			(0, vue.watch)(() => props.current, (val) => !isUndefined(val) && (innerCurrent.value = val));
+			(0, vue.watch)(current, (newCurrent, oldCurrent) => {
+				if (!props.modelValue || newCurrent === oldCurrent) return;
+				emit(CHANGE_EVENT, newCurrent);
+			}, { flush: "post" });
 			(0, vue.watch)(() => props.modelValue, (val) => {
-				if (!val) current.value = 0;
+				if (!val && current.value !== 0) current.value = 0;
 			});
 			const onEscClose = () => {
 				if (props.closeOnPressEscape) {
@@ -52807,9 +52895,6 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 				},
 				onFinish() {
 					emit("finish");
-				},
-				onChange() {
-					emit(CHANGE_EVENT, current.value);
 				}
 			});
 			return (_ctx, _cache) => {
@@ -52829,7 +52914,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						"z-index",
 						"target-area-clickable"
 					]), __props.modelValue ? ((0, vue.openBlock)(), (0, vue.createBlock)(content_default$1, {
-						key: (0, vue.unref)(current),
+						key: current.value,
 						reference: (0, vue.unref)(triggerTarget),
 						placement: mergedPlacement.value,
 						"show-arrow": mergedShowArrow.value,
@@ -52838,7 +52923,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						onClose: onEscClose
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(steps_default), {
-							current: (0, vue.unref)(current),
+							current: current.value,
 							onUpdateTotal
 						}, {
 							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
@@ -52911,7 +52996,7 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const emit = __emit;
 			const { Close } = CloseComponents;
 			const { t } = useLocale();
-			const { currentStep, current, total, showClose, closeIcon, mergedType, ns, slots: tourSlots, updateModelValue, onClose: tourOnClose, onFinish: tourOnFinish, onChange } = (0, vue.inject)(tourKey);
+			const { currentStep, current, total, showClose, closeIcon, mergedType, ns, slots: tourSlots, updateModelValue, onClose: tourOnClose, onFinish: tourOnFinish } = (0, vue.inject)(tourKey);
 			(0, vue.watch)(props, (val) => {
 				currentStep.value = val;
 			}, { immediate: true });
@@ -52924,13 +53009,11 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 			const onPrev = () => {
 				current.value -= 1;
 				if (props.prevButtonProps?.onClick) props.prevButtonProps?.onClick();
-				onChange();
 			};
 			const onNext = () => {
 				if (current.value >= total.value - 1) onFinish();
 				else current.value += 1;
 				if (props.nextButtonProps?.onClick) props.nextButtonProps.onClick();
-				onChange();
 			};
 			const onFinish = () => {
 				onClose();
@@ -56481,9 +56564,11 @@ exports.CommonPicker = picker_default;
 exports.CommonProps = CommonProps;
 exports.DEFAULT_DIALOG_TRANSITION = DEFAULT_DIALOG_TRANSITION;
 exports.DEFAULT_EMPTY_VALUES = DEFAULT_EMPTY_VALUES;
+exports.DEFAULT_END = DEFAULT_END;
 exports.DEFAULT_FORMATS_DATE = DEFAULT_FORMATS_DATE;
 exports.DEFAULT_FORMATS_DATEPICKER = DEFAULT_FORMATS_DATEPICKER;
 exports.DEFAULT_FORMATS_TIME = DEFAULT_FORMATS_TIME;
+exports.DEFAULT_START = DEFAULT_START;
 exports.DEFAULT_STEP = DEFAULT_STEP;
 exports.DEFAULT_VALUE_ON_CLEAR = DEFAULT_VALUE_ON_CLEAR;
 exports.DROPDOWN_INJECTION_KEY = DROPDOWN_INJECTION_KEY;