@element-plus/nightly 0.0.20260612 → 0.0.20260613

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260612 */
+/*! Element Plus v0.0.20260613 */
 
 (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 = "0.0.20260612";
+	const version$1 = "0.0.20260613";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -47939,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);
@@ -47961,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 };
 
@@ -48008,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)));
@@ -48038,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
 		};
@@ -48138,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);
@@ -48177,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")),
@@ -48197,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)]])
@@ -48283,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")]),
@@ -48298,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), {
@@ -48343,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")]),
@@ -48358,6 +48414,8 @@ var import_isSameOrBefore = /* @__PURE__ */ __toESM(require_isSameOrBefore());
 						"title",
 						"default-checked",
 						"props",
+						"virtual-scroll",
+						"item-size",
 						"onCheckedChange"
 					])
 				], 2);