element-plus-mobile 0.1.1 → 0.1.2

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus Mobile v0.1.1 */
+/*! Element Plus Mobile v0.1.2 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -5962,7 +5962,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 //#endregion
 //#region ../../packages/utils/dom/style.ts
-	const SCOPE$9 = "utils/dom/style";
+	const SCOPE$8 = "utils/dom/style";
 	const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
 	const hasClass = (el, cls) => {
 		if (!el || !cls) return false;
@@ -6003,7 +6003,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 		if (!value && value !== 0) return "";
 		if (isNumber(value) || isStringNumber(value)) return `${value}${defaultUnit}`;
 		else if (isString(value)) return value;
-		/* @__PURE__ */ debugWarn(SCOPE$9, "binding value must be a string or number");
+		/* @__PURE__ */ debugWarn(SCOPE$8, "binding value must be a string or number");
 	}
 	function pxToRem(value, base = 16) {
 		if (!value && value !== 0) return "";
@@ -6013,7 +6013,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 			if (trimmed.endsWith("px")) return formatRemValue(Number.parseFloat(trimmed) / base);
 			return value;
 		}
-		/* @__PURE__ */ debugWarn(SCOPE$9, "binding value must be a string or number");
+		/* @__PURE__ */ debugWarn(SCOPE$8, "binding value must be a string or number");
 		return "";
 	}
 
@@ -7585,7 +7585,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 		height: 1024,
 		body: "<path fill=\"currentColor\" d=\"M736 504a56 56 0 1 1 0-112a56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112a56 56 0 0 1 0 112m-224 0a56 56 0 1 1 0-112a56 56 0 0 1 0 112M128 128v640h192v160l224-160h352V128z\"/>"
 	};
-	const Comment$7 = createBuiltinIcon("Comment", CommentData);
+	const Comment$8 = createBuiltinIcon("Comment", CommentData);
 	const DArrowLeftData = {
 		width: 1024,
 		height: 1024,
@@ -7973,7 +7973,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 //#endregion
 //#region ../../packages/utils/vue/vnode.ts
-	const SCOPE$8 = "utils/vue/vnode";
+	const SCOPE$7 = "utils/vue/vnode";
 	let PatchFlags = /* @__PURE__ */ function(PatchFlags) {
 		PatchFlags[PatchFlags["TEXT"] = 1] = "TEXT";
 		PatchFlags[PatchFlags["CLASS"] = 2] = "CLASS";
@@ -8001,7 +8001,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 	}
 	const getNormalizedProps = (node) => {
 		if (!(0, vue.isVNode)(node)) {
-			/* @__PURE__ */ debugWarn(SCOPE$8, "[getNormalizedProps] must be a VNode");
+			/* @__PURE__ */ debugWarn(SCOPE$7, "[getNormalizedProps] must be a VNode");
 			return {};
 		}
 		const raw = node.props || {};
@@ -11599,7 +11599,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.1.1";
+	const version$1 = "0.1.2";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -11685,9 +11685,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/components/affix/src/affix.vue?vue&type=script&setup=true&lang.ts
-	const COMPONENT_NAME$22 = "ElAffix";
+	const COMPONENT_NAME$21 = "ElAffix";
 	var affix_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: COMPONENT_NAME$22,
+		name: COMPONENT_NAME$21,
 		__name: "affix",
 		props: affixProps,
 		emits: affixEmits,
@@ -11765,7 +11765,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			(0, vue.onMounted)(() => {
 				if (props.target) {
 					target.value = document.querySelector(props.target) ?? void 0;
-					if (!target.value) throwError(COMPONENT_NAME$22, `Target does not exist: ${props.target}`);
+					if (!target.value) throwError(COMPONENT_NAME$21, `Target does not exist: ${props.target}`);
 				} else target.value = document.documentElement;
 				scrollContainer.value = getScrollContainer(root.value, true);
 				updateRoot();
@@ -12793,30 +12793,15 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 		...formMetaProps,
 		model: Object,
 		rules: { type: definePropType(Object) },
-		labelPosition: {
-			type: String,
-			values: [
-				"left",
-				"right",
-				"top"
-			],
-			default: "right"
-		},
 		requireAsteriskPosition: {
 			type: String,
 			values: ["left", "right"],
 			default: "left"
 		},
-		labelWidth: {
-			type: [String, Number],
-			default: ""
-		},
 		labelSuffix: {
 			type: String,
 			default: ""
 		},
-		inline: Boolean,
-		mobile: Boolean,
 		inlineMessage: Boolean,
 		statusIcon: Boolean,
 		showMessage: {
@@ -12911,35 +12896,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/components/form/src/utils.ts
-	const SCOPE$7 = "ElForm";
-	function useFormLabelWidth() {
-		const potentialLabelWidthArr = (0, vue.ref)([]);
-		const autoLabelWidth = (0, vue.computed)(() => {
-			if (!potentialLabelWidthArr.value.length) return "0";
-			const max = Math.max(...potentialLabelWidthArr.value);
-			return max ? `${max}px` : "";
-		});
-		function getLabelWidthIndex(width) {
-			const index = potentialLabelWidthArr.value.indexOf(width);
-			if (index === -1 && autoLabelWidth.value === "0") /* @__PURE__ */ debugWarn(SCOPE$7, `unexpected width ${width}`);
-			return index;
-		}
-		function registerLabelWidth(val, oldVal) {
-			if (val && oldVal) {
-				const index = getLabelWidthIndex(oldVal);
-				potentialLabelWidthArr.value.splice(index, 1, val);
-			} else if (val) potentialLabelWidthArr.value.push(val);
-		}
-		function deregisterLabelWidth(val) {
-			const index = getLabelWidthIndex(val);
-			if (index > -1) potentialLabelWidthArr.value.splice(index, 1);
-		}
-		return {
-			autoLabelWidth,
-			registerLabelWidth,
-			deregisterLabelWidth
-		};
-	}
 	const filterFields = (fields, props) => {
 		const normalized = castArray$1(props).map((prop) => isArray$1(prop) ? prop.join(".") : prop);
 		return normalized.length > 0 ? fields.filter((field) => field.propString && normalized.includes(field.propString)) : fields;
@@ -12947,9 +12903,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/components/form/src/form.vue?vue&type=script&setup=true&lang.ts
-	const COMPONENT_NAME$21 = "ElForm";
+	const COMPONENT_NAME$20 = "ElForm";
 	var form_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: COMPONENT_NAME$21,
+		name: COMPONENT_NAME$20,
 		__name: "form",
 		props: formProps,
 		emits: formEmits,
@@ -12959,22 +12915,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const formRef = (0, vue.ref)();
 			const fields = (0, vue.reactive)([]);
 			const initialValues = /* @__PURE__ */ new Map();
-			const { width: viewportWidth } = useWindowSize({ initialWidth: Number.POSITIVE_INFINITY });
 			const formSize = useFormSize();
 			const ns = useNamespace("form");
-			const isMobile = (0, vue.computed)(() => props.mobile || viewportWidth.value < 768);
-			const formClasses = (0, vue.computed)(() => {
-				const { labelPosition, inline } = props;
-				return [
-					ns.b(),
-					ns.m(formSize.value || "default"),
-					{
-						[ns.m(`label-${labelPosition}`)]: labelPosition,
-						[ns.m("inline")]: inline,
-						[ns.is("mobile")]: isMobile.value
-					}
-				];
-			});
+			const formClasses = (0, vue.computed)(() => [ns.b(), ns.m(formSize.value || "default")]);
 			const getField = (prop) => {
 				return filterFields(fields, [prop])[0];
 			};
@@ -12996,11 +12939,11 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			};
 			const setInitialValues = (initModel) => {
 				if (!props.model) {
-					/* @__PURE__ */ debugWarn(COMPONENT_NAME$21, "model is required for setInitialValues to work.");
+					/* @__PURE__ */ debugWarn(COMPONENT_NAME$20, "model is required for setInitialValues to work.");
 					return;
 				}
 				if (!initModel) {
-					/* @__PURE__ */ debugWarn(COMPONENT_NAME$21, "initModel is required for setInitialValues to work.");
+					/* @__PURE__ */ debugWarn(COMPONENT_NAME$20, "initModel is required for setInitialValues to work.");
 					return;
 				}
 				for (const key of initialValues.keys()) initialValues.set(key, cloneDeep(getProp(initModel, key).value));
@@ -13010,7 +12953,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			};
 			const resetFields = (properties = []) => {
 				if (!props.model) {
-					/* @__PURE__ */ debugWarn(COMPONENT_NAME$21, "model is required for resetFields to work.");
+					/* @__PURE__ */ debugWarn(COMPONENT_NAME$20, "model is required for resetFields to work.");
 					return;
 				}
 				filterFields(fields, properties).forEach((field) => field.resetField());
@@ -13023,14 +12966,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			};
 			const isValidatable = (0, vue.computed)(() => {
 				const hasModel = !!props.model;
-				if (!hasModel) /* @__PURE__ */ debugWarn(COMPONENT_NAME$21, "model is required for validate to work.");
+				if (!hasModel) /* @__PURE__ */ debugWarn(COMPONENT_NAME$20, "model is required for validate to work.");
 				return hasModel;
 			});
 			const obtainValidateFields = (props) => {
 				if (fields.length === 0) return [];
 				const filteredFields = filterFields(fields, props);
 				if (!filteredFields.length) {
-					/* @__PURE__ */ debugWarn(COMPONENT_NAME$21, "please pass correct props!");
+					/* @__PURE__ */ debugWarn(COMPONENT_NAME$20, "please pass correct props!");
 					return [];
 				}
 				return filteredFields;
@@ -13082,7 +13025,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			});
 			(0, vue.provide)(formContextKey, (0, vue.reactive)({
 				...(0, vue.toRefs)(props),
-				isMobile,
 				emit,
 				resetFields,
 				clearValidate,
@@ -13090,8 +13032,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				getField,
 				addField,
 				removeField,
-				setInitialValues,
-				...useFormLabelWidth()
+				setInitialValues
 			}));
 			__expose({
 				validate,
@@ -13130,17 +13071,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 	*/
 	const formItemProps = buildProps({
 		label: String,
-		labelWidth: { type: [String, Number] },
-		labelPosition: {
-			type: String,
-			values: [
-				"left",
-				"right",
-				"top",
-				""
-			],
-			default: ""
-		},
 		prop: { type: definePropType([String, Array]) },
 		required: {
 			type: Boolean,
@@ -13994,70 +13924,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 	Schema.messages = messages;
 	Schema.validators = validators;
 
-//#endregion
-//#region ../../packages/components/form/src/form-label-wrap.tsx
-	const COMPONENT_NAME$20 = "ElLabelWrap";
-	var form_label_wrap_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		name: COMPONENT_NAME$20,
-		props: {
-			isAutoWidth: Boolean,
-			updateAll: Boolean
-		},
-		setup(props, { slots }) {
-			const formContext = (0, vue.inject)(formContextKey, void 0);
-			const formItemContext = (0, vue.inject)(formItemContextKey);
-			if (!formItemContext) throwError(COMPONENT_NAME$20, "usage: <el-form-item><label-wrap /></el-form-item>");
-			const ns = useNamespace("form");
-			const el = (0, vue.ref)();
-			const computedWidth = (0, vue.ref)(0);
-			const getLabelWidth = () => {
-				if (el.value?.firstElementChild) {
-					const width = window.getComputedStyle(el.value.firstElementChild).width;
-					return Math.ceil(Number.parseFloat(width));
-				} else return 0;
-			};
-			const updateLabelWidth = (action = "update") => {
-				(0, vue.nextTick)(() => {
-					if (slots.default && props.isAutoWidth) {
-						if (action === "update") computedWidth.value = getLabelWidth();
-						else if (action === "remove") formContext?.deregisterLabelWidth(computedWidth.value);
-					}
-				});
-			};
-			const updateLabelWidthFn = () => updateLabelWidth("update");
-			(0, vue.onMounted)(() => {
-				updateLabelWidthFn();
-			});
-			(0, vue.onBeforeUnmount)(() => {
-				updateLabelWidth("remove");
-			});
-			(0, vue.onUpdated)(() => updateLabelWidthFn());
-			(0, vue.watch)(computedWidth, (val, oldVal) => {
-				if (props.updateAll) formContext?.registerLabelWidth(val, oldVal);
-			});
-			useResizeObserver((0, vue.computed)(() => el.value?.firstElementChild ?? null), updateLabelWidthFn);
-			return () => {
-				if (!slots) return null;
-				const { isAutoWidth } = props;
-				if (isAutoWidth) {
-					const autoLabelWidth = formContext?.autoLabelWidth;
-					const hasLabel = formItemContext?.hasLabel;
-					const style = {};
-					if (hasLabel && autoLabelWidth && autoLabelWidth !== "auto") {
-						const marginWidth = Math.max(0, Number.parseInt(autoLabelWidth, 10) - computedWidth.value);
-						const marginPosition = (formItemContext.labelPosition || formContext.labelPosition) === "left" ? "marginRight" : "marginLeft";
-						if (marginWidth) style[marginPosition] = `${marginWidth}px`;
-					}
-					return (0, vue.createVNode)("div", {
-						"ref": el,
-						"class": [ns.be("item", "label-wrap")],
-						"style": style
-					}, [slots.default?.()]);
-				} else return (0, vue.createVNode)(vue.Fragment, { "ref": el }, [slots.default?.()]);
-			};
-		}
-	});
-
 //#endregion
 //#region ../../packages/components/form/src/form-item.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$78 = ["role", "aria-labelledby"];
@@ -14069,7 +13935,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const props = __props;
 			const slots = (0, vue.useSlots)();
 			const formContext = (0, vue.inject)(formContextKey, void 0);
-			const parentFormItemContext = (0, vue.inject)(formItemContextKey, void 0);
 			const _size = useFormSize(void 0, { formItem: false });
 			const ns = useNamespace("form-item");
 			const labelId = useId().value;
@@ -14080,18 +13945,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const formItemRef = (0, vue.ref)();
 			let initialValue = void 0;
 			let isResettingField = false;
-			const labelPosition = (0, vue.computed)(() => formContext?.isMobile ? "top" : props.labelPosition || formContext?.labelPosition);
-			const labelStyle = (0, vue.computed)(() => {
-				if (labelPosition.value === "top" || formContext?.isMobile) return {};
-				return { width: addUnit(props.labelWidth ?? formContext?.labelWidth) };
-			});
-			const contentStyle = (0, vue.computed)(() => {
-				if (labelPosition.value === "top" || formContext?.inline || formContext?.isMobile) return {};
-				if (!props.label && !props.labelWidth && isNested) return {};
-				const labelWidth = addUnit(props.labelWidth ?? formContext?.labelWidth);
-				if (!props.label && !slots.label) return { marginLeft: labelWidth };
-				return {};
-			});
 			const formItemClasses = (0, vue.computed)(() => [
 				ns.b(),
 				ns.m(_size.value),
@@ -14100,14 +13953,10 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				ns.is("success", validateState.value === "success"),
 				ns.is("required", isRequired.value || props.required),
 				ns.is("no-asterisk", formContext?.hideRequiredAsterisk),
-				ns.is("mobile", !!formContext?.isMobile),
 				formContext?.requireAsteriskPosition === "right" ? "asterisk-right" : "asterisk-left",
-				{
-					[ns.m("feedback")]: formContext?.statusIcon,
-					[ns.m(`label-${labelPosition.value}`)]: labelPosition.value
-				}
+				{ [ns.m("feedback")]: formContext?.statusIcon }
 			]);
-			const _inlineMessage = (0, vue.computed)(() => formContext?.isMobile ? false : isBoolean(props.inlineMessage) ? props.inlineMessage : formContext?.inlineMessage || false);
+			const _inlineMessage = (0, vue.computed)(() => isBoolean(props.inlineMessage) ? props.inlineMessage : formContext?.inlineMessage || false);
 			const validateClasses = (0, vue.computed)(() => [ns.e("error"), { [ns.em("error", "inline")]: _inlineMessage.value }]);
 			const propString = (0, vue.computed)(() => {
 				if (!props.prop) return "";
@@ -14122,7 +13971,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const isGroup = (0, vue.computed)(() => {
 				return !labelFor.value && hasLabel.value;
 			});
-			const isNested = !!parentFormItemContext;
 			const fieldValue = (0, vue.computed)(() => {
 				const model = formContext?.model;
 				if (!model || !props.prop) return;
@@ -14291,36 +14139,25 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 					class: (0, vue.normalizeClass)(formItemClasses.value),
 					role: isGroup.value ? "group" : void 0,
 					"aria-labelledby": isGroup.value ? (0, vue.unref)(labelId) : void 0
-				}, [(0, vue.createVNode)((0, vue.unref)(form_label_wrap_default), {
-					"is-auto-width": labelStyle.value.width === "auto",
-					"update-all": (0, vue.unref)(formContext)?.labelWidth === "auto"
+				}, [!!(__props.label || _ctx.$slots.label) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(labelFor.value ? "label" : "div"), {
+					key: 0,
+					id: (0, vue.unref)(labelId),
+					for: labelFor.value,
+					class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("label"))
 				}, {
-					default: (0, vue.withCtx)(() => [!!(__props.label || _ctx.$slots.label) ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(labelFor.value ? "label" : "div"), {
-						key: 0,
-						id: (0, vue.unref)(labelId),
-						for: labelFor.value,
-						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("label")),
-						style: (0, vue.normalizeStyle)(labelStyle.value)
-					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "label", { label: currentLabel.value }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(currentLabel.value), 1)])]),
-						_: 3
-					}, 8, [
-						"id",
-						"for",
-						"class",
-						"style"
-					])) : (0, vue.createCommentVNode)("v-if", true)]),
+					default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "label", { label: currentLabel.value }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(currentLabel.value), 1)])]),
 					_: 3
-				}, 8, ["is-auto-width", "update-all"]), (0, vue.createElementVNode)("div", {
-					class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("content")),
-					style: (0, vue.normalizeStyle)(contentStyle.value)
-				}, [(0, vue.renderSlot)(_ctx.$slots, "default"), (0, vue.createVNode)(vue.TransitionGroup, { name: `${(0, vue.unref)(ns).namespace.value}-zoom-in-top` }, {
+				}, 8, [
+					"id",
+					"for",
+					"class"
+				])) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("content")) }, [(0, vue.renderSlot)(_ctx.$slots, "default"), (0, vue.createVNode)(vue.TransitionGroup, { name: `${(0, vue.unref)(ns).namespace.value}-zoom-in-top` }, {
 					default: (0, vue.withCtx)(() => [shouldShowError.value ? (0, vue.renderSlot)(_ctx.$slots, "error", {
 						key: 0,
 						error: validateMessage.value
 					}, () => [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)(validateClasses.value) }, (0, vue.toDisplayString)(validateMessage.value), 3)]) : (0, vue.createCommentVNode)("v-if", true)]),
 					_: 3
-				}, 8, ["name"])], 6)], 10, _hoisted_1$78);
+				}, 8, ["name"])], 2)], 10, _hoisted_1$78);
 			};
 		}
 	});
@@ -16114,8 +15951,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const thumb = (0, vue.ref)();
 			const thumbState = (0, vue.ref)({});
 			const visible = (0, vue.ref)(false);
-			let cursorDown = false;
-			let cursorLeave = false;
+			let activePointerId = null;
+			let dragging = false;
 			let baseScrollHeight = 0;
 			let baseScrollWidth = 0;
 			let originalOnSelectStart = isClient ? document.onselectstart : null;
@@ -16126,14 +15963,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				move: props.move,
 				bar: bar.value
 			}));
-			const getClientOffset = (event) => {
-				if ("touches" in event) {
-					const touch = event.touches[0] ?? event.changedTouches[0];
-					if (!touch) return void 0;
-					return touch[bar.value.client];
-				}
-				return event[bar.value.client];
-			};
 			const clearHideTimer = () => {
 				if (!hideTimer) return;
 				clearTimeout(hideTimer);
@@ -16141,12 +15970,11 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			};
 			const showScrollbar = () => {
 				clearHideTimer();
-				cursorLeave = false;
 				visible.value = !!props.size;
 			};
 			const queueHideScrollbar = () => {
 				clearHideTimer();
-				if (props.always || cursorDown) return;
+				if (props.always || dragging) return;
 				hideTimer = setTimeout(() => {
 					visible.value = false;
 				}, HIDE_DELAY);
@@ -16154,95 +15982,61 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			const offsetRatio = (0, vue.computed)(() => instance.value[bar.value.offset] ** 2 / scrollbar.wrapElement[bar.value.scrollSize] / props.ratio / thumb.value[bar.value.offset]);
 			const clickThumbHandler = (e) => {
 				e.stopPropagation();
-				if (e.ctrlKey || [1, 2].includes(e.button)) return;
+				if (e.pointerType === "mouse" && (e.ctrlKey || [1, 2].includes(e.button))) return;
 				window.getSelection()?.removeAllRanges();
 				startDrag(e);
 				const el = e.currentTarget;
 				if (!el) return;
 				thumbState.value[bar.value.axis] = el[bar.value.offset] - (e[bar.value.client] - el.getBoundingClientRect()[bar.value.direction]);
 			};
-			const clickThumbTouchHandler = (e) => {
-				const clientOffset = getClientOffset(e);
-				const el = e.currentTarget;
-				if (!el || clientOffset === void 0) return;
-				startDrag(e);
-				thumbState.value[bar.value.axis] = el[bar.value.offset] - (clientOffset - el.getBoundingClientRect()[bar.value.direction]);
-			};
 			const clickTrackHandler = (e) => {
 				if (!thumb.value || !instance.value || !scrollbar.wrapElement) return;
 				const thumbPositionPercentage = (Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) - thumb.value[bar.value.offset] / 2) * 100 * offsetRatio.value / instance.value[bar.value.offset];
 				scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
-			};
-			const clickTrackTouchHandler = (e) => {
-				if (!thumb.value || !instance.value || !scrollbar.wrapElement) return;
-				const clientOffset = getClientOffset(e);
-				if (clientOffset === void 0) return;
-				const thumbPositionPercentage = (Math.abs(e.currentTarget.getBoundingClientRect()[bar.value.direction] - clientOffset) - thumb.value[bar.value.offset] / 2) * 100 * offsetRatio.value / instance.value[bar.value.offset];
-				scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * scrollbar.wrapElement[bar.value.scrollSize] / 100;
 				showScrollbar();
 				queueHideScrollbar();
 			};
 			const startDrag = (e) => {
 				e.stopImmediatePropagation();
-				if ("touches" in e) e.preventDefault();
-				cursorDown = true;
+				e.preventDefault();
+				activePointerId = e.pointerId;
+				dragging = true;
 				showScrollbar();
 				baseScrollHeight = scrollbar.wrapElement.scrollHeight;
 				baseScrollWidth = scrollbar.wrapElement.scrollWidth;
-				document.addEventListener("mousemove", mouseMoveDocumentHandler);
-				document.addEventListener("mouseup", mouseUpDocumentHandler);
-				document.addEventListener("touchmove", touchMoveDocumentHandler, { passive: false });
-				document.addEventListener("touchend", touchEndDocumentHandler);
-				document.addEventListener("touchcancel", touchEndDocumentHandler);
+				document.addEventListener("pointermove", pointerMoveDocumentHandler);
+				document.addEventListener("pointerup", pointerUpDocumentHandler);
+				document.addEventListener("pointercancel", pointerUpDocumentHandler);
 				originalOnSelectStart = document.onselectstart;
 				document.onselectstart = () => false;
 			};
 			const updateScrollPosition = (clientOffset) => {
 				if (!instance.value || !thumb.value) return;
-				if (cursorDown === false) return;
+				if (dragging === false) return;
 				const prevPage = thumbState.value[bar.value.axis];
 				if (!prevPage) return;
 				const thumbPositionPercentage = ((instance.value.getBoundingClientRect()[bar.value.direction] - clientOffset) * -1 - (thumb.value[bar.value.offset] - prevPage)) * 100 * offsetRatio.value / instance.value[bar.value.offset];
 				if (bar.value.scroll === "scrollLeft") scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollWidth / 100;
 				else scrollbar.wrapElement[bar.value.scroll] = thumbPositionPercentage * baseScrollHeight / 100;
 			};
-			const mouseMoveDocumentHandler = (e) => {
+			const pointerMoveDocumentHandler = (e) => {
+				if (activePointerId !== null && e.pointerId !== activePointerId) return;
 				updateScrollPosition(e[bar.value.client]);
 			};
-			const touchMoveDocumentHandler = (e) => {
-				const clientOffset = getClientOffset(e);
-				if (clientOffset === void 0) return;
-				e.preventDefault();
-				updateScrollPosition(clientOffset);
-			};
 			const endDrag = () => {
-				cursorDown = false;
+				dragging = false;
+				activePointerId = null;
 				thumbState.value[bar.value.axis] = 0;
-				document.removeEventListener("mousemove", mouseMoveDocumentHandler);
-				document.removeEventListener("mouseup", mouseUpDocumentHandler);
-				document.removeEventListener("touchmove", touchMoveDocumentHandler);
-				document.removeEventListener("touchend", touchEndDocumentHandler);
-				document.removeEventListener("touchcancel", touchEndDocumentHandler);
+				document.removeEventListener("pointermove", pointerMoveDocumentHandler);
+				document.removeEventListener("pointerup", pointerUpDocumentHandler);
+				document.removeEventListener("pointercancel", pointerUpDocumentHandler);
 				restoreOnselectstart();
-				if (cursorLeave) queueHideScrollbar();
-			};
-			const mouseUpDocumentHandler = () => {
-				endDrag();
+				queueHideScrollbar();
 			};
-			const touchEndDocumentHandler = () => {
+			const pointerUpDocumentHandler = (e) => {
+				if (activePointerId !== null && e.pointerId !== activePointerId) return;
 				endDrag();
 			};
-			const mouseMoveScrollbarHandler = () => {
-				showScrollbar();
-			};
-			const mouseLeaveScrollbarHandler = () => {
-				cursorLeave = true;
-				if (cursorDown) {
-					visible.value = true;
-					return;
-				}
-				queueHideScrollbar();
-			};
 			const scrollHandler = () => {
 				showScrollbar();
 				queueHideScrollbar();
@@ -16250,20 +16044,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			(0, vue.onBeforeUnmount)(() => {
 				clearHideTimer();
 				restoreOnselectstart();
-				document.removeEventListener("mouseup", mouseUpDocumentHandler);
-				document.removeEventListener("mousemove", mouseMoveDocumentHandler);
-				document.removeEventListener("touchmove", touchMoveDocumentHandler);
-				document.removeEventListener("touchend", touchEndDocumentHandler);
-				document.removeEventListener("touchcancel", touchEndDocumentHandler);
+				document.removeEventListener("pointermove", pointerMoveDocumentHandler);
+				document.removeEventListener("pointerup", pointerUpDocumentHandler);
+				document.removeEventListener("pointercancel", pointerUpDocumentHandler);
 			});
 			const restoreOnselectstart = () => {
 				if (document.onselectstart !== originalOnSelectStart) document.onselectstart = originalOnSelectStart;
 			};
-			useEventListener((0, vue.toRef)(scrollbar, "scrollbarElement"), "mousemove", mouseMoveScrollbarHandler);
-			useEventListener((0, vue.toRef)(scrollbar, "scrollbarElement"), "mouseleave", mouseLeaveScrollbarHandler);
 			useEventListener((0, vue.toRef)(scrollbar, "wrapElement"), "scroll", scrollHandler);
-			useEventListener((0, vue.toRef)(scrollbar, "scrollbarElement"), "touchstart", showScrollbar);
-			useEventListener((0, vue.toRef)(scrollbar, "scrollbarElement"), "touchend", queueHideScrollbar);
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
 					name: (0, vue.unref)(ns).b("fade"),
@@ -16273,16 +16061,14 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 						ref_key: "instance",
 						ref: instance,
 						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("bar"), (0, vue.unref)(ns).is(bar.value.key)]),
-						onMousedown: clickTrackHandler,
-						onTouchstart: (0, vue.withModifiers)(clickTrackTouchHandler, ["prevent"]),
+						onPointerdown: clickTrackHandler,
 						onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(() => {}, ["stop"]))
 					}, [(0, vue.createElementVNode)("div", {
 						ref_key: "thumb",
 						ref: thumb,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("thumb")),
 						style: (0, vue.normalizeStyle)(thumbStyle.value),
-						onMousedown: clickThumbHandler,
-						onTouchstart: (0, vue.withModifiers)(clickThumbTouchHandler, ["stop", "prevent"])
+						onPointerdown: (0, vue.withModifiers)(clickThumbHandler, ["stop"])
 					}, null, 38)], 34), [[vue.vShow, __props.always || visible.value]])]),
 					_: 1
 				}, 8, ["name"]);
@@ -16572,7 +16358,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 //#region ../../packages/components/autocomplete/src/autocomplete.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$74 = ["aria-expanded", "aria-owns"];
 	const _hoisted_2$41 = { key: 0 };
-	const _hoisted_3$18 = [
+	const _hoisted_3$19 = [
 		"id",
 		"aria-selected",
 		"onClick"
@@ -16882,7 +16668,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 									role: "option",
 									"aria-selected": highlightedIndex.value === index,
 									onClick: ($event) => handleSelect(item)
-								}, [(0, vue.renderSlot)(_ctx.$slots, "default", { item }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item[__props.valueKey]), 1)])], 10, _hoisted_3$18);
+								}, [(0, vue.renderSlot)(_ctx.$slots, "default", { item }, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(item[__props.valueKey]), 1)])], 10, _hoisted_3$19);
 							}), 128))]),
 							_: 3
 						}, 8, [
@@ -18711,6 +18497,9 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 	function darken(color, amount = 20) {
 		return color.mix("#141414", amount).toString();
 	}
+	function mixCssColor(color, mixWith, amount) {
+		return `color-mix(in srgb, ${color} ${100 - amount}%, ${mixWith})`;
+	}
 	function useButtonCustomStyle(props) {
 		const _disabled = useFormDisabled();
 		const ns = useNamespace("button");
@@ -18719,7 +18508,51 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 			let buttonColor = props.color;
 			if (buttonColor) {
 				const match = buttonColor.match(/var\((.*?)\)/);
-				if (match) buttonColor = window.getComputedStyle(window.document.documentElement).getPropertyValue(match[1]);
+				if (match) {
+					const cssVarColor = `var(${match[1].trim()})`;
+					if (!isClient) {
+						const activeBgColor = props.dark ? mixCssColor(cssVarColor, "white", 20) : mixCssColor(cssVarColor, "black", 20);
+						if (props.plain) {
+							styles = ns.cssVarBlock({
+								"bg-color": props.dark ? mixCssColor(cssVarColor, "black", 90) : mixCssColor(cssVarColor, "white", 90),
+								"text-color": cssVarColor,
+								"border-color": props.dark ? mixCssColor(cssVarColor, "black", 50) : mixCssColor(cssVarColor, "white", 50),
+								"hover-text-color": `var(${ns.cssVarName("color-white")})`,
+								"hover-bg-color": cssVarColor,
+								"hover-border-color": cssVarColor,
+								"active-bg-color": activeBgColor,
+								"active-text-color": `var(${ns.cssVarName("color-white")})`,
+								"active-border-color": activeBgColor
+							});
+							if (_disabled.value) {
+								styles[ns.cssVarBlockName("disabled-bg-color")] = props.dark ? mixCssColor(cssVarColor, "black", 90) : mixCssColor(cssVarColor, "white", 90);
+								styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? mixCssColor(cssVarColor, "black", 50) : mixCssColor(cssVarColor, "white", 50);
+								styles[ns.cssVarBlockName("disabled-border-color")] = props.dark ? mixCssColor(cssVarColor, "black", 80) : mixCssColor(cssVarColor, "white", 80);
+							}
+						} else {
+							const hoverBgColor = props.dark ? mixCssColor(cssVarColor, "black", 30) : mixCssColor(cssVarColor, "white", 30);
+							const textColor = `var(${ns.cssVarName("color-white")})`;
+							styles = ns.cssVarBlock({
+								"bg-color": cssVarColor,
+								"text-color": textColor,
+								"border-color": cssVarColor,
+								"hover-bg-color": hoverBgColor,
+								"hover-text-color": textColor,
+								"hover-border-color": hoverBgColor,
+								"active-bg-color": activeBgColor,
+								"active-border-color": activeBgColor
+							});
+							if (_disabled.value) {
+								const disabledButtonColor = props.dark ? mixCssColor(cssVarColor, "black", 50) : mixCssColor(cssVarColor, "white", 50);
+								styles[ns.cssVarBlockName("disabled-bg-color")] = disabledButtonColor;
+								styles[ns.cssVarBlockName("disabled-text-color")] = props.dark ? "rgba(255, 255, 255, 0.5)" : `var(${ns.cssVarName("color-white")})`;
+								styles[ns.cssVarBlockName("disabled-border-color")] = disabledButtonColor;
+							}
+						}
+						return styles;
+					}
+					buttonColor = window.getComputedStyle(window.document.documentElement).getPropertyValue(match[1]).trim() || cssVarColor;
+				}
 				const color = new TinyColor(buttonColor);
 				const activeBgColor = props.dark ? color.tint(20).toString() : darken(color, 20);
 				if (props.plain) {
@@ -18848,7 +18681,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 		direction: {
 			type: definePropType(String),
 			values: ["horizontal", "vertical"],
-			default: "horizontal"
+			default: "vertical"
 		}
 	};
 
@@ -19614,7 +19447,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			type: Array,
 			default: () => []
 		},
-		arrowControl: Boolean,
 		tabindex: {
 			type: definePropType([String, Number]),
 			default: 0
@@ -20115,7 +19947,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				}, _ctx.$attrs, {
 					role: "dialog",
 					teleported: "",
-					transition: `${(0, vue.unref)(nsDate).namespace.value}-zoom-in-top`,
+					"show-arrow": false,
+					transition: `${(0, vue.unref)(nsDate).namespace.value}-fade-in-linear`,
 					"popper-class": [`${(0, vue.unref)(nsDate).namespace.value}-picker__popper`, _ctx.popperClass],
 					"popper-style": _ctx.popperStyle,
 					"popper-options": (0, vue.unref)(elPopperOptions),
@@ -20258,7 +20091,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 						"onFocus",
 						"onBlur"
 					]))]),
-					content: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default", {
+					content: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(nsDate).be("editor", "sheet")) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(nsDate).be("editor", "sheet-handle")) }, null, 2), (0, vue.renderSlot)(_ctx.$slots, "default", {
 						visible: (0, vue.unref)(pickerVisible),
 						actualVisible: (0, vue.unref)(pickerActualVisible),
 						parsedValue: (0, vue.unref)(parsedValue),
@@ -20279,7 +20112,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 						onClear,
 						onPanelChange: _cache[4] || (_cache[4] = (...args) => (0, vue.unref)(onPanelChange) && (0, vue.unref)(onPanelChange)(...args)),
 						onMousedown: _cache[5] || (_cache[5] = (0, vue.withModifiers)(() => {}, ["stop"]))
-					})]),
+					})], 2)]),
 					_: 3
 				}, 16, [
 					"visible",
@@ -21420,7 +21253,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			const commonPicker = (0, vue.ref)();
 			const [type, Panel] = props.isRange ? ["timerange", panel_time_range_default] : ["time", panel_time_pick_default];
 			const modelUpdater = (value) => ctx.emit(UPDATE_MODEL_EVENT, value);
-			(0, vue.provide)(PICKER_POPPER_OPTIONS_INJECTION_KEY, props.popperOptions);
 			ctx.expose({
 				focus: () => {
 					commonPicker.value?.focus();
@@ -22166,26 +21998,10 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		componentName: "ElSelectDropdown",
 		setup() {
 			const select = (0, vue.inject)(selectKey);
-			const ns = useNamespace("select");
-			const popperClass = (0, vue.computed)(() => select.props.popperClass);
-			const isMultiple = (0, vue.computed)(() => select.props.multiple);
-			const isFitInputWidth = (0, vue.computed)(() => select.props.fitInputWidth);
-			const minWidth = (0, vue.ref)("");
-			function updateMinWidth() {
-				const offsetWidth = select.selectRef?.offsetWidth;
-				if (offsetWidth) minWidth.value = `${offsetWidth - BORDER_HORIZONTAL_WIDTH}px`;
-				else minWidth.value = "";
-			}
-			(0, vue.onMounted)(() => {
-				updateMinWidth();
-				useResizeObserver(select.selectRef, updateMinWidth);
-			});
 			return {
-				ns,
-				minWidth,
-				popperClass,
-				isMultiple,
-				isFitInputWidth
+				ns: useNamespace("select"),
+				popperClass: (0, vue.computed)(() => select.props.popperClass),
+				isMultiple: (0, vue.computed)(() => select.props.multiple)
 			};
 		}
 	});
@@ -22193,14 +22009,11 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 //#endregion
 //#region ../../packages/components/select/src/select-dropdown.vue
 	function _sfc_render$19(_ctx, _cache, $props, $setup, $data, $options) {
-		return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-			class: (0, vue.normalizeClass)([
-				_ctx.ns.b("dropdown"),
-				_ctx.ns.is("multiple", _ctx.isMultiple),
-				_ctx.popperClass
-			]),
-			style: (0, vue.normalizeStyle)({ [_ctx.isFitInputWidth ? "width" : "minWidth"]: _ctx.minWidth })
-		}, [
+		return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)([
+			_ctx.ns.b("dropdown"),
+			_ctx.ns.is("multiple", _ctx.isMultiple),
+			_ctx.popperClass
+		]) }, [
 			_ctx.$slots.header ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 				key: 0,
 				class: (0, vue.normalizeClass)(_ctx.ns.be("dropdown", "header"))
@@ -22210,7 +22023,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				key: 1,
 				class: (0, vue.normalizeClass)(_ctx.ns.be("dropdown", "footer"))
 			}, [(0, vue.renderSlot)(_ctx.$slots, "footer")], 2)) : (0, vue.createCommentVNode)("v-if", true)
-		], 6);
+		], 2);
 	}
 	var select_dropdown_default$1 = /* @__PURE__ */ _plugin_vue_export_helper_default(select_dropdown_vue_vue_type_script_lang_default, [["render", _sfc_render$19]]);
 
@@ -22253,17 +22066,14 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		const debouncing = (0, vue.ref)(false);
 		const mobileSelection = (0, vue.ref)([]);
 		const mobileSelectionCommitted = (0, vue.ref)(false);
-		const { width: viewportWidth } = useWindowSize({ initialWidth: Number.POSITIVE_INFINITY });
 		const { form, formItem } = useFormItem();
 		const { inputId } = useFormItemInputId(props, { formItemContext: formItem });
 		const { valueOnClear, isEmptyValue } = useEmptyValues(props);
 		const { isComposing, handleCompositionStart, handleCompositionUpdate, handleCompositionEnd } = useComposition({ afterComposition: (e) => onInput(e) });
 		const selectDisabled = useFormDisabled();
-		const isMobile = (0, vue.computed)(() => props.mobile || viewportWidth.value < 768);
-		const showMobileFooter = (0, vue.computed)(() => props.multiple && isMobile.value);
-		const resolvedTeleported = (0, vue.computed)(() => props.teleported || isMobile.value);
+		const showMobileFooter = (0, vue.computed)(() => props.multiple && expanded.value);
 		const selectionModelValue = (0, vue.computed)(() => {
-			return props.multiple && isMobile.value && expanded.value ? mobileSelection.value : props.modelValue;
+			return props.multiple && expanded.value ? mobileSelection.value : props.modelValue;
 		});
 		const mobileCancelText = (0, vue.computed)(() => t("el.datepicker.cancel"));
 		const mobileConfirmText = (0, vue.computed)(() => t("el.datepicker.confirm"));
@@ -22299,7 +22109,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		const validateState = (0, vue.computed)(() => formItem?.validateState || "");
 		const validateIcon = (0, vue.computed)(() => validateState.value && ValidateComponentsMap[validateState.value]);
 		const debounce = (0, vue.computed)(() => props.remote ? props.debounce : 0);
-		const useMobileDraft = (0, vue.computed)(() => props.multiple && isMobile.value && expanded.value);
+		const useMobileDraft = (0, vue.computed)(() => props.multiple && expanded.value);
 		const isRemoteSearchEmpty = (0, vue.computed)(() => props.remote && !states.inputValue && states.options.size === 0);
 		const emptyText = (0, vue.computed)(() => {
 			if (props.loading) return props.loadingText || t("el.select.loading");
@@ -22356,7 +22166,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		});
 		const mouseEnterEventName = (0, vue.computed)(() => isIOS ? null : "mouseenter");
 		(0, vue.watch)(() => props.modelValue, (val, oldVal) => {
-			if (props.multiple && isMobile.value && expanded.value) syncMobileSelection();
+			if (props.multiple && expanded.value) syncMobileSelection();
 			if (props.multiple) {
 				if (props.filterable && !props.reserveKeyword) {
 					states.inputValue = "";
@@ -22372,7 +22182,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		(0, vue.watch)(() => expanded.value, (val) => {
 			if (val) {
 				mobileSelectionCommitted.value = false;
-				if (showMobileFooter.value) {
+				if (props.multiple) {
 					syncMobileSelection();
 					setSelected();
 				}
@@ -22382,7 +22192,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				states.previousQuery = null;
 				states.isBeforeHide = true;
 				states.menuVisibleOnFocus = false;
-				if (showMobileFooter.value) {
+				if (props.multiple) {
 					if (!mobileSelectionCommitted.value) syncMobileSelection();
 					mobileSelectionCommitted.value = false;
 					setSelected();
@@ -22548,7 +22358,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			focus();
 		};
 		const handleOptionSelect = (option) => {
-			if (useMobileDraft.value) {
+			if (props.multiple) {
 				const value = mobileSelection.value.slice();
 				const optionIndex = getValueIndex(value, option);
 				if (optionIndex > -1) value.splice(optionIndex, 1);
@@ -22560,15 +22370,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 				(0, vue.nextTick)(() => {
 					scrollToOption(option);
 				});
-			} else if (props.multiple) {
-				const value = castArray$1(props.modelValue ?? []).slice();
-				const optionIndex = getValueIndex(value, option);
-				if (optionIndex > -1) value.splice(optionIndex, 1);
-				else if (props.multipleLimit <= 0 || value.length < props.multipleLimit) value.push(option.value);
-				emit(UPDATE_MODEL_EVENT, value);
-				emitChange(value);
-				if (option.created) handleQueryChange("");
-				if (props.filterable && (option.created || !props.reserveKeyword)) states.inputValue = "";
 			} else {
 				!isEqual$1(props.modelValue, option.value) && emit(UPDATE_MODEL_EVENT, option.value);
 				emitChange(option.value);
@@ -22581,7 +22382,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			});
 		};
 		const confirmMobileSelection = () => {
-			if (!showMobileFooter.value) return;
+			if (!props.multiple) return;
 			const value = mobileSelection.value.slice();
 			mobileSelectionCommitted.value = true;
 			emit(UPDATE_MODEL_EVENT, value);
@@ -22590,7 +22391,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			focus();
 		};
 		const cancelMobileSelection = () => {
-			if (!showMobileFooter.value) return;
+			if (!props.multiple) return;
 			mobileSelectionCommitted.value = false;
 			syncMobileSelection();
 			setSelected();
@@ -22649,7 +22450,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			deleteSelected(event);
 		};
 		const handleClickOutside = (event) => {
-			if (showMobileFooter.value && expanded.value) {
+			if (props.multiple && expanded.value) {
 				mobileSelectionCommitted.value = false;
 				syncMobileSelection();
 				setSelected();
@@ -22661,7 +22462,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			}
 		};
 		const handleEsc = () => {
-			if (showMobileFooter.value && expanded.value && states.inputValue.length === 0) {
+			if (props.multiple && expanded.value && states.inputValue.length === 0) {
 				mobileSelectionCommitted.value = false;
 				syncMobileSelection();
 				setSelected();
@@ -22848,8 +22649,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			collapseTagSize,
 			setSelected,
 			selectDisabled,
-			isMobile,
-			resolvedTeleported,
 			selectionModelValue,
 			showMobileFooter,
 			mobileCancelText,
@@ -22963,10 +22762,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			default: ""
 		},
 		popperStyle: { type: definePropType([String, Object]) },
-		popperOptions: {
-			type: definePropType(Object),
-			default: () => ({})
-		},
 		remote: Boolean,
 		debounce: {
 			type: Number,
@@ -23002,8 +22797,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			type: Number,
 			default: 1
 		},
-		teleported: useTooltipContentProps.teleported,
-		mobile: Boolean,
 		persistent: {
 			type: Boolean,
 			default: true
@@ -23012,7 +22805,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			type: iconPropType,
 			default: CircleClose
 		},
-		fitInputWidth: Boolean,
 		suffixIcon: {
 			type: iconPropType,
 			default: ArrowDown
@@ -23030,33 +22822,10 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			default: true
 		},
 		remoteShowSuffix: Boolean,
-		showArrow: {
-			type: Boolean,
-			default: true
-		},
-		offset: {
-			type: Number,
-			default: 12
-		},
-		placement: {
-			type: definePropType(String),
-			values: Ee,
-			default: "bottom-start"
-		},
-		fallbackPlacements: {
-			type: definePropType(Array),
-			default: [
-				"bottom-start",
-				"top-start",
-				"right",
-				"left"
-			]
-		},
 		tabindex: {
 			type: [String, Number],
 			default: 0
 		},
-		appendTo: useTooltipContentProps.appendTo,
 		options: { type: definePropType(Array) },
 		props: {
 			type: definePropType(Object),
@@ -23296,7 +23065,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		"aria-label"
 	];
 	const _hoisted_2$36 = ["textContent"];
-	const _hoisted_3$17 = { key: 1 };
+	const _hoisted_3$18 = { key: 1 };
 	function _sfc_render$17(_ctx, _cache, $props, $setup, $data, $options) {
 		const _component_el_tag = (0, vue.resolveComponent)("el-tag");
 		const _component_el_tooltip = (0, vue.resolveComponent)("el-tooltip");
@@ -23311,34 +23080,21 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		const _directive_click_outside = (0, vue.resolveDirective)("click-outside");
 		return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", (0, vue.mergeProps)({
 			ref: "selectRef",
-			class: [
-				_ctx.nsSelect.b(),
-				_ctx.nsSelect.m(_ctx.selectSize),
-				_ctx.nsSelect.is("mobile", _ctx.isMobile)
-			]
+			class: [_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]
 		}, { [(0, vue.toHandlerKey)(_ctx.mouseEnterEventName)]: _cache[12] || (_cache[12] = ($event) => _ctx.states.inputHovering = true) }, { onMouseleave: _cache[13] || (_cache[13] = ($event) => _ctx.states.inputHovering = false) }), [(0, vue.createVNode)(_component_el_tooltip, {
 			ref: "tooltipRef",
 			visible: _ctx.dropdownMenuVisible,
-			placement: _ctx.placement,
-			teleported: _ctx.resolvedTeleported,
-			"popper-class": [
-				_ctx.nsSelect.e("popper"),
-				_ctx.popperClass,
-				_ctx.nsSelect.is("mobile", _ctx.isMobile)
-			],
+			teleported: true,
+			"popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
 			"popper-style": _ctx.popperStyle,
-			"popper-options": _ctx.popperOptions,
-			"fallback-placements": _ctx.fallbackPlacements,
 			effect: _ctx.effect,
 			pure: "",
 			trigger: "click",
-			transition: _ctx.isMobile ? `${_ctx.nsSelect.namespace.value}-fade-in-linear` : `${_ctx.nsSelect.namespace.value}-zoom-in-top`,
+			transition: `${_ctx.nsSelect.namespace.value}-fade-in-linear`,
 			"stop-popper-mouse-event": false,
 			"gpu-acceleration": false,
 			persistent: _ctx.persistent,
-			"append-to": _ctx.appendTo,
-			"show-arrow": _ctx.showArrow,
-			offset: _ctx.offset,
+			"show-arrow": false,
 			onBeforeShow: _ctx.handleMenuEnter,
 			onHide: _cache[11] || (_cache[11] = ($event) => _ctx.states.isBeforeHide = false)
 		}, {
@@ -23398,24 +23154,14 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 						key: 0,
 						ref: "tagTooltipRef",
 						disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
-						"fallback-placements": _ctx.tagTooltip?.fallbackPlacements ?? [
-							"bottom",
-							"top",
-							"right",
-							"left"
-						],
+						trigger: "click",
 						effect: _ctx.tagTooltip?.effect ?? _ctx.effect,
-						placement: _ctx.tagTooltip?.placement ?? "bottom",
 						"popper-class": _ctx.tagTooltip?.popperClass ?? _ctx.popperClass,
 						"popper-style": _ctx.tagTooltip?.popperStyle ?? _ctx.popperStyle,
-						teleported: _ctx.tagTooltip?.teleported ?? _ctx.resolvedTeleported,
-						"append-to": _ctx.tagTooltip?.appendTo ?? _ctx.appendTo,
-						"popper-options": _ctx.tagTooltip?.popperOptions ?? _ctx.popperOptions,
 						transition: _ctx.tagTooltip?.transition,
 						"show-after": _ctx.tagTooltip?.showAfter,
 						"hide-after": _ctx.tagTooltip?.hideAfter,
-						"auto-close": _ctx.tagTooltip?.autoClose,
-						offset: _ctx.tagTooltip?.offset
+						"auto-close": _ctx.tagTooltip?.autoClose
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
 							ref: "collapseItemRef",
@@ -23469,19 +23215,13 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 						_: 3
 					}, 8, [
 						"disabled",
-						"fallback-placements",
 						"effect",
-						"placement",
 						"popper-class",
 						"popper-style",
-						"teleported",
-						"append-to",
-						"popper-options",
 						"transition",
 						"show-after",
 						"hide-after",
-						"auto-close",
-						"offset"
+						"auto-close"
 					])) : (0, vue.createCommentVNode)("v-if", true)]) : (0, vue.createCommentVNode)("v-if", true),
 					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([
 						_ctx.nsSelect.e("selected-item"),
@@ -23533,7 +23273,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 						index: _ctx.getOption(_ctx.modelValue).index,
 						label: _ctx.currentPlaceholder,
 						value: _ctx.modelValue
-					}, () => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(_ctx.currentPlaceholder), 1)]) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$17, (0, vue.toDisplayString)(_ctx.currentPlaceholder), 1))], 2)) : (0, vue.createCommentVNode)("v-if", true)
+					}, () => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(_ctx.currentPlaceholder), 1)]) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$18, (0, vue.toDisplayString)(_ctx.currentPlaceholder), 1))], 2)) : (0, vue.createCommentVNode)("v-if", true)
 				], 2),
 				(0, vue.createElementVNode)("div", {
 					ref: "suffixRef",
@@ -23657,18 +23397,11 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			_: 3
 		}, 8, [
 			"visible",
-			"placement",
-			"teleported",
 			"popper-class",
 			"popper-style",
-			"popper-options",
-			"fallback-placements",
 			"effect",
 			"transition",
 			"persistent",
-			"append-to",
-			"show-arrow",
-			"offset",
 			"onBeforeShow"
 		])], 16)), [[
 			_directive_click_outside,
@@ -24255,9 +23988,9 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 //#region ../../packages/components/carousel/src/carousel.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$64 = ["aria-label"];
 	const _hoisted_2$35 = ["aria-label"];
-	const _hoisted_3$16 = ["onMouseenter", "onClick"];
-	const _hoisted_4$12 = ["aria-label"];
-	const _hoisted_5$9 = { key: 0 };
+	const _hoisted_3$17 = ["onMouseenter", "onClick"];
+	const _hoisted_4$13 = ["aria-label"];
+	const _hoisted_5$10 = { key: 0 };
 	const _hoisted_6$4 = {
 		key: 2,
 		xmlns: "http://www.w3.org/2000/svg",
@@ -24371,7 +24104,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 							}, [(0, vue.createElementVNode)("button", {
 								class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("button")),
 								"aria-label": (0, vue.unref)(t)("el.carousel.indicator", { index: index + 1 })
-							}, [(0, vue.unref)(hasLabel) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$9, (0, vue.toDisplayString)(item.props.label), 1)) : (0, vue.createCommentVNode)("v-if", true)], 10, _hoisted_4$12)], 42, _hoisted_3$16)), [[vue.vShow, (0, vue.unref)(isTwoLengthShow)(index)]]);
+							}, [(0, vue.unref)(hasLabel) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$10, (0, vue.toDisplayString)(item.props.label), 1)) : (0, vue.createCommentVNode)("v-if", true)], 10, _hoisted_4$13)], 42, _hoisted_3$17)), [[vue.vShow, (0, vue.unref)(isTwoLengthShow)(index)]]);
 						}), 128))], 2)) : (0, vue.createCommentVNode)("v-if", true)]),
 						_: 1
 					}),
@@ -26112,6 +25845,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			const initialLoaded = (0, vue.ref)(true);
 			const initialLoadedOnce = (0, vue.ref)(false);
 			const menuList = (0, vue.ref)([]);
+			const panelRef = (0, vue.ref)();
 			const checkedValue = (0, vue.ref)();
 			const menus = (0, vue.ref)([]);
 			const expandingNode = (0, vue.ref)();
@@ -26251,6 +25985,11 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 					}
 				});
 			};
+			(0, vue.watch)(() => menus.value.length, async (length, previousLength = 0) => {
+				if (!isClient || !panelRef.value || length <= 1 || length <= previousLength) return;
+				await (0, vue.nextTick)();
+				panelRef.value.scrollLeft = panelRef.value.scrollWidth;
+			});
 			const handleKeyDown = (e) => {
 				const target = e.target;
 				const code = getEventCode(e);
@@ -26325,6 +26064,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					ref_key: "panelRef",
+					ref: panelRef,
 					class: (0, vue.normalizeClass)([(0, vue.unref)(ns).b("panel"), (0, vue.unref)(ns).is("bordered", __props.border)]),
 					onKeydown: handleKeyDown
 				}, [((0, vue.openBlock)(true), (0, vue.createElementBlock)(vue.Fragment, null, (0, vue.renderList)(menus.value, (menu, index) => {
@@ -26397,28 +26138,21 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			type: definePropType(Function),
 			default: () => true
 		},
-		placement: {
-			type: definePropType(String),
-			values: Ee,
-			default: "bottom-start"
-		},
-		fallbackPlacements: {
-			type: definePropType(Array),
-			default: [
-				"bottom-start",
-				"bottom",
-				"top-start",
-				"top",
-				"right",
-				"left"
-			]
+		popperClass: {
+			type: definePropType([
+				String,
+				Array,
+				Object
+			]),
+			default: ""
 		},
-		popperClass: useTooltipContentProps.popperClass,
-		popperStyle: useTooltipContentProps.popperStyle,
-		teleported: useTooltipContentProps.teleported,
-		effect: {
-			type: definePropType(String),
-			default: "light"
+		popperStyle: {
+			type: definePropType([
+				String,
+				Array,
+				Object
+			]),
+			default: void 0
 		},
 		tagType: {
 			...tagProps.type,
@@ -26470,22 +26204,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		props: cascaderProps,
 		emits: cascaderEmits,
 		setup(__props, { expose: __expose, emit: __emit }) {
-			const popperOptions = { modifiers: [{
-				name: "arrowPosition",
-				enabled: true,
-				phase: "main",
-				fn: ({ state }) => {
-					const { modifiersData, placement } = state;
-					if ([
-						"right",
-						"left",
-						"bottom",
-						"top"
-					].includes(placement)) return;
-					if (modifiersData.arrow) modifiersData.arrow.x = 35;
-				},
-				requires: ["arrow"]
-			}] };
 			const props = __props;
 			const emit = __emit;
 			const attrs = (0, vue.useAttrs)();
@@ -26537,6 +26255,11 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			const tagSize = (0, vue.computed)(() => realSize.value === "small" ? "small" : "default");
 			const multiple = (0, vue.computed)(() => !!props.props.multiple);
 			const readonly = (0, vue.computed)(() => !props.filterable || multiple.value);
+			const panelProps = (0, vue.computed)(() => ({
+				...props.props,
+				expandTrigger: "click",
+				hoverThreshold: 0
+			}));
 			const searchKeyword = (0, vue.computed)(() => multiple.value ? searchInputValue.value : inputValue.value);
 			const checkedNodes = (0, vue.computed)(() => cascaderPanelRef.value?.checkedNodes || []);
 			const { wrapperRef, isFocused, handleBlur } = useFocusController(inputRef, {
@@ -26832,17 +26555,14 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 					ref_key: "tooltipRef",
 					ref: tooltipRef,
 					visible: popperVisible.value,
-					teleported: __props.teleported,
 					"popper-class": [(0, vue.unref)(nsCascader).e("dropdown"), __props.popperClass],
 					"popper-style": __props.popperStyle,
-					"popper-options": popperOptions,
-					"fallback-placements": __props.fallbackPlacements,
 					"stop-popper-mouse-event": false,
 					"gpu-acceleration": false,
-					placement: __props.placement,
-					transition: `${(0, vue.unref)(nsCascader).namespace.value}-zoom-in-top`,
-					effect: __props.effect,
+					"show-arrow": false,
+					transition: `${(0, vue.unref)(nsCascader).namespace.value}-fade-in-linear`,
 					pure: "",
+					teleported: "",
 					persistent: __props.persistent,
 					onHide: hideSuggestionPanel
 				}, {
@@ -26939,16 +26659,10 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 							ref_key: "tagTooltipRef",
 							ref: tagTooltipRef,
 							disabled: popperVisible.value || !__props.collapseTagsTooltip,
-							"fallback-placements": [
-								"bottom",
-								"top",
-								"right",
-								"left"
-							],
-							placement: "bottom",
+							trigger: "click",
 							"popper-class": __props.popperClass,
 							"popper-style": __props.popperStyle,
-							effect: __props.effect,
+							effect: "light",
 							persistent: __props.persistent
 						}, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ElTag), {
@@ -26999,7 +26713,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 							"disabled",
 							"popper-class",
 							"popper-style",
-							"effect",
 							"persistent"
 						])) : (0, vue.createCommentVNode)("v-if", true),
 						__props.filterable && !(0, vue.unref)(isDisabled) ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("input", {
@@ -27032,7 +26745,7 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 							modelValue: checkedValue.value,
 							"onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => checkedValue.value = $event),
 							options: __props.options,
-							props: props.props,
+							props: panelProps.value,
 							border: false,
 							"render-label": _ctx.$slots.default,
 							onExpandChange: handleExpandChange,
@@ -27077,13 +26790,9 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 					_: 3
 				}, 8, [
 					"visible",
-					"teleported",
 					"popper-class",
 					"popper-style",
-					"fallback-placements",
-					"placement",
 					"transition",
-					"effect",
 					"persistent"
 				]);
 			};
@@ -28643,8 +28352,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 			type: [String, Number],
 			default: 0
 		},
-		teleported: useTooltipContentProps.teleported,
-		appendTo: useTooltipContentProps.appendTo,
 		predefine: { type: definePropType(Array) },
 		validateEvent: {
 			type: Boolean,
@@ -28671,7 +28378,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 		clearable: true,
 		popperStyle: void 0,
 		tabindex: 0,
-		teleported: true,
 		validateEvent: true,
 		valueOnClear: void 0
 	};
@@ -28862,13 +28568,6 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 					ref: popper,
 					visible: showPicker.value,
 					"show-arrow": false,
-					"fallback-placements": [
-						"bottom",
-						"top",
-						"right",
-						"left"
-					],
-					offset: 0,
 					"gpu-acceleration": false,
 					"popper-class": [(0, vue.unref)(ns).be("picker", "panel"), __props.popperClass],
 					"popper-style": __props.popperStyle,
@@ -28878,10 +28577,9 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 					role: "dialog",
 					effect: "light",
 					trigger: "click",
-					teleported: __props.teleported,
-					transition: `${(0, vue.unref)(ns).namespace.value}-zoom-in-top`,
+					teleported: "",
+					transition: `${(0, vue.unref)(ns).namespace.value}-fade-in-linear`,
 					persistent: __props.persistent,
-					"append-to": __props.appendTo,
 					onShow: handleShowTooltip,
 					onHide: _cache[2] || (_cache[2] = ($event) => setShowPicker(false))
 				}, {
@@ -28950,10 +28648,8 @@ var import_dayjs_min = /* @__PURE__ */ __toESM(require_dayjs_min());
 					"visible",
 					"popper-class",
 					"popper-style",
-					"teleported",
 					"transition",
-					"persistent",
-					"append-to"
+					"persistent"
 				]);
 			};
 		}
@@ -29832,7 +29528,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$50 = ["aria-label"];
 	const _hoisted_2$32 = ["aria-label"];
-	const _hoisted_3$15 = [
+	const _hoisted_3$16 = [
 		"aria-current",
 		"aria-selected",
 		"tabindex",
@@ -29893,7 +29589,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 							tabindex: _ctx.disabled ? void 0 : (0, vue.unref)(isSelectedCell)(cell) ? 0 : -1,
 							"aria-disabled": _ctx.disabled,
 							onFocus: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleFocus) && (0, vue.unref)(handleFocus)(...args))
-						}, [(0, vue.createVNode)((0, vue.unref)(basic_cell_render_default), { cell }, null, 8, ["cell"])], 42, _hoisted_3$15);
+						}, [(0, vue.createVNode)((0, vue.unref)(basic_cell_render_default), { cell }, null, 8, ["cell"])], 42, _hoisted_3$16);
 					}), 128))], 2);
 				}), 128))], 512)], 42, _hoisted_1$50);
 			};
@@ -30321,9 +30017,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$47 = ["disabled", "onClick"];
 	const _hoisted_2$29 = ["aria-label", "disabled"];
-	const _hoisted_3$14 = ["aria-label", "disabled"];
-	const _hoisted_4$11 = ["tabindex", "aria-disabled"];
-	const _hoisted_5$8 = ["tabindex", "aria-disabled"];
+	const _hoisted_3$15 = ["aria-label", "disabled"];
+	const _hoisted_4$12 = ["tabindex", "aria-disabled"];
+	const _hoisted_5$9 = ["tabindex", "aria-disabled"];
 	const _hoisted_6$3 = ["aria-label", "disabled"];
 	const _hoisted_7$2 = ["aria-label", "disabled"];
 	var panel_date_pick_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -30808,7 +30504,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 							}, [(0, vue.renderSlot)(_ctx.$slots, "prev-month", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ArrowLeft))]),
 								_: 1
-							})])], 10, _hoisted_3$14), [[vue.vShow, currentView.value === "date"]])], 2),
+							})])], 10, _hoisted_3$15), [[vue.vShow, currentView.value === "date"]])], 2),
 							(0, vue.createElementVNode)("span", {
 								role: "button",
 								class: (0, vue.normalizeClass)((0, vue.unref)(dpNs).e("header-label")),
@@ -30817,7 +30513,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 								"aria-disabled": _ctx.disabled,
 								onKeydown: _cache[4] || (_cache[4] = (0, vue.withKeys)(($event) => showPicker("year"), ["enter"])),
 								onClick: _cache[5] || (_cache[5] = ($event) => showPicker("year"))
-							}, (0, vue.toDisplayString)(yearLabel.value), 43, _hoisted_4$11),
+							}, (0, vue.toDisplayString)(yearLabel.value), 43, _hoisted_4$12),
 							(0, vue.withDirectives)((0, vue.createElementVNode)("span", {
 								role: "button",
 								"aria-live": "polite",
@@ -30826,7 +30522,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 								class: (0, vue.normalizeClass)([(0, vue.unref)(dpNs).e("header-label"), { active: currentView.value === "month" }]),
 								onKeydown: _cache[6] || (_cache[6] = (0, vue.withKeys)(($event) => showPicker("month"), ["enter"])),
 								onClick: _cache[7] || (_cache[7] = ($event) => showPicker("month"))
-							}, (0, vue.toDisplayString)((0, vue.unref)(t)(`el.datepicker.month${month.value + 1}`)), 43, _hoisted_5$8), [[vue.vShow, currentView.value === "date"]]),
+							}, (0, vue.toDisplayString)((0, vue.unref)(t)(`el.datepicker.month${month.value + 1}`)), 43, _hoisted_5$9), [[vue.vShow, currentView.value === "date"]]),
 							(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(dpNs).e("next-btn")) }, [(0, vue.withDirectives)((0, vue.createElementVNode)("button", {
 								type: "button",
 								"aria-label": (0, vue.unref)(t)(`el.datepicker.nextMonth`),
@@ -31150,9 +30846,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$46 = ["disabled", "onClick"];
 	const _hoisted_2$28 = ["aria-label", "disabled"];
-	const _hoisted_3$13 = ["aria-label", "disabled"];
-	const _hoisted_4$10 = ["disabled", "aria-label"];
-	const _hoisted_5$7 = ["disabled", "aria-label"];
+	const _hoisted_3$14 = ["aria-label", "disabled"];
+	const _hoisted_4$11 = ["disabled", "aria-label"];
+	const _hoisted_5$8 = ["disabled", "aria-label"];
 	const _hoisted_6$2 = ["tabindex", "aria-disabled"];
 	const _hoisted_7$1 = ["tabindex", "aria-disabled"];
 	const _hoisted_8$1 = ["disabled", "aria-label"];
@@ -31567,7 +31263,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 								}, [(0, vue.renderSlot)(_ctx.$slots, "prev-month", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ArrowLeft))]),
 									_: 1
-								})])], 10, _hoisted_3$13), [[vue.vShow, (0, vue.unref)(leftCurrentView) === "date"]]),
+								})])], 10, _hoisted_3$14), [[vue.vShow, (0, vue.unref)(leftCurrentView) === "date"]]),
 								_ctx.unlinkPanels ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 									key: 0,
 									type: "button",
@@ -31578,7 +31274,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 								}, [(0, vue.renderSlot)(_ctx.$slots, "next-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(DArrowRight))]),
 									_: 1
-								})])], 10, _hoisted_4$10)) : (0, vue.createCommentVNode)("v-if", true),
+								})])], 10, _hoisted_4$11)) : (0, vue.createCommentVNode)("v-if", true),
 								_ctx.unlinkPanels && (0, vue.unref)(leftCurrentView) === "date" ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 									key: 1,
 									type: "button",
@@ -31589,7 +31285,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 								}, [(0, vue.renderSlot)(_ctx.$slots, "next-month", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ArrowRight))]),
 									_: 1
-								})])], 10, _hoisted_5$7)) : (0, vue.createCommentVNode)("v-if", true),
+								})])], 10, _hoisted_5$8)) : (0, vue.createCommentVNode)("v-if", true),
 								(0, vue.createElementVNode)("div", null, [(0, vue.createElementVNode)("span", {
 									role: "button",
 									class: (0, vue.normalizeClass)((0, vue.unref)(drpNs).e("header-label")),
@@ -31879,9 +31575,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/date-picker-panel/src/date-picker-com/panel-month-range.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$45 = ["disabled", "onClick"];
 	const _hoisted_2$27 = ["disabled"];
-	const _hoisted_3$12 = ["disabled"];
-	const _hoisted_4$9 = ["disabled"];
-	const _hoisted_5$6 = ["disabled"];
+	const _hoisted_3$13 = ["disabled"];
+	const _hoisted_4$10 = ["disabled"];
+	const _hoisted_5$7 = ["disabled"];
 	const unit$1 = "year";
 	var panel_month_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "DatePickerMonthRange",
@@ -31993,7 +31689,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						}, [(0, vue.renderSlot)(_ctx.$slots, "next-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(DArrowRight))]),
 							_: 1
-						})])], 10, _hoisted_3$12)) : (0, vue.createCommentVNode)("v-if", true),
+						})])], 10, _hoisted_3$13)) : (0, vue.createCommentVNode)("v-if", true),
 						(0, vue.createElementVNode)("div", null, (0, vue.toDisplayString)((0, vue.unref)(leftLabel)), 1)
 					], 2), (0, vue.createVNode)(basic_month_table_default, {
 						"selection-mode": "range",
@@ -32027,7 +31723,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						}, [(0, vue.renderSlot)(_ctx.$slots, "prev-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(DArrowLeft))]),
 							_: 1
-						})])], 10, _hoisted_4$9)) : (0, vue.createCommentVNode)("v-if", true),
+						})])], 10, _hoisted_4$10)) : (0, vue.createCommentVNode)("v-if", true),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: (0, vue.normalizeClass)([(0, vue.unref)(ppNs).e("icon-btn"), "d-arrow-right"]),
@@ -32036,7 +31732,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						}, [(0, vue.renderSlot)(_ctx.$slots, "next-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(DArrowRight))]),
 							_: 1
-						})])], 10, _hoisted_5$6),
+						})])], 10, _hoisted_5$7),
 						(0, vue.createElementVNode)("div", null, (0, vue.toDisplayString)((0, vue.unref)(rightLabel)), 1)
 					], 2), (0, vue.createVNode)(basic_month_table_default, {
 						"selection-mode": "range",
@@ -32122,9 +31818,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/date-picker-panel/src/date-picker-com/panel-year-range.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$44 = ["disabled", "onClick"];
 	const _hoisted_2$26 = ["disabled"];
-	const _hoisted_3$11 = ["disabled"];
-	const _hoisted_4$8 = ["disabled"];
-	const _hoisted_5$5 = ["disabled"];
+	const _hoisted_3$12 = ["disabled"];
+	const _hoisted_4$9 = ["disabled"];
+	const _hoisted_5$6 = ["disabled"];
 	const step = 10;
 	const unit = "year";
 	var panel_year_range_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -32277,7 +31973,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						}, [(0, vue.renderSlot)(_ctx.$slots, "next-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(DArrowRight))]),
 							_: 1
-						})])], 10, _hoisted_3$11)) : (0, vue.createCommentVNode)("v-if", true),
+						})])], 10, _hoisted_3$12)) : (0, vue.createCommentVNode)("v-if", true),
 						(0, vue.createElementVNode)("div", null, (0, vue.toDisplayString)((0, vue.unref)(leftLabel)), 1)
 					], 2), (0, vue.createVNode)(basic_year_table_default, {
 						"selection-mode": "range",
@@ -32311,7 +32007,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						}, [(0, vue.renderSlot)(_ctx.$slots, "prev-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(DArrowLeft))]),
 							_: 1
-						})])], 10, _hoisted_4$8)) : (0, vue.createCommentVNode)("v-if", true),
+						})])], 10, _hoisted_4$9)) : (0, vue.createCommentVNode)("v-if", true),
 						(0, vue.createElementVNode)("button", {
 							type: "button",
 							class: (0, vue.normalizeClass)(rightPanelKls.value.arrowRightBtn),
@@ -32320,7 +32016,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						}, [(0, vue.renderSlot)(_ctx.$slots, "next-year", {}, () => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
 							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(DArrowRight))]),
 							_: 1
-						})])], 10, _hoisted_5$5),
+						})])], 10, _hoisted_5$6),
 						(0, vue.createElementVNode)("div", null, (0, vue.toDisplayString)((0, vue.unref)(rightLabel)), 1)
 					], 2), (0, vue.createVNode)(basic_year_table_default, {
 						"selection-mode": "range",
@@ -32989,7 +32685,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/dialog/src/dialog-content.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$42 = ["aria-level"];
 	const _hoisted_2$25 = ["aria-label"];
-	const _hoisted_3$10 = ["id"];
+	const _hoisted_3$11 = ["id"];
 	var dialog_content_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ElDialogContent",
 		__name: "dialog-content",
@@ -33048,7 +32744,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					(0, vue.createElementVNode)("div", {
 						id: (0, vue.unref)(bodyId),
 						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("body"), __props.bodyClass])
-					}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_3$10),
+					}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_3$11),
 					_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("footer", {
 						key: 0,
 						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("footer"), __props.footerClass])
@@ -33592,8 +33288,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		"aria-describedby"
 	];
 	const _hoisted_2$24 = ["id", "aria-level"];
-	const _hoisted_3$9 = ["aria-label"];
-	const _hoisted_4$7 = ["id"];
+	const _hoisted_3$10 = ["aria-label"];
+	const _hoisted_4$8 = ["id"];
 	var drawer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ElDrawer",
 		inheritAttrs: false,
@@ -33703,12 +33399,12 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 									}, [(0, vue.createVNode)((0, vue.unref)(ElIcon), { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("close")) }, {
 										default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(Close))]),
 										_: 1
-									}, 8, ["class"])], 10, _hoisted_3$9)) : (0, vue.createCommentVNode)("v-if", true)], 2)) : (0, vue.createCommentVNode)("v-if", true),
+									}, 8, ["class"])], 10, _hoisted_3$10)) : (0, vue.createCommentVNode)("v-if", true)], 2)) : (0, vue.createCommentVNode)("v-if", true),
 									(0, vue.unref)(rendered) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 										key: 1,
 										id: (0, vue.unref)(bodyId),
 										class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("body"), __props.bodyClass])
-									}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_4$7)) : (0, vue.createCommentVNode)("v-if", true),
+									}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 10, _hoisted_4$8)) : (0, vue.createCommentVNode)("v-if", true),
 									_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 										key: 2,
 										class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("footer"), __props.footerClass])
@@ -34779,9 +34475,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		"xmlns:xlink": "http://www.w3.org/1999/xlink"
 	};
 	const _hoisted_2$23 = ["id"];
-	const _hoisted_3$8 = ["stop-color"];
-	const _hoisted_4$6 = ["stop-color"];
-	const _hoisted_5$4 = ["id"];
+	const _hoisted_3$9 = ["stop-color"];
+	const _hoisted_4$7 = ["stop-color"];
+	const _hoisted_5$5 = ["id"];
 	const _hoisted_6$1 = ["stop-color"];
 	const _hoisted_7 = ["stop-color"];
 	const _hoisted_8 = ["id"];
@@ -34822,10 +34518,10 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					}, [(0, vue.createElementVNode)("stop", {
 						"stop-color": `var(${(0, vue.unref)(ns).cssVarBlockName("fill-color-1")})`,
 						offset: "0%"
-					}, null, 8, _hoisted_3$8), (0, vue.createElementVNode)("stop", {
+					}, null, 8, _hoisted_3$9), (0, vue.createElementVNode)("stop", {
 						"stop-color": `var(${(0, vue.unref)(ns).cssVarBlockName("fill-color-4")})`,
 						offset: "100%"
-					}, null, 8, _hoisted_4$6)], 8, _hoisted_2$23),
+					}, null, 8, _hoisted_4$7)], 8, _hoisted_2$23),
 					(0, vue.createElementVNode)("linearGradient", {
 						id: `linearGradient-2-${(0, vue.unref)(id)}`,
 						x1: "0%",
@@ -34838,7 +34534,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					}, null, 8, _hoisted_6$1), (0, vue.createElementVNode)("stop", {
 						"stop-color": `var(${(0, vue.unref)(ns).cssVarBlockName("fill-color-6")})`,
 						offset: "100%"
-					}, null, 8, _hoisted_7)], 8, _hoisted_5$4),
+					}, null, 8, _hoisted_7)], 8, _hoisted_5$5),
 					(0, vue.createElementVNode)("rect", {
 						id: `path-3-${(0, vue.unref)(id)}`,
 						x: "0",
@@ -35700,7 +35396,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			default: void 0
 		},
 		size: useSizeProp,
-		mobile: Boolean,
 		controls: {
 			type: Boolean,
 			default: true
@@ -35767,7 +35462,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				currentValue: props.modelValue,
 				userInput: null
 			});
-			const { form, formItem } = useFormItem();
+			const { formItem } = useFormItem();
 			const minDisabled = (0, vue.computed)(() => isNumber(props.modelValue) && props.modelValue <= props.min);
 			const maxDisabled = (0, vue.computed)(() => isNumber(props.modelValue) && props.modelValue >= props.max);
 			const numPrecision = (0, vue.computed)(() => {
@@ -35780,7 +35475,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			const controlsAtRight = (0, vue.computed)(() => {
 				return props.controls && props.controlsPosition === "right";
 			});
-			const isMobile = (0, vue.computed)(() => props.mobile || !!form?.isMobile);
 			const inputNumberSize = useFormSize();
 			const inputNumberDisabled = useFormDisabled();
 			const displayValue = (0, vue.computed)(() => {
@@ -35959,7 +35653,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					class: (0, vue.normalizeClass)([
 						(0, vue.unref)(ns).b(),
 						(0, vue.unref)(ns).m((0, vue.unref)(inputNumberSize)),
-						(0, vue.unref)(ns).is("mobile", isMobile.value),
 						(0, vue.unref)(ns).is("disabled", (0, vue.unref)(inputNumberDisabled)),
 						(0, vue.unref)(ns).is("without-controls", !__props.controls),
 						(0, vue.unref)(ns).is("controls-right", controlsAtRight.value),
@@ -36731,15 +36424,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			default: void 0
 		},
 		underline: {
-			type: [Boolean, String],
-			values: [
-				true,
-				false,
-				"always",
-				"never",
-				"hover"
-			],
-			default: void 0
+			type: String,
+			values: ["always", "never"],
+			default: "always"
 		},
 		disabled: Boolean,
 		href: {
@@ -36766,24 +36453,15 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			const props = __props;
 			const emit = __emit;
 			const globalConfig = useGlobalConfig("link");
-			useDeprecated({
-				scope: "el-link",
-				from: "The underline option (boolean)",
-				replacement: "'always' | 'hover' | 'never'",
-				version: "3.0.0",
-				ref: "https://element-plus.org/en-US/component/link.html#underline"
-			}, (0, vue.computed)(() => isBoolean(props.underline)));
 			const ns = useNamespace("link");
 			const linkKls = (0, vue.computed)(() => [
 				ns.b(),
 				ns.m(props.type ?? globalConfig.value?.type ?? "default"),
 				ns.is("disabled", props.disabled),
-				ns.is("underline", underline.value === "always"),
-				ns.is("hover-underline", underline.value === "hover" && !props.disabled)
+				ns.is("underline", underline.value === "always")
 			]);
 			const underline = (0, vue.computed)(() => {
-				if (isBoolean(props.underline)) return props.underline ? "hover" : "never";
-				else return props.underline ?? globalConfig.value?.underline ?? "hover";
+				return props.underline ?? globalConfig.value?.underline ?? "always";
 			});
 			function handleClick(event) {
 				if (!props.disabled) emit("click", event);
@@ -38101,13 +37779,13 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		"tabindex"
 	];
 	const _hoisted_2$16 = ["tabindex", "aria-label"];
-	const _hoisted_3$7 = [
+	const _hoisted_3$8 = [
 		"aria-current",
 		"aria-label",
 		"tabindex"
 	];
-	const _hoisted_4$5 = ["tabindex", "aria-label"];
-	const _hoisted_5$3 = [
+	const _hoisted_4$6 = ["tabindex", "aria-label"];
+	const _hoisted_5$4 = [
 		"aria-current",
 		"aria-label",
 		"tabindex"
@@ -38244,7 +37922,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 							"aria-current": _ctx.currentPage === pager,
 							"aria-label": (0, vue.unref)(t)("el.pagination.currentPage", { pager }),
 							tabindex: tabindex.value
-						}, (0, vue.toDisplayString)(pager), 11, _hoisted_3$7);
+						}, (0, vue.toDisplayString)(pager), 11, _hoisted_3$8);
 					}), 128)),
 					showNextMore.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("li", {
 						key: 2,
@@ -38255,14 +37933,14 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						onMouseleave: _cache[5] || (_cache[5] = ($event) => quickNextHover.value = false),
 						onFocus: _cache[6] || (_cache[6] = ($event) => onFocus()),
 						onBlur: _cache[7] || (_cache[7] = ($event) => quickNextFocus.value = false)
-					}, [(quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DArrowRight), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MoreFilled), { key: 1 }))], 42, _hoisted_4$5)) : (0, vue.createCommentVNode)("v-if", true),
+					}, [(quickNextHover.value || quickNextFocus.value) && !_ctx.disabled ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(DArrowRight), { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(MoreFilled), { key: 1 }))], 42, _hoisted_4$6)) : (0, vue.createCommentVNode)("v-if", true),
 					_ctx.pageCount > 1 ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("li", {
 						key: 3,
 						class: (0, vue.normalizeClass)([[(0, vue.unref)(nsPager).is("active", _ctx.currentPage === _ctx.pageCount), (0, vue.unref)(nsPager).is("disabled", _ctx.disabled)], "number"]),
 						"aria-current": _ctx.currentPage === _ctx.pageCount,
 						"aria-label": (0, vue.unref)(t)("el.pagination.currentPage", { pager: _ctx.pageCount }),
 						tabindex: tabindex.value
-					}, (0, vue.toDisplayString)(_ctx.pageCount), 11, _hoisted_5$3)) : (0, vue.createCommentVNode)("v-if", true)
+					}, (0, vue.toDisplayString)(_ctx.pageCount), 11, _hoisted_5$4)) : (0, vue.createCommentVNode)("v-if", true)
 				], 34);
 			};
 		}
@@ -39022,20 +38700,20 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/progress/src/progress.vue?vue&type=script&setup=true&lang.ts
 	const _hoisted_1$24 = ["aria-valuenow"];
 	const _hoisted_2$15 = { viewBox: "0 0 100 100" };
-	const _hoisted_3$6 = [
+	const _hoisted_3$7 = [
 		"d",
 		"stroke",
 		"stroke-linecap",
 		"stroke-width"
 	];
-	const _hoisted_4$4 = [
+	const _hoisted_4$5 = [
 		"d",
 		"stroke",
 		"opacity",
 		"stroke-linecap",
 		"stroke-width"
 	];
-	const _hoisted_5$2 = { key: 0 };
+	const _hoisted_5$3 = { key: 0 };
 	var progress_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ElProgress",
 		__name: "progress",
@@ -39170,7 +38848,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					"stroke-width": relativeStrokeWidth.value,
 					fill: "none",
 					style: (0, vue.normalizeStyle)(trailPathStyle.value)
-				}, null, 14, _hoisted_3$6), (0, vue.createElementVNode)("path", {
+				}, null, 14, _hoisted_3$7), (0, vue.createElementVNode)("path", {
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("circle", "path")),
 					d: trackPath.value,
 					stroke: stroke.value,
@@ -39179,11 +38857,11 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					"stroke-linecap": __props.strokeLinecap,
 					"stroke-width": relativeStrokeWidth.value,
 					style: (0, vue.normalizeStyle)(circlePathStyle.value)
-				}, null, 14, _hoisted_4$4)]))], 6)), (__props.showText || _ctx.$slots.default) && !__props.textInside ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+				}, null, 14, _hoisted_4$5)]))], 6)), (__props.showText || _ctx.$slots.default) && !__props.textInside ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 2,
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("text")),
 					style: (0, vue.normalizeStyle)({ fontSize: `${progressTextSize.value}px` })
-				}, [(0, vue.renderSlot)(_ctx.$slots, "default", { percentage: __props.percentage }, () => [!__props.status ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$2, (0, vue.toDisplayString)(content.value), 1)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), { key: 1 }, {
+				}, [(0, vue.renderSlot)(_ctx.$slots, "default", { percentage: __props.percentage }, () => [!__props.status ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_5$3, (0, vue.toDisplayString)(content.value), 1)) : ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), { key: 1 }, {
 					default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(statusIcon.value)))]),
 					_: 1
 				}))])], 6)) : (0, vue.createCommentVNode)("v-if", true)], 10, _hoisted_1$24);
@@ -41292,18 +40970,12 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			required: true
 		},
 		placeholder: { type: String },
-		teleported: useTooltipContentProps.teleported,
-		mobile: Boolean,
 		persistent: {
 			type: Boolean,
 			default: true
 		},
 		popperClass: useTooltipContentProps.popperClass,
 		popperStyle: useTooltipContentProps.popperStyle,
-		popperOptions: {
-			type: definePropType(Object),
-			default: () => ({})
-		},
 		remote: Boolean,
 		debounce: {
 			type: Number,
@@ -41323,29 +40995,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			type: Boolean,
 			default: true
 		},
-		offset: {
-			type: Number,
-			default: 12
-		},
 		remoteShowSuffix: Boolean,
-		showArrow: {
-			type: Boolean,
-			default: true
-		},
-		placement: {
-			type: definePropType(String),
-			values: Ee,
-			default: "bottom-start"
-		},
-		fallbackPlacements: {
-			type: definePropType(Array),
-			default: [
-				"bottom-start",
-				"top-start",
-				"right",
-				"left"
-			]
-		},
 		tagType: {
 			...tagProps.type,
 			default: "info"
@@ -41358,14 +41008,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			type: [String, Number],
 			default: 0
 		},
-		appendTo: useTooltipContentProps.appendTo,
-		fitInputWidth: {
-			type: [Boolean, Number],
-			default: true,
-			validator(val) {
-				return isBoolean(val) || isNumber(val);
-			}
-		},
 		suffixIcon: {
 			type: iconPropType,
 			default: ArrowDown
@@ -41720,7 +41362,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		const debouncing = (0, vue.ref)(false);
 		const mobileSelection = (0, vue.ref)([]);
 		const mobileSelectionCommitted = (0, vue.ref)(false);
-		const { width: viewportWidth } = useWindowSize({ initialWidth: Number.POSITIVE_INFINITY });
+		const { width: viewportWidth } = useWindowSize({ initialWidth: 375 });
 		const selectRef = (0, vue.ref)();
 		const selectionRef = (0, vue.ref)();
 		const tooltipRef = (0, vue.ref)();
@@ -41733,11 +41375,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		const collapseItemRef = (0, vue.ref)();
 		const { isComposing, handleCompositionStart, handleCompositionEnd, handleCompositionUpdate } = useComposition({ afterComposition: (e) => onInput(e) });
 		const selectDisabled = useFormDisabled();
-		const isMobile = (0, vue.computed)(() => props.mobile || viewportWidth.value < 768);
-		const showMobileFooter = (0, vue.computed)(() => props.multiple && isMobile.value);
-		const resolvedTeleported = (0, vue.computed)(() => props.teleported || isMobile.value);
+		const showMobileFooter = (0, vue.computed)(() => props.multiple && expanded.value);
 		const selectionModelValue = (0, vue.computed)(() => {
-			return props.multiple && isMobile.value && expanded.value ? mobileSelection.value : props.modelValue;
+			return props.multiple && expanded.value ? mobileSelection.value : props.modelValue;
 		});
 		const mobileCancelText = (0, vue.computed)(() => t("el.datepicker.cancel"));
 		const mobileConfirmText = (0, vue.computed)(() => t("el.datepicker.confirm"));
@@ -41787,7 +41427,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			return ValidateComponentsMap[validateState.value];
 		});
 		const debounce = (0, vue.computed)(() => props.remote ? props.debounce : 0);
-		const useMobileDraft = (0, vue.computed)(() => props.multiple && isMobile.value && expanded.value);
+		const useMobileDraft = (0, vue.computed)(() => props.multiple && expanded.value);
 		const isRemoteSearchEmpty = (0, vue.computed)(() => props.remote && !states.inputValue && !hasOptions.value);
 		const emptyText = (0, vue.computed)(() => {
 			if (props.loading) return props.loadingText || t("el.select.loading");
@@ -41845,32 +41485,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		const selectSize = useFormSize();
 		const collapseTagSize = (0, vue.computed)(() => "small" === selectSize.value ? "small" : "default");
 		const calculatePopperSize = () => {
-			if (isMobile.value) {
-				popperSize.value = viewportWidth.value;
-				return;
-			}
-			if (isNumber(props.fitInputWidth)) {
-				popperSize.value = props.fitInputWidth;
-				return;
-			}
-			const width = selectRef.value?.offsetWidth || 200;
-			if (!props.fitInputWidth && hasOptions.value) (0, vue.nextTick)(() => {
-				popperSize.value = Math.max(width, calculateLabelMaxWidth());
-			});
-			else popperSize.value = width;
-		};
-		const calculateLabelMaxWidth = () => {
-			const ctx = document.createElement("canvas").getContext("2d");
-			const selector = nsSelect.be("dropdown", "item");
-			const dropdownItemEl = (menuRef.value?.listRef?.innerRef || document).querySelector(`.${selector}`);
-			if (dropdownItemEl === null || ctx === null) return 0;
-			const style = getComputedStyle(dropdownItemEl);
-			const padding = Number.parseFloat(style.paddingLeft) + Number.parseFloat(style.paddingRight);
-			ctx.font = `bold ${style.font.replace(new RegExp(`\\b${style.fontWeight}\\b`), "")}`;
-			return filteredOptions.value.reduce((max, option) => {
-				const metrics = ctx.measureText(getLabel(option));
-				return Math.max(metrics.width, max);
-			}, 0) + padding;
+			popperSize.value = viewportWidth.value || selectRef.value?.offsetWidth || 375;
 		};
 		const getGapWidth = () => {
 			if (!selectionRef.value) return 0;
@@ -42012,7 +41627,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		};
 		const onSelect = (option) => {
 			const optionValue = getValue(option);
-			if (useMobileDraft.value) {
+			if (props.multiple) {
 				let selectedOptions = mobileSelection.value.slice();
 				const index = getValueIndex(selectedOptions, optionValue);
 				if (index > -1) selectedOptions = [...selectedOptions.slice(0, index), ...selectedOptions.slice(index + 1)];
@@ -42022,21 +41637,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				if (option.created) handleQueryChange("");
 				if (props.filterable && (option.created || !props.reserveKeyword)) states.inputValue = "";
 				focus();
-			} else if (props.multiple) {
-				let selectedOptions = props.modelValue.slice();
-				const index = getValueIndex(selectedOptions, optionValue);
-				if (index > -1) {
-					selectedOptions = [...selectedOptions.slice(0, index), ...selectedOptions.slice(index + 1)];
-					states.cachedOptions.splice(index, 1);
-					removeNewOption(option);
-				} else if (props.multipleLimit <= 0 || selectedOptions.length < props.multipleLimit) {
-					selectedOptions = [...selectedOptions, optionValue];
-					states.cachedOptions.push(option);
-					selectNewOption(option);
-				}
-				update(selectedOptions);
-				if (option.created) handleQueryChange("");
-				if (props.filterable && (option.created || !props.reserveKeyword)) states.inputValue = "";
 			} else {
 				states.selectedLabel = getLabel(option);
 				!isEqual$1(props.modelValue, optionValue) && update(optionValue);
@@ -42047,7 +41647,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			focus();
 		};
 		const confirmMobileSelection = () => {
-			if (!showMobileFooter.value) return;
+			if (!props.multiple) return;
 			const value = mobileSelection.value.slice();
 			mobileSelectionCommitted.value = true;
 			update(value);
@@ -42055,7 +41655,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			focus();
 		};
 		const cancelMobileSelection = () => {
-			if (!showMobileFooter.value) return;
+			if (!props.multiple) return;
 			mobileSelectionCommitted.value = false;
 			syncMobileSelection();
 			states.cachedOptions = mobileSelection.value.map((value) => getOption(value, states.cachedOptions));
@@ -42087,6 +41687,13 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			inputRef.value?.blur();
 		};
 		const handleEsc = () => {
+			if (props.multiple && expanded.value && states.inputValue.length === 0) {
+				mobileSelectionCommitted.value = false;
+				syncMobileSelection();
+				states.cachedOptions = mobileSelection.value.map((value) => getOption(value, states.cachedOptions));
+				expanded.value = false;
+				return;
+			}
 			if (states.inputValue.length > 0) states.inputValue = "";
 			else expanded.value = false;
 		};
@@ -42167,7 +41774,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			} else return onInputChange();
 		};
 		const handleClickOutside = (event) => {
-			if (showMobileFooter.value && expanded.value) {
+			if (props.multiple && expanded.value) {
 				mobileSelectionCommitted.value = false;
 				syncMobileSelection();
 				states.cachedOptions = mobileSelection.value.map((value) => getOption(value, states.cachedOptions));
@@ -42226,13 +41833,10 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			clearAllNewOption();
 			calculatePopperSize();
 		};
-		(0, vue.watch)(() => props.fitInputWidth, () => {
-			calculatePopperSize();
-		});
 		(0, vue.watch)(expanded, (val) => {
 			if (val) {
 				mobileSelectionCommitted.value = false;
-				if (showMobileFooter.value) {
+				if (props.multiple) {
 					syncMobileSelection();
 					states.cachedOptions = mobileSelection.value.map((value) => getOption(value, states.cachedOptions));
 				}
@@ -42244,7 +41848,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				states.isBeforeHide = true;
 				states.menuVisibleOnFocus = false;
 				createNewOption("");
-				if (showMobileFooter.value) {
+				if (props.multiple) {
 					if (!mobileSelectionCommitted.value) syncMobileSelection();
 					mobileSelectionCommitted.value = false;
 					states.cachedOptions = mobileSelection.value.map((value) => getOption(value, states.cachedOptions));
@@ -42253,7 +41857,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		});
 		(0, vue.watch)(() => props.modelValue, (val, oldVal) => {
 			const isValEmpty = !val || isArray$1(val) && val.length === 0;
-			if (props.multiple && isMobile.value && expanded.value) syncMobileSelection();
+			if (props.multiple && expanded.value) syncMobileSelection();
 			if (isValEmpty || props.multiple && !isEqual$1(val.toString(), states.previousValue) || !props.multiple && getValueKey(val) !== getValueKey(states.previousValue)) initStates(true);
 			if (!isEqual$1(val, oldVal) && props.validateEvent) elFormItem?.validate?.("change").catch((err) => /* @__PURE__ */ debugWarn(err));
 		}, { deep: true });
@@ -42315,8 +41919,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			filteredOptions,
 			iconComponent,
 			iconReverse,
-			isMobile,
-			resolvedTeleported,
 			selectionModelValue,
 			showMobileFooter,
 			mobileCancelText,
@@ -42459,7 +42061,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		"name"
 	];
 	const _hoisted_2$13 = ["textContent"];
-	const _hoisted_3$5 = { key: 1 };
+	const _hoisted_3$6 = { key: 1 };
 	function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
 		const _component_el_tag = (0, vue.resolveComponent)("el-tag");
 		const _component_el_tooltip = (0, vue.resolveComponent)("el-tooltip");
@@ -42470,36 +42072,23 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		const _directive_click_outside = (0, vue.resolveDirective)("click-outside");
 		return (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 			ref: "selectRef",
-			class: (0, vue.normalizeClass)([
-				_ctx.nsSelect.b(),
-				_ctx.nsSelect.m(_ctx.selectSize),
-				_ctx.nsSelect.is("mobile", _ctx.isMobile)
-			]),
+			class: (0, vue.normalizeClass)([_ctx.nsSelect.b(), _ctx.nsSelect.m(_ctx.selectSize)]),
 			onMouseenter: _cache[16] || (_cache[16] = ($event) => _ctx.states.inputHovering = true),
 			onMouseleave: _cache[17] || (_cache[17] = ($event) => _ctx.states.inputHovering = false)
 		}, [(0, vue.createVNode)(_component_el_tooltip, {
 			ref: "tooltipRef",
 			visible: _ctx.dropdownMenuVisible,
-			teleported: _ctx.resolvedTeleported,
-			"popper-class": [
-				_ctx.nsSelect.e("popper"),
-				_ctx.popperClass,
-				_ctx.nsSelect.is("mobile", _ctx.isMobile)
-			],
+			teleported: true,
+			"popper-class": [_ctx.nsSelect.e("popper"), _ctx.popperClass],
 			"popper-style": _ctx.popperStyle,
 			"gpu-acceleration": false,
 			"stop-popper-mouse-event": false,
-			"popper-options": _ctx.popperOptions,
-			"fallback-placements": _ctx.fallbackPlacements,
 			effect: _ctx.effect,
-			placement: _ctx.placement,
 			pure: "",
-			transition: _ctx.isMobile ? `${_ctx.nsSelect.namespace.value}-fade-in-linear` : `${_ctx.nsSelect.namespace.value}-zoom-in-top`,
+			transition: `${_ctx.nsSelect.namespace.value}-fade-in-linear`,
 			trigger: "click",
 			persistent: _ctx.persistent,
-			"append-to": _ctx.appendTo,
-			"show-arrow": _ctx.showArrow,
-			offset: _ctx.offset,
+			"show-arrow": false,
 			onBeforeShow: _ctx.handleMenuEnter,
 			onHide: _cache[15] || (_cache[15] = ($event) => _ctx.states.isBeforeHide = false)
 		}, {
@@ -42559,24 +42148,14 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						key: 0,
 						ref: "tagTooltipRef",
 						disabled: _ctx.dropdownMenuVisible || !_ctx.collapseTagsTooltip,
-						"fallback-placements": _ctx.tagTooltip?.fallbackPlacements ?? [
-							"bottom",
-							"top",
-							"right",
-							"left"
-						],
+						trigger: "click",
 						effect: _ctx.tagTooltip?.effect ?? _ctx.effect,
-						placement: _ctx.tagTooltip?.placement ?? "bottom",
 						"popper-class": _ctx.tagTooltip?.popperClass ?? _ctx.popperClass,
 						"popper-style": _ctx.tagTooltip?.popperStyle ?? _ctx.popperStyle,
-						teleported: _ctx.tagTooltip?.teleported ?? _ctx.resolvedTeleported,
-						"append-to": _ctx.tagTooltip?.appendTo ?? _ctx.appendTo,
-						"popper-options": _ctx.tagTooltip?.popperOptions ?? _ctx.popperOptions,
 						transition: _ctx.tagTooltip?.transition,
 						"show-after": _ctx.tagTooltip?.showAfter,
 						"hide-after": _ctx.tagTooltip?.hideAfter,
-						"auto-close": _ctx.tagTooltip?.autoClose,
-						offset: _ctx.tagTooltip?.offset
+						"auto-close": _ctx.tagTooltip?.autoClose
 					}, {
 						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
 							ref: "collapseItemRef",
@@ -42630,19 +42209,13 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						_: 3
 					}, 8, [
 						"disabled",
-						"fallback-placements",
 						"effect",
-						"placement",
 						"popper-class",
 						"popper-style",
-						"teleported",
-						"append-to",
-						"popper-options",
 						"transition",
 						"show-after",
 						"hide-after",
-						"auto-close",
-						"offset"
+						"auto-close"
 					])) : (0, vue.createCommentVNode)("v-if", true)]) : (0, vue.createCommentVNode)("v-if", true),
 					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([
 						_ctx.nsSelect.e("selected-item"),
@@ -42701,7 +42274,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						index: _ctx.allOptionsValueMap.get(_ctx.modelValue)?.index ?? -1,
 						label: _ctx.currentPlaceholder,
 						value: _ctx.modelValue
-					}, () => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(_ctx.currentPlaceholder), 1)]) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$5, (0, vue.toDisplayString)(_ctx.currentPlaceholder), 1))], 2)) : (0, vue.createCommentVNode)("v-if", true)
+					}, () => [(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(_ctx.currentPlaceholder), 1)]) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$6, (0, vue.toDisplayString)(_ctx.currentPlaceholder), 1))], 2)) : (0, vue.createCommentVNode)("v-if", true)
 				], 2),
 				(0, vue.createElementVNode)("div", {
 					ref: "suffixRef",
@@ -42805,18 +42378,11 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			_: 3
 		}, 8, [
 			"visible",
-			"teleported",
 			"popper-class",
 			"popper-style",
-			"popper-options",
-			"fallback-placements",
 			"effect",
-			"placement",
 			"transition",
 			"persistent",
-			"append-to",
-			"show-arrow",
-			"offset",
 			"onBeforeShow"
 		])], 34)), [[
 			_directive_click_outside,
@@ -43914,12 +43480,13 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			ns.m(props.direction),
 			props.class
 		]);
+		const resolvedAlignment = (0, vue.computed)(() => props.alignment ?? (props.direction === "vertical" ? "stretch" : "center"));
 		const horizontalSize = (0, vue.ref)(0);
 		const verticalSize = (0, vue.ref)(0);
 		const containerStyle = (0, vue.computed)(() => {
 			return [
-				props.wrap || props.fill ? { flexWrap: "wrap" } : {},
-				{ alignItems: props.alignment },
+				props.direction === "horizontal" && (props.wrap || props.fill) ? { flexWrap: "wrap" } : {},
+				{ alignItems: resolvedAlignment.value },
 				{
 					rowGap: pxToRem(verticalSize.value),
 					columnGap: pxToRem(horizontalSize.value)
@@ -43928,10 +43495,12 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			];
 		});
 		const itemStyle = (0, vue.computed)(() => {
-			return props.fill ? {
+			if (!props.fill) return {};
+			if (props.direction === "horizontal") return {
 				flexGrow: 1,
 				minWidth: `${props.fillRatio}%`
-			} : {};
+			};
+			return { width: "100%" };
 		});
 		(0, vue.watchEffect)(() => {
 			const { size = "small", wrap, direction: dir, fill } = props;
@@ -43966,7 +43535,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		direction: {
 			type: String,
 			values: ["horizontal", "vertical"],
-			default: "horizontal"
+			default: "vertical"
 		},
 		class: {
 			type: definePropType([
@@ -43984,10 +43553,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			]),
 			default: ""
 		},
-		alignment: {
-			type: definePropType(String),
-			default: "center"
-		},
+		alignment: { type: definePropType(String) },
 		prefixCls: { type: String },
 		spacer: {
 			type: definePropType([
@@ -44644,9 +44210,9 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		"tabindex"
 	];
 	const _hoisted_2$11 = ["aria-hidden"];
-	const _hoisted_3$4 = { key: 1 };
-	const _hoisted_4$3 = { key: 1 };
-	const _hoisted_5$1 = ["aria-hidden"];
+	const _hoisted_3$5 = { key: 1 };
+	const _hoisted_4$4 = { key: 1 };
+	const _hoisted_5$2 = ["aria-hidden"];
 	const COMPONENT_NAME$6 = "ElSwitch";
 	var switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: COMPONENT_NAME$6,
@@ -44778,13 +44344,13 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					}, [(0, vue.renderSlot)(_ctx.$slots, "inactive", {}, () => [__props.inactiveIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), { key: 0 }, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)(icon_content_default, { icon: __props.inactiveIcon }, null, 8, ["icon"])]),
 						_: 1
-					})) : (0, vue.createCommentVNode)("v-if", true), !__props.inactiveIcon && __props.inactiveText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$4, (0, vue.toDisplayString)(__props.inactiveText), 1)) : (0, vue.createCommentVNode)("v-if", true)])], 2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					})) : (0, vue.createCommentVNode)("v-if", true), !__props.inactiveIcon && __props.inactiveText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3$5, (0, vue.toDisplayString)(__props.inactiveText), 1)) : (0, vue.createCommentVNode)("v-if", true)])], 2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 						key: 1,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("inner-wrapper"))
 					}, [(0, vue.renderSlot)(_ctx.$slots, "active", {}, () => [__props.activeIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), { key: 0 }, {
 						default: (0, vue.withCtx)(() => [(0, vue.createVNode)(icon_content_default, { icon: __props.activeIcon }, null, 8, ["icon"])]),
 						_: 1
-					})) : (0, vue.createCommentVNode)("v-if", true), !__props.activeIcon && __props.activeText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$3, (0, vue.toDisplayString)(__props.activeText), 1)) : (0, vue.createCommentVNode)("v-if", true)])], 2))], 2)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("action")) }, [__props.loading ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
+					})) : (0, vue.createCommentVNode)("v-if", true), !__props.activeIcon && __props.activeText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4$4, (0, vue.toDisplayString)(__props.activeText), 1)) : (0, vue.createCommentVNode)("v-if", true)])], 2))], 2)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("action")) }, [__props.loading ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
 						key: 0,
 						class: (0, vue.normalizeClass)((0, vue.unref)(ns).is("loading"))
 					}, {
@@ -44806,7 +44372,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					})) : (0, vue.createCommentVNode)("v-if", true), !__props.activeIcon && __props.activeText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
 						key: 1,
 						"aria-hidden": !checked.value
-					}, (0, vue.toDisplayString)(__props.activeText), 9, _hoisted_5$1)) : (0, vue.createCommentVNode)("v-if", true)])], 2)) : (0, vue.createCommentVNode)("v-if", true)
+					}, (0, vue.toDisplayString)(__props.activeText), 9, _hoisted_5$2)) : (0, vue.createCommentVNode)("v-if", true)])], 2)) : (0, vue.createCommentVNode)("v-if", true)
 				], 2);
 			};
 		}
@@ -46333,12 +45899,12 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 //#region ../../packages/components/table/src/filter-panel.vue
 	const _hoisted_1$17 = ["disabled"];
 	const _hoisted_2$10 = ["tabindex", "aria-checked"];
-	const _hoisted_3$3 = [
+	const _hoisted_3$4 = [
 		"tabindex",
 		"aria-checked",
 		"onClick"
 	];
-	const _hoisted_4$2 = ["aria-label"];
+	const _hoisted_4$3 = ["aria-label"];
 	function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
 		const _component_el_checkbox = (0, vue.resolveComponent)("el-checkbox");
 		const _component_el_checkbox_group = (0, vue.resolveComponent)("el-checkbox-group");
@@ -46416,7 +45982,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					tabindex: _ctx.checkedIndex === idx + 1 ? 0 : -1,
 					"aria-checked": _ctx.isActive(filter),
 					onClick: ($event) => _ctx.handleSelect(filter.value, idx + 1)
-				}, (0, vue.toDisplayString)(filter.text), 11, _hoisted_3$3);
+				}, (0, vue.toDisplayString)(filter.text), 11, _hoisted_3$4);
 			}), 128))], 34))]),
 			default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("button", {
 				type: "button",
@@ -46425,7 +45991,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			}, [(0, vue.createVNode)(_component_el_icon, null, {
 				default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "filter-icon", {}, () => [_ctx.column?.filterOpened ? ((0, vue.openBlock)(), (0, vue.createBlock)(_component_arrow_up, { key: 0 })) : ((0, vue.openBlock)(), (0, vue.createBlock)(_component_arrow_down, { key: 1 }))])]),
 				_: 3
-			})], 10, _hoisted_4$2)]),
+			})], 10, _hoisted_4$3)]),
 			_: 3
 		}, 8, [
 			"placement",
@@ -51348,10 +50914,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			type: Boolean,
 			default: true
 		},
-		effect: {
-			type: definePropType(String),
-			default: "light"
-		},
 		clearable: {
 			type: Boolean,
 			default: true
@@ -51524,7 +51086,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					clearable: __props.clearable,
 					"clear-icon": __props.clearIcon,
 					size: __props.size,
-					effect: __props.effect,
 					placeholder: __props.placeholder,
 					"default-first-option": "",
 					filterable: __props.editable,
@@ -51565,7 +51126,6 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					"clearable",
 					"clear-icon",
 					"size",
-					"effect",
 					"placeholder",
 					"filterable",
 					"empty-values",
@@ -51967,6 +51527,49 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		};
 	};
 
+//#endregion
+//#region ../../packages/components/transfer/src/composables/use-tab.ts
+	const PANEL_INDEX = {
+		left: 0,
+		right: 1
+	};
+	const useTab = () => {
+		const activePanel = (0, vue.ref)("left");
+		const panelsRef = (0, vue.ref)();
+		const indicatorStyle = (0, vue.computed)(() => ({ transform: `translateX(${PANEL_INDEX[activePanel.value] * 100}%)` }));
+		const syncActivePanel = () => {
+			const panels = panelsRef.value;
+			if (!panels) return;
+			const width = panels.clientWidth || panels.offsetWidth;
+			if (!width) return;
+			activePanel.value = panels.scrollLeft >= width / 2 ? "right" : "left";
+		};
+		const scrollToPanel = async (panel, behavior = "smooth") => {
+			activePanel.value = panel;
+			await (0, vue.nextTick)();
+			const panels = panelsRef.value;
+			if (!panels) return;
+			const width = panels.clientWidth || panels.offsetWidth;
+			if (!width) return;
+			const left = width * PANEL_INDEX[panel];
+			if (typeof panels.scrollTo === "function") {
+				panels.scrollTo({
+					left,
+					behavior
+				});
+				return;
+			}
+			panels.scrollLeft = left;
+		};
+		return {
+			activePanel,
+			indicatorStyle,
+			panelsRef,
+			scrollToPanel,
+			syncActivePanel
+		};
+	};
+
 //#endregion
 //#region ../../packages/components/transfer/src/transfer-panel.vue?vue&type=script&setup=true&lang.ts
 	var transfer_panel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
@@ -52033,75 +51636,50 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				checkChangeByUser: true
 			});
 			const propsAlias = usePropsAlias(props);
-			const { filteredData, checkedSummary, isIndeterminate, handleAllCheckedChange } = useCheck$1(props, panelState, emit);
+			const { filteredData, checkableData, checkedSummary, isIndeterminate, 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 hasFooter = (0, vue.computed)(() => {
+				return (slots.default?.() || []).some((node) => node.type !== vue.Comment);
+			});
 			const { checked, allChecked, query } = (0, vue.toRefs)(panelState);
-			__expose({ query });
+			__expose({
+				query,
+				checked,
+				allChecked,
+				checkedSummary,
+				isIndeterminate,
+				checkableData,
+				filteredData,
+				handleAllCheckedChange
+			});
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).b("panel")) }, [
-					(0, vue.createElementVNode)("p", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "header")) }, [(0, vue.createVNode)((0, vue.unref)(ElCheckbox), {
-						modelValue: (0, vue.unref)(allChecked),
-						"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => (0, vue.isRef)(allChecked) ? allChecked.value = $event : null),
-						indeterminate: (0, vue.unref)(isIndeterminate),
-						"validate-event": false,
-						onChange: (0, vue.unref)(handleAllCheckedChange)
-					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "header-title")) }, (0, vue.toDisplayString)(__props.title), 3), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "header-count")) }, (0, vue.toDisplayString)((0, vue.unref)(checkedSummary)), 3)]),
-						_: 1
-					}, 8, [
-						"modelValue",
-						"indeterminate",
-						"onChange"
-					])], 2),
-					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("panel", "body"), (0, vue.unref)(ns).is("with-footer", hasFooter.value)]) }, [
-						__props.filterable ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElInput), {
-							key: 0,
-							modelValue: (0, vue.unref)(query),
-							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => (0, vue.isRef)(query) ? query.value = $event : null),
-							class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "filter")),
-							size: "default",
-							placeholder: __props.placeholder,
-							"prefix-icon": (0, vue.unref)(Search),
-							clearable: "",
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).b("panel")) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).be("panel", "body"), (0, vue.unref)(ns).is("with-footer", hasFooter.value)]) }, [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(ElCheckboxGroup), {
+					modelValue: (0, vue.unref)(checked),
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => (0, vue.isRef)(checked) ? checked.value = $event : null),
+					"validate-event": false,
+					class: (0, vue.normalizeClass)((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) => {
+						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")),
+							value: item[(0, vue.unref)(propsAlias).key],
+							disabled: item[(0, vue.unref)(propsAlias).disabled],
 							"validate-event": false
-						}, null, 8, [
-							"modelValue",
-							"class",
-							"placeholder",
-							"prefix-icon"
-						])) : (0, vue.createCommentVNode)("v-if", true),
-						(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(ElCheckboxGroup), {
-							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) => {
-								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")),
-									value: item[(0, vue.unref)(propsAlias).key],
-									disabled: item[(0, vue.unref)(propsAlias).disabled],
-									"validate-event": false
-								}, {
-									default: (0, vue.withCtx)(() => [(0, vue.createVNode)(OptionContent, { option: __props.optionRender?.(item) }, null, 8, ["option"])]),
-									_: 2
-								}, 1032, [
-									"class",
-									"value",
-									"disabled"
-								]);
-							}), 128))]),
-							_: 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)]])
-					], 2),
-					hasFooter.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("p", {
-						key: 0,
-						class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "footer"))
-					}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2)) : (0, vue.createCommentVNode)("v-if", true)
-				], 2);
+							default: (0, vue.withCtx)(() => [(0, vue.createVNode)(OptionContent, { option: __props.optionRender?.(item) }, null, 8, ["option"])]),
+							_: 2
+						}, 1032, [
+							"class",
+							"value",
+							"disabled"
+						]);
+					}), 128))]),
+					_: 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)]])], 2), hasFooter.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					key: 0,
+					class: (0, vue.normalizeClass)((0, vue.unref)(ns).be("panel", "footer"))
+				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 2)) : (0, vue.createCommentVNode)("v-if", true)], 2);
 			};
 		}
 	});
@@ -52112,8 +51690,11 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 
 //#endregion
 //#region ../../packages/components/transfer/src/transfer.vue?vue&type=script&setup=true&lang.ts
-	const _hoisted_1$13 = { key: 0 };
-	const _hoisted_2$8 = { key: 0 };
+	const _hoisted_1$13 = ["data-active-panel"];
+	const _hoisted_2$8 = ["aria-selected"];
+	const _hoisted_3$3 = ["aria-selected"];
+	const _hoisted_4$2 = ["aria-hidden"];
+	const _hoisted_5$1 = ["aria-hidden"];
 	var transfer_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
 		name: "ElTransfer",
 		__name: "transfer",
@@ -52207,6 +51788,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			const { addToLeft, addToRight } = useMove(props, checkedState, emit);
 			const leftPanel = (0, vue.ref)();
 			const rightPanel = (0, vue.ref)();
+			const { activePanel, indicatorStyle, panelsRef, scrollToPanel, syncActivePanel } = useTab();
 			const clearQuery = (which) => {
 				switch (which) {
 					case "left":
@@ -52217,10 +51799,51 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						break;
 				}
 			};
-			const hasButtonTexts = (0, vue.computed)(() => props.buttonTexts.length === 2);
 			const leftPanelTitle = (0, vue.computed)(() => props.titles[0] || t("el.transfer.titles.0"));
 			const rightPanelTitle = (0, vue.computed)(() => props.titles[1] || t("el.transfer.titles.1"));
 			const panelFilterPlaceholder = (0, vue.computed)(() => props.filterPlaceholder || t("el.transfer.filterPlaceholder"));
+			const currentPanelTitle = (0, vue.computed)(() => activePanel.value === "left" ? leftPanelTitle.value : rightPanelTitle.value);
+			const formatCheckedSummary = (format, checkedLength, dataLength) => {
+				const { noChecked, hasChecked } = format;
+				if (noChecked && hasChecked) return checkedLength > 0 ? hasChecked.replace(/\${checked}/g, checkedLength.toString()).replace(/\${total}/g, dataLength.toString()) : noChecked.replace(/\${total}/g, dataLength.toString());
+				return `${checkedLength}/${dataLength}`;
+			};
+			const leftCheckedSummary = (0, vue.computed)(() => formatCheckedSummary(props.format, checkedState.leftChecked.length, sourceData.value.length));
+			const rightCheckedSummary = (0, vue.computed)(() => formatCheckedSummary(props.format, checkedState.rightChecked.length, targetData.value.length));
+			const currentChecked = (0, vue.computed)(() => activePanel.value === "left" ? checkedState.leftChecked : checkedState.rightChecked);
+			const currentCheckedSummary = (0, vue.computed)(() => activePanel.value === "left" ? leftCheckedSummary.value : rightCheckedSummary.value);
+			const currentPanelRef = (0, vue.computed)(() => activePanel.value === "left" ? leftPanel.value : rightPanel.value);
+			const currentQuery = (0, vue.computed)({
+				get: () => currentPanelRef.value?.query || "",
+				set: (value) => {
+					if (currentPanelRef.value) currentPanelRef.value.query = value;
+				}
+			});
+			const currentHasCheckableData = (0, vue.computed)(() => Boolean(currentPanelRef.value?.checkableData.length));
+			const currentAllChecked = (0, vue.computed)(() => currentPanelRef.value?.allChecked ?? false);
+			const currentIsIndeterminate = (0, vue.computed)(() => currentPanelRef.value?.isIndeterminate ?? false);
+			const currentHasChecked = (0, vue.computed)(() => currentChecked.value.length > 0);
+			const currentMoveButtonText = (0, vue.computed)(() => {
+				if (activePanel.value === "left") return props.buttonTexts[1] || rightPanelTitle.value;
+				return props.buttonTexts[0] || leftPanelTitle.value;
+			});
+			const switchPanel = (panel) => {
+				scrollToPanel(panel);
+			};
+			const handleCurrentAllCheckedChange = (value) => {
+				currentPanelRef.value?.handleAllCheckedChange(value);
+			};
+			const moveCurrentChecked = async () => {
+				if (activePanel.value === "left") {
+					addToRight();
+					await (0, vue.nextTick)();
+					switchPanel("right");
+					return;
+				}
+				addToLeft();
+				await (0, vue.nextTick)();
+				switchPanel("left");
+			};
 			(0, vue.watch)(() => props.modelValue, () => {
 				if (props.validateEvent) formItem?.validate?.("change").catch((err) => /* @__PURE__ */ debugWarn(err));
 			});
@@ -52236,15 +51859,87 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				rightPanel
 			});
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).b()) }, [
-					(0, vue.createVNode)(transfer_panel_default, {
+				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					class: (0, vue.normalizeClass)((0, vue.unref)(ns).b()),
+					"data-active-panel": (0, vue.unref)(activePanel)
+				}, [
+					(0, vue.createElementVNode)("div", {
+						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("tabs")),
+						role: "tablist"
+					}, [
+						(0, vue.createElementVNode)("button", {
+							type: "button",
+							role: "tab",
+							class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("tab"), (0, vue.unref)(ns).is("active", (0, vue.unref)(activePanel) === "left")]),
+							"aria-selected": (0, vue.unref)(activePanel) === "left",
+							onClick: _cache[0] || (_cache[0] = ($event) => switchPanel("left"))
+						}, [
+							(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("tab-title")) }, (0, vue.toDisplayString)(leftPanelTitle.value), 3),
+							(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("tab-count")) }, (0, vue.toDisplayString)((0, vue.unref)(sourceData).length), 3),
+							(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("tab-summary")) }, (0, vue.toDisplayString)(leftCheckedSummary.value), 3)
+						], 10, _hoisted_2$8),
+						(0, vue.createElementVNode)("button", {
+							type: "button",
+							role: "tab",
+							class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("tab"), (0, vue.unref)(ns).is("active", (0, vue.unref)(activePanel) === "right")]),
+							"aria-selected": (0, vue.unref)(activePanel) === "right",
+							onClick: _cache[1] || (_cache[1] = ($event) => switchPanel("right"))
+						}, [
+							(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("tab-title")) }, (0, vue.toDisplayString)(rightPanelTitle.value), 3),
+							(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("tab-count")) }, (0, vue.toDisplayString)((0, vue.unref)(targetData).length), 3),
+							(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("tab-summary")) }, (0, vue.toDisplayString)(rightCheckedSummary.value), 3)
+						], 10, _hoisted_3$3),
+						(0, vue.createElementVNode)("div", {
+							class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("tab-indicator")),
+							style: (0, vue.normalizeStyle)((0, vue.unref)(indicatorStyle))
+						}, null, 6)
+					], 2),
+					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("toolbar")) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("toolbar-meta")) }, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("toolbar-title")) }, (0, vue.toDisplayString)(currentPanelTitle.value), 3), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("toolbar-summary")) }, (0, vue.toDisplayString)(currentCheckedSummary.value), 3)], 2), (0, vue.createVNode)((0, vue.unref)(ElCheckbox), {
+						"model-value": currentAllChecked.value,
+						indeterminate: currentIsIndeterminate.value,
+						disabled: !currentHasCheckableData.value,
+						"validate-event": false,
+						"aria-label": currentPanelTitle.value,
+						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("toolbar-check")),
+						onChange: handleCurrentAllCheckedChange
+					}, null, 8, [
+						"model-value",
+						"indeterminate",
+						"disabled",
+						"aria-label",
+						"class"
+					])], 2),
+					__props.filterable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+						key: 0,
+						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("filter"))
+					}, [(0, vue.createVNode)((0, vue.unref)(ElInput), {
+						modelValue: currentQuery.value,
+						"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => currentQuery.value = $event),
+						size: "default",
+						placeholder: panelFilterPlaceholder.value,
+						"prefix-icon": (0, vue.unref)(Search),
+						clearable: "",
+						"validate-event": false
+					}, null, 8, [
+						"modelValue",
+						"placeholder",
+						"prefix-icon"
+					])], 2)) : (0, vue.createCommentVNode)("v-if", true),
+					(0, vue.createElementVNode)("div", {
+						ref_key: "panelsRef",
+						ref: panelsRef,
+						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("panels")),
+						onScrollPassive: _cache[3] || (_cache[3] = (...args) => (0, vue.unref)(syncActivePanel) && (0, vue.unref)(syncActivePanel)(...args))
+					}, [(0, vue.createElementVNode)("div", {
+						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("panel"), (0, vue.unref)(ns).is("active", (0, vue.unref)(activePanel) === "left")]),
+						"data-direction": "left",
+						role: "tabpanel",
+						"aria-hidden": (0, vue.unref)(activePanel) !== "left"
+					}, [(0, vue.createVNode)(transfer_panel_default, {
 						ref_key: "leftPanel",
 						ref: leftPanel,
 						data: (0, vue.unref)(sourceData),
 						"option-render": optionRender.value,
-						placeholder: panelFilterPlaceholder.value,
-						title: leftPanelTitle.value,
-						filterable: __props.filterable,
 						format: __props.format,
 						"filter-method": __props.filterMethod,
 						"default-checked": __props.leftDefaultChecked,
@@ -52257,56 +51952,23 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					}, 8, [
 						"data",
 						"option-render",
-						"placeholder",
-						"title",
-						"filterable",
 						"format",
 						"filter-method",
 						"default-checked",
 						"props",
 						"onCheckedChange"
-					]),
-					(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("buttons")) }, [(0, vue.createVNode)((0, vue.unref)(ElButton), {
-						type: "primary",
-						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("button"), (0, vue.unref)(ns).is("with-texts", hasButtonTexts.value)]),
-						disabled: (0, vue.unref)(isEmpty)(checkedState.rightChecked),
-						onClick: (0, vue.unref)(addToLeft)
-					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
-							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ArrowLeft))]),
-							_: 1
-						}), !(0, vue.unref)(isUndefined)(__props.buttonTexts[0]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_1$13, (0, vue.toDisplayString)(__props.buttonTexts[0]), 1)) : (0, vue.createCommentVNode)("v-if", true)]),
-						_: 1
-					}, 8, [
-						"class",
-						"disabled",
-						"onClick"
-					]), (0, vue.createVNode)((0, vue.unref)(ElButton), {
-						type: "primary",
-						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("button"), (0, vue.unref)(ns).is("with-texts", hasButtonTexts.value)]),
-						disabled: (0, vue.unref)(isEmpty)(checkedState.leftChecked),
-						onClick: (0, vue.unref)(addToRight)
-					}, {
-						default: (0, vue.withCtx)(() => [!(0, vue.unref)(isUndefined)(__props.buttonTexts[1]) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_2$8, (0, vue.toDisplayString)(__props.buttonTexts[1]), 1)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
-							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ArrowRight))]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, [
-						"class",
-						"disabled",
-						"onClick"
-					])], 2),
-					(0, vue.createVNode)(transfer_panel_default, {
+					])], 10, _hoisted_4$2), (0, vue.createElementVNode)("div", {
+						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("panel"), (0, vue.unref)(ns).is("active", (0, vue.unref)(activePanel) === "right")]),
+						"data-direction": "right",
+						role: "tabpanel",
+						"aria-hidden": (0, vue.unref)(activePanel) !== "right"
+					}, [(0, vue.createVNode)(transfer_panel_default, {
 						ref_key: "rightPanel",
 						ref: rightPanel,
 						data: (0, vue.unref)(targetData),
 						"option-render": optionRender.value,
-						placeholder: panelFilterPlaceholder.value,
-						filterable: __props.filterable,
 						format: __props.format,
 						"filter-method": __props.filterMethod,
-						title: rightPanelTitle.value,
 						"default-checked": __props.rightDefaultChecked,
 						props: props.props,
 						onCheckedChange: (0, vue.unref)(onTargetCheckedChange)
@@ -52317,16 +51979,37 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 					}, 8, [
 						"data",
 						"option-render",
-						"placeholder",
-						"filterable",
 						"format",
 						"filter-method",
-						"title",
 						"default-checked",
 						"props",
 						"onCheckedChange"
-					])
-				], 2);
+					])], 10, _hoisted_5$1)], 34),
+					(0, vue.createVNode)(vue.Transition, {
+						name: `${(0, vue.unref)(ns).namespace.value}-fade-in-linear`,
+						persisted: ""
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("action-bar")) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("action-copy")) }, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("action-title")) }, (0, vue.toDisplayString)(currentPanelTitle.value), 3), (0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("action-summary")) }, (0, vue.toDisplayString)(currentCheckedSummary.value), 3)], 2), (0, vue.createVNode)((0, vue.unref)(ElButton), {
+							type: "primary",
+							class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("action-button")),
+							onClick: moveCurrentChecked
+						}, {
+							default: (0, vue.withCtx)(() => [
+								(0, vue.unref)(activePanel) === "right" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), { key: 0 }, {
+									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ArrowLeft))]),
+									_: 1
+								})) : (0, vue.createCommentVNode)("v-if", true),
+								(0, vue.createElementVNode)("span", null, (0, vue.toDisplayString)(currentMoveButtonText.value), 1),
+								(0, vue.unref)(activePanel) === "left" ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), { key: 1 }, {
+									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(ArrowRight))]),
+									_: 1
+								})) : (0, vue.createCommentVNode)("v-if", true)
+							]),
+							_: 1
+						}, 8, ["class"])], 2), [[vue.vShow, currentHasChecked.value]])]),
+						_: 1
+					}, 8, ["name"])
+				], 10, _hoisted_1$13);
 			};
 		}
 	});
@@ -54019,6 +53702,10 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		const emitChange = (val) => {
 			if (!isEqual$1(props.modelValue, val)) emit(CHANGE_EVENT, val);
 		};
+		const isSameValue = (left, right) => {
+			if (left !== null && typeof left === "object" || right !== null && typeof right === "object") return isEqual$1(get(left, props.valueKey), get(right, props.valueKey));
+			return isEqual$1(left, right);
+		};
 		function update(val) {
 			emit(UPDATE_MODEL_EVENT, val);
 			emitChange(val);
@@ -54059,8 +53746,17 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				if (props.showCheckbox && props.checkOnClickNode) return;
 				if (!props.showCheckbox && (props.checkStrictly || node.isLeaf)) {
 					if (!getNodeValByProp("disabled", data)) {
-						const option = select.value?.states.options.get(getNodeValByProp("value", data));
-						select.value?.handleOptionSelect(option);
+						const value = getNodeValByProp("value", data);
+						if (props.multiple) {
+							const values = toValidArray(props.modelValue);
+							update(values.some((item) => isSameValue(item, value)) ? values.filter((item) => !isSameValue(item, value)) : values.concat(value));
+							(0, vue.nextTick)(() => {
+								select.value?.focus();
+							});
+						} else {
+							const option = select.value?.states.options.get(value);
+							select.value?.handleOptionSelect(option);
+						}
 					}
 				} else if (props.expandOnClickNode) e.proxy.handleExpandIconClick();
 			},
@@ -58494,7 +58190,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 	const splitterProps = buildProps({
 		layout: {
 			type: String,
-			default: "horizontal",
+			default: "vertical",
 			values: ["horizontal", "vertical"]
 		},
 		lazy: Boolean
@@ -58811,7 +58507,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			layout: {
 				type: String,
 				values: ["horizontal", "vertical"],
-				default: "horizontal"
+				default: "vertical"
 			},
 			resizable: {
 				type: Boolean,
@@ -58838,9 +58534,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			});
 			const draggerStyles = (0, vue.computed)(() => {
 				return {
-					width: isHorizontal.value ? pxToRem(24) : "100%",
-					height: isHorizontal.value ? "100%" : pxToRem(24),
-					cursor: !props.resizable ? "auto" : isHorizontal.value ? "ew-resize" : "ns-resize",
+					width: isHorizontal.value ? pxToRem(28) : "100%",
+					height: isHorizontal.value ? "100%" : pxToRem(28),
 					touchAction: "none"
 				};
 			});
@@ -58853,87 +58548,81 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				};
 			});
 			const startPos = (0, vue.ref)(null);
-			const onMousedown = (e) => {
+			const activePointerId = (0, vue.ref)(null);
+			const cleanupPointerListeners = () => {
+				window.removeEventListener("pointermove", onPointerMove);
+				window.removeEventListener("pointerup", onPointerUp);
+				window.removeEventListener("pointercancel", onPointerUp);
+			};
+			const onPointerDown = (e) => {
 				if (!props.resizable) return;
+				if (e.pointerType === "mouse" && (e.ctrlKey || [1, 2].includes(e.button))) return;
+				e.preventDefault();
 				startPos.value = [e.pageX, e.pageY];
+				activePointerId.value = e.pointerId;
+				e.currentTarget?.setPointerCapture?.(e.pointerId);
 				emit("moveStart", props.index);
-				window.addEventListener("mouseup", onMouseUp);
-				window.addEventListener("mousemove", onMouseMove);
+				window.addEventListener("pointermove", onPointerMove);
+				window.addEventListener("pointerup", onPointerUp);
+				window.addEventListener("pointercancel", onPointerUp);
 			};
-			const onTouchStart = (e) => {
-				if (props.resizable && e.touches.length === 1) {
-					e.preventDefault();
-					const touch = e.touches[0];
-					startPos.value = [touch.pageX, touch.pageY];
-					emit("moveStart", props.index);
-					window.addEventListener("touchend", onTouchEnd);
-					window.addEventListener("touchmove", onTouchMove);
-				}
-			};
-			const onMouseMove = (e) => {
+			const onPointerMove = (e) => {
+				if (activePointerId.value !== null && e.pointerId !== activePointerId.value) return;
+				if (!startPos.value) return;
 				const { pageX, pageY } = e;
 				const offsetX = pageX - startPos.value[0];
 				const offsetY = pageY - startPos.value[1];
 				const offset = isHorizontal.value ? offsetX : offsetY;
 				emit("moving", props.index, offset);
 			};
-			const onTouchMove = (e) => {
-				if (e.touches.length === 1) {
-					e.preventDefault();
-					const touch = e.touches[0];
-					const offsetX = touch.pageX - startPos.value[0];
-					const offsetY = touch.pageY - startPos.value[1];
-					const offset = isHorizontal.value ? offsetX : offsetY;
-					emit("moving", props.index, offset);
-				}
-			};
-			const onMouseUp = () => {
+			const onPointerUp = (e) => {
+				if (e && activePointerId.value !== null && e.pointerId !== activePointerId.value) return;
 				startPos.value = null;
-				window.removeEventListener("mouseup", onMouseUp);
-				window.removeEventListener("mousemove", onMouseMove);
-				emit("moveEnd", props.index);
-			};
-			const onTouchEnd = () => {
-				startPos.value = null;
-				window.removeEventListener("touchend", onTouchEnd);
-				window.removeEventListener("touchmove", onTouchMove);
+				activePointerId.value = null;
+				cleanupPointerListeners();
 				emit("moveEnd", props.index);
 			};
 			const StartIcon = (0, vue.computed)(() => isHorizontal.value ? ArrowLeft : ArrowUp);
 			const EndIcon = (0, vue.computed)(() => isHorizontal.value ? ArrowRight : ArrowDown);
+			(0, vue.onBeforeUnmount)(() => {
+				cleanupPointerListeners();
+			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					class: (0, vue.normalizeClass)([(0, vue.unref)(ns).b()]),
 					style: (0, vue.normalizeStyle)(barWrapStyles.value)
+				}, [(0, vue.createElementVNode)("div", {
+					class: (0, vue.normalizeClass)([
+						(0, vue.unref)(ns).e("dragger"),
+						draggerPseudoClass.value,
+						(0, vue.unref)(ns).is("disabled", !__props.resizable),
+						(0, vue.unref)(ns).is("lazy", __props.resizable && __props.lazy)
+					]),
+					style: (0, vue.normalizeStyle)(draggerStyles.value),
+					onPointerdown: onPointerDown
 				}, [
-					__props.startCollapsible ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					__props.startCollapsible ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 0,
-						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("collapse-icon"), (0, vue.unref)(ns).e(`${__props.layout}-collapse-icon-start`)]),
-						onClick: _cache[0] || (_cache[0] = ($event) => emit("collapse", __props.index, "start"))
+						type: "button",
+						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("collapse-icon"), (0, vue.unref)(ns).is("start")]),
+						onPointerdown: _cache[0] || (_cache[0] = (0, vue.withModifiers)(() => {}, ["stop", "prevent"])),
+						onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(($event) => emit("collapse", __props.index, "start"), ["stop"]))
 					}, [(0, vue.renderSlot)(_ctx.$slots, "start-collapsible", {}, () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(StartIcon.value), { style: (0, vue.normalizeStyle)({
 						width: (0, vue.unref)(pxToRem)(14),
 						height: (0, vue.unref)(pxToRem)(14)
-					}) }, null, 8, ["style"]))])], 2)) : (0, vue.createCommentVNode)("v-if", true),
-					(0, vue.createElementVNode)("div", {
-						class: (0, vue.normalizeClass)([
-							(0, vue.unref)(ns).e("dragger"),
-							draggerPseudoClass.value,
-							(0, vue.unref)(ns).is("disabled", !__props.resizable),
-							(0, vue.unref)(ns).is("lazy", __props.resizable && __props.lazy)
-						]),
-						style: (0, vue.normalizeStyle)(draggerStyles.value),
-						onMousedown,
-						onTouchstart: onTouchStart
-					}, null, 38),
-					__props.endCollapsible ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+					}) }, null, 8, ["style"]))])], 34)) : (0, vue.createCommentVNode)("v-if", true),
+					(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("handle"), (0, vue.unref)(ns).e(`handle-${__props.layout}`)]) }, null, 2),
+					__props.endCollapsible ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
 						key: 1,
-						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("collapse-icon"), (0, vue.unref)(ns).e(`${__props.layout}-collapse-icon-end`)]),
-						onClick: _cache[1] || (_cache[1] = ($event) => emit("collapse", __props.index, "end"))
+						type: "button",
+						class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("collapse-icon"), (0, vue.unref)(ns).is("end")]),
+						onPointerdown: _cache[2] || (_cache[2] = (0, vue.withModifiers)(() => {}, ["stop", "prevent"])),
+						onClick: _cache[3] || (_cache[3] = (0, vue.withModifiers)(($event) => emit("collapse", __props.index, "end"), ["stop"]))
 					}, [(0, vue.renderSlot)(_ctx.$slots, "end-collapsible", {}, () => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(EndIcon.value), { style: (0, vue.normalizeStyle)({
 						width: (0, vue.unref)(pxToRem)(14),
 						height: (0, vue.unref)(pxToRem)(14)
-					}) }, null, 8, ["style"]))])], 2)) : (0, vue.createCommentVNode)("v-if", true)
-				], 6);
+					}) }, null, 8, ["style"]))])], 34)) : (0, vue.createCommentVNode)("v-if", true)
+				], 38)], 6);
 			};
 		}
 	});