@element-plus/nightly 0.0.20260414 → 0.0.20260416

package/dist/index.full.js

@@ -1,4 +1,4 @@
-/*! Element Plus v0.0.20260414 */
+/*! Element Plus v0.0.20260416 */
 
 (function(global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ?  factory(exports, require('vue')) :
@@ -10770,7 +10770,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 
 //#endregion
 //#region ../../packages/element-plus/version.ts
-	const version$1 = "0.0.20260414";
+	const version$1 = "0.0.20260416";
 
 //#endregion
 //#region ../../packages/element-plus/make-installer.ts
@@ -10787,39 +10787,6 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 		};
 	};
 
-//#endregion
-//#region ../../packages/components/teleport/src/teleport.ts
-	const teleportProps = buildProps({
-		to: {
-			type: definePropType([String, Object]),
-			required: true
-		},
-		disabled: Boolean
-	});
-
-//#endregion
-//#region ../../packages/components/teleport/src/teleport.vue?vue&type=script&setup=true&lang.ts
-	var teleport_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
-		__name: "teleport",
-		props: teleportProps,
-		setup(__props) {
-			return (_ctx, _cache) => {
-				return _ctx.disabled ? (0, vue.renderSlot)(_ctx.$slots, "default", { key: 0 }) : ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
-					key: 1,
-					to: _ctx.to
-				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 8, ["to"]));
-			};
-		}
-	});
-
-//#endregion
-//#region ../../packages/components/teleport/src/teleport.vue
-	var teleport_default = teleport_vue_vue_type_script_setup_true_lang_default;
-
-//#endregion
-//#region ../../packages/components/teleport/index.ts
-	const ElTeleport = withInstall(teleport_default);
-
 //#endregion
 //#region ../../packages/components/affix/src/affix.ts
 /**
@@ -10845,7 +10812,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 		},
 		teleported: Boolean,
 		appendTo: {
-			type: teleportProps.to.type,
+			type: definePropType([String, Object]),
 			default: "body"
 		}
 	});
@@ -10959,16 +10926,13 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 					ref: root,
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).b()),
 					style: (0, vue.normalizeStyle)(rootStyle.value)
-				}, [(0, vue.createVNode)((0, vue.unref)(ElTeleport), {
+				}, [((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
 					disabled: teleportDisabled.value,
 					to: __props.appendTo
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
-						class: (0, vue.normalizeClass)({ [(0, vue.unref)(ns).m("fixed")]: fixed.value }),
-						style: (0, vue.normalizeStyle)(affixStyle.value)
-					}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 6)]),
-					_: 3
-				}, 8, ["disabled", "to"])], 6);
+				}, [(0, vue.createElementVNode)("div", {
+					class: (0, vue.normalizeClass)({ [(0, vue.unref)(ns).m("fixed")]: fixed.value }),
+					style: (0, vue.normalizeStyle)(affixStyle.value)
+				}, [(0, vue.renderSlot)(_ctx.$slots, "default")], 6)], 8, ["disabled", "to"]))], 6);
 			};
 		}
 	});
@@ -13778,7 +13742,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 	const useTooltipContentProps = buildProps({
 		...useDelayedToggleProps,
 		...popperContentProps,
-		appendTo: { type: teleportProps.to.type },
+		appendTo: { type: definePropType([String, Object]) },
 		content: {
 			type: String,
 			default: ""
@@ -14034,82 +13998,79 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				isFocusInsideContent
 			});
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElTeleport), {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
 					disabled: !__props.teleported,
 					to: appendTo.value
+				}, [shouldRender.value || !ariaHidden.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
+					key: 0,
+					name: transitionClass.value,
+					appear: !persistentRef.value,
+					onAfterLeave: onTransitionLeave,
+					onBeforeEnter,
+					onAfterEnter: onAfterShow,
+					onBeforeLeave,
+					persisted: ""
 				}, {
-					default: (0, vue.withCtx)(() => [shouldRender.value || !ariaHidden.value ? ((0, vue.openBlock)(), (0, vue.createBlock)(vue.Transition, {
-						key: 0,
-						name: transitionClass.value,
-						appear: !persistentRef.value,
-						onAfterLeave: onTransitionLeave,
-						onBeforeEnter,
-						onAfterEnter: onAfterShow,
-						onBeforeLeave,
-						persisted: ""
-					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(content_default), (0, vue.mergeProps)({
-							id: (0, vue.unref)(id),
-							ref_key: "contentRef",
-							ref: contentRef
-						}, _ctx.$attrs, {
-							"aria-label": __props.ariaLabel,
-							"aria-hidden": ariaHidden.value,
-							"boundaries-padding": __props.boundariesPadding,
-							"fallback-placements": __props.fallbackPlacements,
-							"gpu-acceleration": __props.gpuAcceleration,
-							offset: __props.offset,
-							placement: __props.placement,
-							"popper-options": __props.popperOptions,
-							"arrow-offset": __props.arrowOffset,
-							strategy: __props.strategy,
-							effect: __props.effect,
-							enterable: __props.enterable,
-							pure: __props.pure,
-							"popper-class": __props.popperClass,
-							"popper-style": [__props.popperStyle, contentStyle.value],
-							"reference-el": __props.referenceEl,
-							"trigger-target-el": __props.triggerTargetEl,
-							visible: shouldShow.value,
-							"z-index": __props.zIndex,
-							loop: __props.loop,
-							onMouseenter: (0, vue.unref)(onContentEnter),
-							onMouseleave: (0, vue.unref)(onContentLeave),
-							onBlur,
-							onClose: (0, vue.unref)(onClose)
-						}), {
-							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-							_: 3
-						}, 16, [
-							"id",
-							"aria-label",
-							"aria-hidden",
-							"boundaries-padding",
-							"fallback-placements",
-							"gpu-acceleration",
-							"offset",
-							"placement",
-							"popper-options",
-							"arrow-offset",
-							"strategy",
-							"effect",
-							"enterable",
-							"pure",
-							"popper-class",
-							"popper-style",
-							"reference-el",
-							"trigger-target-el",
-							"visible",
-							"z-index",
-							"loop",
-							"onMouseenter",
-							"onMouseleave",
-							"onClose"
-						]), [[vue.vShow, shouldShow.value]])]),
+					default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(content_default), (0, vue.mergeProps)({
+						id: (0, vue.unref)(id),
+						ref_key: "contentRef",
+						ref: contentRef
+					}, _ctx.$attrs, {
+						"aria-label": __props.ariaLabel,
+						"aria-hidden": ariaHidden.value,
+						"boundaries-padding": __props.boundariesPadding,
+						"fallback-placements": __props.fallbackPlacements,
+						"gpu-acceleration": __props.gpuAcceleration,
+						offset: __props.offset,
+						placement: __props.placement,
+						"popper-options": __props.popperOptions,
+						"arrow-offset": __props.arrowOffset,
+						strategy: __props.strategy,
+						effect: __props.effect,
+						enterable: __props.enterable,
+						pure: __props.pure,
+						"popper-class": __props.popperClass,
+						"popper-style": [__props.popperStyle, contentStyle.value],
+						"reference-el": __props.referenceEl,
+						"trigger-target-el": __props.triggerTargetEl,
+						visible: shouldShow.value,
+						"z-index": __props.zIndex,
+						loop: __props.loop,
+						onMouseenter: (0, vue.unref)(onContentEnter),
+						onMouseleave: (0, vue.unref)(onContentLeave),
+						onBlur,
+						onClose: (0, vue.unref)(onClose)
+					}), {
+						default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 						_: 3
-					}, 8, ["name", "appear"])) : (0, vue.createCommentVNode)("v-if", true)]),
+					}, 16, [
+						"id",
+						"aria-label",
+						"aria-hidden",
+						"boundaries-padding",
+						"fallback-placements",
+						"gpu-acceleration",
+						"offset",
+						"placement",
+						"popper-options",
+						"arrow-offset",
+						"strategy",
+						"effect",
+						"enterable",
+						"pure",
+						"popper-class",
+						"popper-style",
+						"reference-el",
+						"trigger-target-el",
+						"visible",
+						"z-index",
+						"loop",
+						"onMouseenter",
+						"onMouseleave",
+						"onClose"
+					]), [[vue.vShow, shouldShow.value]])]),
 					_: 3
-				}, 8, ["disabled", "to"]);
+				}, 8, ["name", "appear"])) : (0, vue.createCommentVNode)("v-if", true)], 8, ["disabled", "to"]);
 			};
 		}
 	});
@@ -14614,7 +14575,8 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				{ resize: props.resize }
 			]);
 			const nativeInputValue = (0, vue.computed)(() => isNil(props.modelValue) ? "" : String(props.modelValue));
-			const showClear = (0, vue.computed)(() => props.clearable && !inputDisabled.value && !props.readonly && !!nativeInputValue.value && (isFocused.value || hovering.value));
+			const renderClear = (0, vue.computed)(() => props.clearable && !inputDisabled.value && !props.readonly);
+			const showClear = (0, vue.computed)(() => renderClear.value && !!nativeInputValue.value && (isFocused.value || hovering.value));
 			const showPwdVisible = (0, vue.computed)(() => props.showPassword && !inputDisabled.value && !!nativeInputValue.value);
 			const isWordLimitVisible = (0, vue.computed)(() => props.showWordLimit && !!maxlength.value && (props.type === "text" || props.type === "textarea") && !inputDisabled.value && !props.readonly && !props.showPassword);
 			const textLength = (0, vue.computed)(() => {
@@ -14622,7 +14584,7 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 				return nativeInputValue.value.length;
 			});
 			const inputExceed = (0, vue.computed)(() => !!isWordLimitVisible.value && textLength.value > Number(maxlength.value));
-			const suffixVisible = (0, vue.computed)(() => !!slots.suffix || !!props.suffixIcon || showClear.value || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
+			const suffixVisible = (0, vue.computed)(() => !!slots.suffix || !!props.suffixIcon || props.clearable || props.showPassword || isWordLimitVisible.value || !!validateState.value && needStatusIcon.value);
 			const hasModelModifiers = (0, vue.computed)(() => !!Object.keys(props.modelModifiers).length);
 			const [recordCursor, setCursor] = useCursor(input);
 			useResizeObserver(textarea, (entries) => {
@@ -14891,22 +14853,27 @@ usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
 							key: 1,
 							class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("suffix"))
 						}, [(0, vue.createElementVNode)("span", { class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("suffix-inner")) }, [
-							!showClear.value || !showPwdVisible.value || !isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.renderSlot)(_ctx.$slots, "suffix"), __props.suffixIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
+							renderClear.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
 								key: 0,
-								class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("icon"))
-							}, {
-								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.suffixIcon)))]),
-								_: 1
-							}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true)], 64)) : (0, vue.createCommentVNode)("v-if", true),
-							showClear.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
-								key: 1,
 								class: (0, vue.normalizeClass)([(0, vue.unref)(nsInput).e("icon"), (0, vue.unref)(nsInput).e("clear")]),
+								style: (0, vue.normalizeStyle)({ visibility: showClear.value ? "visible" : "hidden" }),
 								onMousedown: (0, vue.withModifiers)((0, vue.unref)(NOOP), ["prevent"]),
 								onClick: clear
 							}, {
 								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.clearIcon)))]),
 								_: 1
-							}, 8, ["class", "onMousedown"])) : (0, vue.createCommentVNode)("v-if", true),
+							}, 8, [
+								"class",
+								"style",
+								"onMousedown"
+							])) : (0, vue.createCommentVNode)("v-if", true),
+							!showClear.value || !showPwdVisible.value || !isWordLimitVisible.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 1 }, [(0, vue.renderSlot)(_ctx.$slots, "suffix"), __props.suffixIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
+								key: 0,
+								class: (0, vue.normalizeClass)((0, vue.unref)(nsInput).e("icon"))
+							}, {
+								default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.suffixIcon)))]),
+								_: 1
+							}, 8, ["class"])) : (0, vue.createCommentVNode)("v-if", true)], 64)) : (0, vue.createCommentVNode)("v-if", true),
 							showPwdVisible.value ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElIcon), {
 								key: 2,
 								class: (0, vue.normalizeClass)([(0, vue.unref)(nsInput).e("icon"), (0, vue.unref)(nsInput).e("password")]),
@@ -31819,7 +31786,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		...dialogContentProps,
 		appendToBody: Boolean,
 		appendTo: {
-			type: teleportProps.to.type,
+			type: definePropType([String, Object]),
 			default: "body"
 		},
 		beforeClose: { type: definePropType(Function) },
@@ -32268,107 +32235,104 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				handleClose
 			});
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElTeleport), {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
 					to: __props.appendTo,
 					disabled: __props.appendTo !== "body" ? false : !__props.appendToBody
-				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(vue.Transition, (0, vue.mergeProps)((0, vue.unref)(transitionConfig), { persisted: "" }), {
-						default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(ElOverlay), {
-							"custom-mask-event": "",
-							mask: __props.modal,
-							"overlay-class": [
-								__props.modalClass ?? "",
-								`${(0, vue.unref)(ns).namespace.value}-modal-dialog`,
-								(0, vue.unref)(ns).is("penetrable", (0, vue.unref)(penetrable))
-							],
-							"z-index": (0, vue.unref)(zIndex)
+				}, [(0, vue.createVNode)(vue.Transition, (0, vue.mergeProps)((0, vue.unref)(transitionConfig), { persisted: "" }), {
+					default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(ElOverlay), {
+						"custom-mask-event": "",
+						mask: __props.modal,
+						"overlay-class": [
+							__props.modalClass ?? "",
+							`${(0, vue.unref)(ns).namespace.value}-modal-dialog`,
+							(0, vue.unref)(ns).is("penetrable", (0, vue.unref)(penetrable))
+						],
+						"z-index": (0, vue.unref)(zIndex)
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
+							role: "dialog",
+							"aria-modal": "true",
+							"aria-label": __props.title || void 0,
+							"aria-labelledby": !__props.title ? (0, vue.unref)(titleId) : void 0,
+							"aria-describedby": (0, vue.unref)(bodyId),
+							class: (0, vue.normalizeClass)([`${(0, vue.unref)(ns).namespace.value}-overlay-dialog`, (0, vue.unref)(ns).is("closing", (0, vue.unref)(closing))]),
+							style: (0, vue.normalizeStyle)((0, vue.unref)(overlayDialogStyle)),
+							onClick: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(overlayEvent).onClick && (0, vue.unref)(overlayEvent).onClick(...args)),
+							onMousedown: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(overlayEvent).onMousedown && (0, vue.unref)(overlayEvent).onMousedown(...args)),
+							onMouseup: _cache[2] || (_cache[2] = (...args) => (0, vue.unref)(overlayEvent).onMouseup && (0, vue.unref)(overlayEvent).onMouseup(...args))
+						}, [(0, vue.createVNode)((0, vue.unref)(focus_trap_default), {
+							loop: "",
+							trapped: (0, vue.unref)(visible),
+							"focus-start-el": "container",
+							onFocusAfterTrapped: (0, vue.unref)(onOpenAutoFocus),
+							onFocusAfterReleased: (0, vue.unref)(onCloseAutoFocus),
+							onFocusoutPrevented: (0, vue.unref)(onFocusoutPrevented),
+							onReleaseRequested: (0, vue.unref)(onCloseRequested)
 						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
-								role: "dialog",
-								"aria-modal": "true",
-								"aria-label": __props.title || void 0,
-								"aria-labelledby": !__props.title ? (0, vue.unref)(titleId) : void 0,
-								"aria-describedby": (0, vue.unref)(bodyId),
-								class: (0, vue.normalizeClass)([`${(0, vue.unref)(ns).namespace.value}-overlay-dialog`, (0, vue.unref)(ns).is("closing", (0, vue.unref)(closing))]),
-								style: (0, vue.normalizeStyle)((0, vue.unref)(overlayDialogStyle)),
-								onClick: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(overlayEvent).onClick && (0, vue.unref)(overlayEvent).onClick(...args)),
-								onMousedown: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(overlayEvent).onMousedown && (0, vue.unref)(overlayEvent).onMousedown(...args)),
-								onMouseup: _cache[2] || (_cache[2] = (...args) => (0, vue.unref)(overlayEvent).onMouseup && (0, vue.unref)(overlayEvent).onMouseup(...args))
-							}, [(0, vue.createVNode)((0, vue.unref)(focus_trap_default), {
-								loop: "",
-								trapped: (0, vue.unref)(visible),
-								"focus-start-el": "container",
-								onFocusAfterTrapped: (0, vue.unref)(onOpenAutoFocus),
-								onFocusAfterReleased: (0, vue.unref)(onCloseAutoFocus),
-								onFocusoutPrevented: (0, vue.unref)(onFocusoutPrevented),
-								onReleaseRequested: (0, vue.unref)(onCloseRequested)
-							}, {
-								default: (0, vue.withCtx)(() => [(0, vue.unref)(rendered) ? ((0, vue.openBlock)(), (0, vue.createBlock)(dialog_content_default, (0, vue.mergeProps)({
+							default: (0, vue.withCtx)(() => [(0, vue.unref)(rendered) ? ((0, vue.openBlock)(), (0, vue.createBlock)(dialog_content_default, (0, vue.mergeProps)({
+								key: 0,
+								ref_key: "dialogContentRef",
+								ref: dialogContentRef
+							}, _ctx.$attrs, {
+								center: __props.center,
+								"align-center": (0, vue.unref)(_alignCenter),
+								"close-icon": __props.closeIcon,
+								draggable: (0, vue.unref)(_draggable),
+								overflow: (0, vue.unref)(_overflow),
+								fullscreen: __props.fullscreen,
+								"header-class": __props.headerClass,
+								"body-class": __props.bodyClass,
+								"footer-class": __props.footerClass,
+								"show-close": __props.showClose,
+								title: __props.title,
+								"aria-level": __props.headerAriaLevel,
+								onClose: (0, vue.unref)(handleClose),
+								onMousedown: (0, vue.unref)(bringToFront)
+							}), (0, vue.createSlots)({
+								header: (0, vue.withCtx)(() => [!_ctx.$slots.title ? (0, vue.renderSlot)(_ctx.$slots, "header", {
 									key: 0,
-									ref_key: "dialogContentRef",
-									ref: dialogContentRef
-								}, _ctx.$attrs, {
-									center: __props.center,
-									"align-center": (0, vue.unref)(_alignCenter),
-									"close-icon": __props.closeIcon,
-									draggable: (0, vue.unref)(_draggable),
-									overflow: (0, vue.unref)(_overflow),
-									fullscreen: __props.fullscreen,
-									"header-class": __props.headerClass,
-									"body-class": __props.bodyClass,
-									"footer-class": __props.footerClass,
-									"show-close": __props.showClose,
-									title: __props.title,
-									"aria-level": __props.headerAriaLevel,
-									onClose: (0, vue.unref)(handleClose),
-									onMousedown: (0, vue.unref)(bringToFront)
-								}), (0, vue.createSlots)({
-									header: (0, vue.withCtx)(() => [!_ctx.$slots.title ? (0, vue.renderSlot)(_ctx.$slots, "header", {
-										key: 0,
-										close: (0, vue.unref)(handleClose),
-										titleId: (0, vue.unref)(titleId),
-										titleClass: (0, vue.unref)(ns).e("title")
-									}) : (0, vue.renderSlot)(_ctx.$slots, "title", { key: 1 })]),
-									default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-									_: 2
-								}, [_ctx.$slots.footer ? {
-									name: "footer",
-									fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "footer")]),
-									key: "0"
-								} : void 0]), 1040, [
-									"center",
-									"align-center",
-									"close-icon",
-									"draggable",
-									"overflow",
-									"fullscreen",
-									"header-class",
-									"body-class",
-									"footer-class",
-									"show-close",
-									"title",
-									"aria-level",
-									"onClose",
-									"onMousedown"
-								])) : (0, vue.createCommentVNode)("v-if", true)]),
-								_: 3
-							}, 8, [
-								"trapped",
-								"onFocusAfterTrapped",
-								"onFocusAfterReleased",
-								"onFocusoutPrevented",
-								"onReleaseRequested"
-							])], 46, _hoisted_1$42)]),
+									close: (0, vue.unref)(handleClose),
+									titleId: (0, vue.unref)(titleId),
+									titleClass: (0, vue.unref)(ns).e("title")
+								}) : (0, vue.renderSlot)(_ctx.$slots, "title", { key: 1 })]),
+								default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
+								_: 2
+							}, [_ctx.$slots.footer ? {
+								name: "footer",
+								fn: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "footer")]),
+								key: "0"
+							} : void 0]), 1040, [
+								"center",
+								"align-center",
+								"close-icon",
+								"draggable",
+								"overflow",
+								"fullscreen",
+								"header-class",
+								"body-class",
+								"footer-class",
+								"show-close",
+								"title",
+								"aria-level",
+								"onClose",
+								"onMousedown"
+							])) : (0, vue.createCommentVNode)("v-if", true)]),
 							_: 3
 						}, 8, [
-							"mask",
-							"overlay-class",
-							"z-index"
-						]), [[vue.vShow, (0, vue.unref)(visible)]])]),
+							"trapped",
+							"onFocusAfterTrapped",
+							"onFocusAfterReleased",
+							"onFocusoutPrevented",
+							"onReleaseRequested"
+						])], 46, _hoisted_1$42)]),
 						_: 3
-					}, 16)]),
+					}, 8, [
+						"mask",
+						"overlay-class",
+						"z-index"
+					]), [[vue.vShow, (0, vue.unref)(visible)]])]),
 					_: 3
-				}, 8, ["to", "disabled"]);
+				}, 16)], 8, ["to", "disabled"]);
 			};
 		}
 	});
@@ -32592,128 +32556,125 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 				afterLeave
 			});
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElTeleport), {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
 					to: __props.appendTo,
 					disabled: __props.appendTo !== "body" ? false : !__props.appendToBody
+				}, [(0, vue.createVNode)(vue.Transition, {
+					name: (0, vue.unref)(ns).b("fade"),
+					onAfterEnter: (0, vue.unref)(afterEnter),
+					onAfterLeave: (0, vue.unref)(afterLeave),
+					onBeforeLeave: (0, vue.unref)(beforeLeave),
+					persisted: ""
 				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(vue.Transition, {
-						name: (0, vue.unref)(ns).b("fade"),
-						onAfterEnter: (0, vue.unref)(afterEnter),
-						onAfterLeave: (0, vue.unref)(afterLeave),
-						onBeforeLeave: (0, vue.unref)(beforeLeave),
-						persisted: ""
+					default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(ElOverlay), {
+						mask: __props.modal,
+						"overlay-class": [
+							(0, vue.unref)(ns).is("drawer"),
+							__props.modalClass ?? "",
+							`${(0, vue.unref)(ns).namespace.value}-modal-drawer`,
+							(0, vue.unref)(ns).is("penetrable", penetrable.value)
+						],
+						"z-index": (0, vue.unref)(zIndex),
+						onClick: (0, vue.unref)(onModalClick)
 					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.withDirectives)((0, vue.createVNode)((0, vue.unref)(ElOverlay), {
-							mask: __props.modal,
-							"overlay-class": [
-								(0, vue.unref)(ns).is("drawer"),
-								__props.modalClass ?? "",
-								`${(0, vue.unref)(ns).namespace.value}-modal-drawer`,
-								(0, vue.unref)(ns).is("penetrable", penetrable.value)
-							],
-							"z-index": (0, vue.unref)(zIndex),
-							onClick: (0, vue.unref)(onModalClick)
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(focus_trap_default), {
+							loop: "",
+							trapped: (0, vue.unref)(visible),
+							"focus-trap-el": drawerRef.value,
+							"focus-start-el": focusStartRef.value,
+							onFocusAfterTrapped: (0, vue.unref)(onOpenAutoFocus),
+							onFocusAfterReleased: (0, vue.unref)(onCloseAutoFocus),
+							onFocusoutPrevented: (0, vue.unref)(onFocusoutPrevented),
+							onReleaseRequested: (0, vue.unref)(onCloseRequested)
 						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(focus_trap_default), {
-								loop: "",
-								trapped: (0, vue.unref)(visible),
-								"focus-trap-el": drawerRef.value,
-								"focus-start-el": focusStartRef.value,
-								onFocusAfterTrapped: (0, vue.unref)(onOpenAutoFocus),
-								onFocusAfterReleased: (0, vue.unref)(onCloseAutoFocus),
-								onFocusoutPrevented: (0, vue.unref)(onFocusoutPrevented),
-								onReleaseRequested: (0, vue.unref)(onCloseRequested)
-							}, {
-								default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({
-									ref_key: "drawerRef",
-									ref: drawerRef,
-									"aria-modal": "true",
-									"aria-label": __props.title || void 0,
-									"aria-labelledby": !__props.title ? (0, vue.unref)(titleId) : void 0,
-									"aria-describedby": (0, vue.unref)(bodyId)
-								}, _ctx.$attrs, {
-									class: [
-										(0, vue.unref)(ns).b(),
-										__props.direction,
-										(0, vue.unref)(visible) && "open",
-										(0, vue.unref)(ns).is("dragging", (0, vue.unref)(isResizing))
-									],
-									style: { [(0, vue.unref)(isHorizontal) ? "width" : "height"]: (0, vue.unref)(size) },
-									role: "dialog",
-									onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"]))
-								}), [
-									(0, vue.createElementVNode)("span", {
-										ref_key: "focusStartRef",
-										ref: focusStartRef,
-										class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("sr-focus")),
-										tabindex: "-1"
-									}, null, 2),
-									__props.withHeader ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("header", {
-										key: 0,
-										class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("header"), __props.headerClass])
-									}, [!_ctx.$slots.title ? (0, vue.renderSlot)(_ctx.$slots, "header", {
-										key: 0,
-										close: (0, vue.unref)(handleClose),
-										titleId: (0, vue.unref)(titleId),
-										titleClass: (0, vue.unref)(ns).e("title")
-									}, () => [(0, vue.createElementVNode)("span", {
-										id: (0, vue.unref)(titleId),
-										role: "heading",
-										"aria-level": __props.headerAriaLevel,
-										class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("title"))
-									}, (0, vue.toDisplayString)(__props.title), 11, _hoisted_2$25)]) : (0, vue.renderSlot)(_ctx.$slots, "title", { key: 1 }, () => [(0, vue.createCommentVNode)(" DEPRECATED SLOT ")]), __props.showClose ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
-										key: 2,
-										"aria-label": (0, vue.unref)(t)("el.drawer.close"),
-										class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("close-btn")),
-										type: "button",
-										onClick: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleClose) && (0, vue.unref)(handleClose)(...args))
-									}, [(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_default))]),
-										_: 1
-									}, 8, ["class"])], 10, _hoisted_3$9)) : (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),
-									_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-										key: 2,
-										class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("footer"), __props.footerClass])
-									}, [(0, vue.renderSlot)(_ctx.$slots, "footer")], 2)) : (0, vue.createCommentVNode)("v-if", true),
-									__props.resizable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-										key: 3,
-										ref_key: "draggerRef",
-										ref: draggerRef,
-										style: (0, vue.normalizeStyle)({ zIndex: (0, vue.unref)(zIndex) }),
-										class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("dragger"))
-									}, null, 6)) : (0, vue.createCommentVNode)("v-if", true)
-								], 16, _hoisted_1$41)]),
-								_: 3
-							}, 8, [
-								"trapped",
-								"focus-trap-el",
-								"focus-start-el",
-								"onFocusAfterTrapped",
-								"onFocusAfterReleased",
-								"onFocusoutPrevented",
-								"onReleaseRequested"
-							])]),
+							default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({
+								ref_key: "drawerRef",
+								ref: drawerRef,
+								"aria-modal": "true",
+								"aria-label": __props.title || void 0,
+								"aria-labelledby": !__props.title ? (0, vue.unref)(titleId) : void 0,
+								"aria-describedby": (0, vue.unref)(bodyId)
+							}, _ctx.$attrs, {
+								class: [
+									(0, vue.unref)(ns).b(),
+									__props.direction,
+									(0, vue.unref)(visible) && "open",
+									(0, vue.unref)(ns).is("dragging", (0, vue.unref)(isResizing))
+								],
+								style: { [(0, vue.unref)(isHorizontal) ? "width" : "height"]: (0, vue.unref)(size) },
+								role: "dialog",
+								onClick: _cache[1] || (_cache[1] = (0, vue.withModifiers)(() => {}, ["stop"]))
+							}), [
+								(0, vue.createElementVNode)("span", {
+									ref_key: "focusStartRef",
+									ref: focusStartRef,
+									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("sr-focus")),
+									tabindex: "-1"
+								}, null, 2),
+								__props.withHeader ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("header", {
+									key: 0,
+									class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("header"), __props.headerClass])
+								}, [!_ctx.$slots.title ? (0, vue.renderSlot)(_ctx.$slots, "header", {
+									key: 0,
+									close: (0, vue.unref)(handleClose),
+									titleId: (0, vue.unref)(titleId),
+									titleClass: (0, vue.unref)(ns).e("title")
+								}, () => [(0, vue.createElementVNode)("span", {
+									id: (0, vue.unref)(titleId),
+									role: "heading",
+									"aria-level": __props.headerAriaLevel,
+									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("title"))
+								}, (0, vue.toDisplayString)(__props.title), 11, _hoisted_2$25)]) : (0, vue.renderSlot)(_ctx.$slots, "title", { key: 1 }, () => [(0, vue.createCommentVNode)(" DEPRECATED SLOT ")]), __props.showClose ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("button", {
+									key: 2,
+									"aria-label": (0, vue.unref)(t)("el.drawer.close"),
+									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("close-btn")),
+									type: "button",
+									onClick: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleClose) && (0, vue.unref)(handleClose)(...args))
+								}, [(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_default))]),
+									_: 1
+								}, 8, ["class"])], 10, _hoisted_3$9)) : (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),
+								_ctx.$slots.footer ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+									key: 2,
+									class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("footer"), __props.footerClass])
+								}, [(0, vue.renderSlot)(_ctx.$slots, "footer")], 2)) : (0, vue.createCommentVNode)("v-if", true),
+								__props.resizable ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+									key: 3,
+									ref_key: "draggerRef",
+									ref: draggerRef,
+									style: (0, vue.normalizeStyle)({ zIndex: (0, vue.unref)(zIndex) }),
+									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("dragger"))
+								}, null, 6)) : (0, vue.createCommentVNode)("v-if", true)
+							], 16, _hoisted_1$41)]),
 							_: 3
 						}, 8, [
-							"mask",
-							"overlay-class",
-							"z-index",
-							"onClick"
-						]), [[vue.vShow, (0, vue.unref)(visible)]])]),
+							"trapped",
+							"focus-trap-el",
+							"focus-start-el",
+							"onFocusAfterTrapped",
+							"onFocusAfterReleased",
+							"onFocusoutPrevented",
+							"onReleaseRequested"
+						])]),
 						_: 3
 					}, 8, [
-						"name",
-						"onAfterEnter",
-						"onAfterLeave",
-						"onBeforeLeave"
-					])]),
+						"mask",
+						"overlay-class",
+						"z-index",
+						"onClick"
+					]), [[vue.vShow, (0, vue.unref)(visible)]])]),
 					_: 3
-				}, 8, ["to", "disabled"]);
+				}, 8, [
+					"name",
+					"onAfterEnter",
+					"onAfterLeave",
+					"onBeforeLeave"
+				])], 8, ["to", "disabled"]);
 			};
 		}
 	});
@@ -34305,120 +34266,117 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			});
 			__expose({ setActiveItem });
 			return (_ctx, _cache) => {
-				return (0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(ElTeleport), {
+				return (0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, {
 					to: "body",
 					disabled: !__props.teleported
+				}, [(0, vue.createVNode)(vue.Transition, {
+					name: "viewer-fade",
+					appear: ""
 				}, {
-					default: (0, vue.withCtx)(() => [(0, vue.createVNode)(vue.Transition, {
-						name: "viewer-fade",
-						appear: ""
+					default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
+						ref_key: "wrapper",
+						ref: wrapper,
+						tabindex: -1,
+						class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("wrapper")),
+						style: (0, vue.normalizeStyle)({ zIndex: zIndex.value })
+					}, [(0, vue.createVNode)((0, vue.unref)(focus_trap_default), {
+						loop: "",
+						trapped: "",
+						"focus-trap-el": wrapper.value,
+						"focus-start-el": "container",
+						onFocusoutPrevented,
+						onReleaseRequested: onCloseRequested
 					}, {
-						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", {
-							ref_key: "wrapper",
-							ref: wrapper,
-							tabindex: -1,
-							class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("wrapper")),
-							style: (0, vue.normalizeStyle)({ zIndex: zIndex.value })
-						}, [(0, vue.createVNode)((0, vue.unref)(focus_trap_default), {
-							loop: "",
-							trapped: "",
-							"focus-trap-el": wrapper.value,
-							"focus-start-el": "container",
-							onFocusoutPrevented,
-							onReleaseRequested: onCloseRequested
-						}, {
-							default: (0, vue.withCtx)(() => [
-								(0, vue.createElementVNode)("div", {
-									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("mask")),
-									onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => __props.hideOnClickModal && hide(), ["self"]))
-								}, null, 2),
-								(0, vue.createCommentVNode)(" CLOSE "),
-								(0, vue.createElementVNode)("span", {
-									class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("btn"), (0, vue.unref)(ns).e("close")]),
-									onClick: hide
-								}, [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
-									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(close_default))]),
+						default: (0, vue.withCtx)(() => [
+							(0, vue.createElementVNode)("div", {
+								class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("mask")),
+								onClick: _cache[0] || (_cache[0] = (0, vue.withModifiers)(($event) => __props.hideOnClickModal && hide(), ["self"]))
+							}, null, 2),
+							(0, vue.createCommentVNode)(" CLOSE "),
+							(0, vue.createElementVNode)("span", {
+								class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("btn"), (0, vue.unref)(ns).e("close")]),
+								onClick: hide
+							}, [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
+								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(close_default))]),
+								_: 1
+							})], 2),
+							(0, vue.createCommentVNode)(" ARROW "),
+							!isSingle.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", {
+								class: (0, vue.normalizeClass)(arrowPrevKls.value),
+								onClick: prev
+							}, [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
+								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(arrow_left_default))]),
+								_: 1
+							})], 2), (0, vue.createElementVNode)("span", {
+								class: (0, vue.normalizeClass)(arrowNextKls.value),
+								onClick: next
+							}, [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
+								default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(arrow_right_default))]),
+								_: 1
+							})], 2)], 64)) : (0, vue.createCommentVNode)("v-if", true),
+							_ctx.$slots.progress || __props.showProgress ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
+								key: 1,
+								class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("btn"), (0, vue.unref)(ns).e("progress")])
+							}, [(0, vue.renderSlot)(_ctx.$slots, "progress", {
+								activeIndex: activeIndex.value,
+								total: __props.urlList.length
+							}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(progress.value), 1)])], 2)) : (0, vue.createCommentVNode)("v-if", true),
+							(0, vue.createCommentVNode)(" ACTIONS "),
+							(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("btn"), (0, vue.unref)(ns).e("actions")]) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("actions__inner")) }, [(0, vue.renderSlot)(_ctx.$slots, "toolbar", {
+								actions: handleActions,
+								prev,
+								next,
+								reset: toggleMode,
+								activeIndex: activeIndex.value,
+								setActiveItem
+							}, () => [
+								(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: _cache[1] || (_cache[1] = ($event) => handleActions("zoomOut")) }, {
+									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(zoom_out_default))]),
 									_: 1
-								})], 2),
-								(0, vue.createCommentVNode)(" ARROW "),
-								!isSingle.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, { key: 0 }, [(0, vue.createElementVNode)("span", {
-									class: (0, vue.normalizeClass)(arrowPrevKls.value),
-									onClick: prev
-								}, [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
-									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(arrow_left_default))]),
+								}),
+								(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: _cache[2] || (_cache[2] = ($event) => handleActions("zoomIn")) }, {
+									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(zoom_in_default))]),
 									_: 1
-								})], 2), (0, vue.createElementVNode)("span", {
-									class: (0, vue.normalizeClass)(arrowNextKls.value),
-									onClick: next
-								}, [(0, vue.createVNode)((0, vue.unref)(ElIcon), null, {
-									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(arrow_right_default))]),
+								}),
+								(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("actions__divider")) }, null, 2),
+								(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: toggleMode }, {
+									default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(mode.value.icon)))]),
 									_: 1
-								})], 2)], 64)) : (0, vue.createCommentVNode)("v-if", true),
-								_ctx.$slots.progress || __props.showProgress ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
-									key: 1,
-									class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("btn"), (0, vue.unref)(ns).e("progress")])
-								}, [(0, vue.renderSlot)(_ctx.$slots, "progress", {
-									activeIndex: activeIndex.value,
-									total: __props.urlList.length
-								}, () => [(0, vue.createTextVNode)((0, vue.toDisplayString)(progress.value), 1)])], 2)) : (0, vue.createCommentVNode)("v-if", true),
-								(0, vue.createCommentVNode)(" ACTIONS "),
-								(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)([(0, vue.unref)(ns).e("btn"), (0, vue.unref)(ns).e("actions")]) }, [(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("actions__inner")) }, [(0, vue.renderSlot)(_ctx.$slots, "toolbar", {
-									actions: handleActions,
-									prev,
-									next,
-									reset: toggleMode,
-									activeIndex: activeIndex.value,
-									setActiveItem
-								}, () => [
-									(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: _cache[1] || (_cache[1] = ($event) => handleActions("zoomOut")) }, {
-										default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(zoom_out_default))]),
-										_: 1
-									}),
-									(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: _cache[2] || (_cache[2] = ($event) => handleActions("zoomIn")) }, {
-										default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(zoom_in_default))]),
-										_: 1
-									}),
-									(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("actions__divider")) }, null, 2),
-									(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: toggleMode }, {
-										default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(mode.value.icon)))]),
-										_: 1
-									}),
-									(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("actions__divider")) }, null, 2),
-									(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: _cache[3] || (_cache[3] = ($event) => handleActions("anticlockwise")) }, {
-										default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(refresh_left_default))]),
-										_: 1
-									}),
-									(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: _cache[4] || (_cache[4] = ($event) => handleActions("clockwise")) }, {
-										default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(refresh_right_default))]),
-										_: 1
-									})
-								])], 2)], 2),
-								(0, vue.createCommentVNode)(" CANVAS "),
-								(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("canvas")) }, [loadError.value && _ctx.$slots["viewer-error"] ? (0, vue.renderSlot)(_ctx.$slots, "viewer-error", {
-									key: 0,
-									activeIndex: activeIndex.value,
-									src: currentImg.value
-								}) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
-									ref_key: "imgRef",
-									ref: imgRef,
-									key: currentImg.value,
-									src: currentImg.value,
-									style: (0, vue.normalizeStyle)(imgStyle.value),
-									class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("img")),
-									crossorigin: __props.crossorigin,
-									onLoad: handleImgLoad,
-									onError: handleImgError,
-									onMousedown: handleMouseDown,
-									onTouchstart: handleTouchStart
-								}, null, 46, _hoisted_1$36))], 2),
-								(0, vue.renderSlot)(_ctx.$slots, "default")
-							]),
-							_: 3
-						}, 8, ["focus-trap-el"])], 6)]),
+								}),
+								(0, vue.createElementVNode)("i", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("actions__divider")) }, null, 2),
+								(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: _cache[3] || (_cache[3] = ($event) => handleActions("anticlockwise")) }, {
+									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(refresh_left_default))]),
+									_: 1
+								}),
+								(0, vue.createVNode)((0, vue.unref)(ElIcon), { onClick: _cache[4] || (_cache[4] = ($event) => handleActions("clockwise")) }, {
+									default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(refresh_right_default))]),
+									_: 1
+								})
+							])], 2)], 2),
+							(0, vue.createCommentVNode)(" CANVAS "),
+							(0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("canvas")) }, [loadError.value && _ctx.$slots["viewer-error"] ? (0, vue.renderSlot)(_ctx.$slots, "viewer-error", {
+								key: 0,
+								activeIndex: activeIndex.value,
+								src: currentImg.value
+							}) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("img", {
+								ref_key: "imgRef",
+								ref: imgRef,
+								key: currentImg.value,
+								src: currentImg.value,
+								style: (0, vue.normalizeStyle)(imgStyle.value),
+								class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("img")),
+								crossorigin: __props.crossorigin,
+								onLoad: handleImgLoad,
+								onError: handleImgError,
+								onMousedown: handleMouseDown,
+								onTouchstart: handleTouchStart
+							}, null, 46, _hoisted_1$36))], 2),
+							(0, vue.renderSlot)(_ctx.$slots, "default")
+						]),
 						_: 3
-					})]),
+					}, 8, ["focus-trap-el"])], 6)]),
 					_: 3
-				}, 8, ["disabled"]);
+				})], 8, ["disabled"]);
 			};
 		}
 	});
@@ -34701,6 +34659,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			default: "center"
 		},
 		disabledScientific: Boolean,
+		formatter: { type: Function },
+		parser: { type: Function },
 		tabindex: {
 			type: [String, Number],
 			default: 0
@@ -34821,7 +34781,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			const verifyValue = (value, update) => {
 				const { max, min, step, precision, stepStrictly, valueOnClear } = props;
 				if (max < min) throwError("InputNumber", "min should not be greater than max.");
-				let newVal = Number(value);
+				let newVal = !value ? Number(value) : Number.parseFloat(String(value));
 				if (isNil(value) || Number.isNaN(newVal)) return null;
 				if (value === "") {
 					if (valueOnClear === null) return null;
@@ -34857,13 +34817,14 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			};
 			const handleInput = (value) => {
 				data.userInput = value;
-				const newVal = value === "" ? null : Number(value);
+				let newVal = value === "" ? null : Number.parseFloat(value);
+				if (Number.isNaN(newVal)) newVal = null;
 				emit(INPUT_EVENT, newVal);
 				setCurrentValue(newVal, false);
 			};
 			const handleInputChange = (value) => {
-				const newVal = value !== "" ? Number(value) : "";
-				if (isNumber(newVal) && !Number.isNaN(newVal) || value === "") setCurrentValue(newVal);
+				const newVal = value !== "" ? Number.parseFloat(value) : "";
+				if (isNumber(newVal) && !Number.isNaN(newVal) || props.formatter && Number.isNaN(newVal) || newVal === "") setCurrentValue(newVal);
 				setCurrentValueToModelValue();
 				data.userInput = null;
 			};
@@ -34878,7 +34839,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			};
 			const handleBlur = (event) => {
 				data.userInput = null;
-				if (data.currentValue === null && input.value?.input) input.value.input.value = "";
+				if (data.currentValue === null && input.value?.input) input.value.input.value = props.formatter?.("") ?? "";
 				emit("blur", event);
 				if (props.validateEvent) formItem?.validate?.("blur").catch(NOOP);
 			};
@@ -34955,7 +34916,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						id: __props.id,
 						ref_key: "input",
 						ref: input,
-						type: "number",
+						type: __props.formatter ? "text" : "number",
 						step: __props.step,
 						"model-value": displayValue.value,
 						placeholder: __props.placeholder,
@@ -34968,6 +34929,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						"aria-label": __props.ariaLabel,
 						"validate-event": false,
 						inputmode: __props.inputmode,
+						formatter: __props.formatter,
+						parser: __props.parser,
 						tabindex: __props.tabindex,
 						onKeydown: handleKeydown,
 						onBlur: handleBlur,
@@ -34984,6 +34947,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						key: "1"
 					} : void 0]), 1032, [
 						"id",
+						"type",
 						"step",
 						"model-value",
 						"placeholder",
@@ -34995,6 +34959,8 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 						"name",
 						"aria-label",
 						"inputmode",
+						"formatter",
+						"parser",
 						"tabindex"
 					])
 				], 34);
@@ -55471,7 +55437,7 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 		},
 		type: { type: definePropType(String) },
 		appendTo: {
-			type: teleportProps.to.type,
+			type: definePropType([String, Object]),
 			default: "body"
 		},
 		closeOnPressEscape: {
@@ -55909,47 +55875,44 @@ var import_advancedFormat = /* @__PURE__ */ __toESM(require_advancedFormat());
 			});
 			return (_ctx, _cache) => {
 				return (0, vue.openBlock)(), (0, vue.createElementBlock)(vue.Fragment, null, [
-					(0, vue.createVNode)((0, vue.unref)(ElTeleport), { to: __props.appendTo }, {
-						default: (0, vue.withCtx)(() => [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({ class: kls.value }, _ctx.$attrs), [(0, vue.createVNode)(mask_default, {
-							visible: mergedShowMask.value,
-							fill: mergedMaskStyle.value?.color,
-							style: (0, vue.normalizeStyle)(mergedMaskStyle.value?.style),
-							pos: (0, vue.unref)(pos),
-							"z-index": mergedZIndex.value,
-							"target-area-clickable": __props.targetAreaClickable
-						}, null, 8, [
-							"visible",
-							"fill",
-							"style",
-							"pos",
-							"z-index",
-							"target-area-clickable"
-						]), __props.modelValue ? ((0, vue.openBlock)(), (0, vue.createBlock)(content_default$1, {
-							key: (0, vue.unref)(current),
-							reference: (0, vue.unref)(triggerTarget),
-							placement: mergedPlacement.value,
-							"show-arrow": mergedShowArrow.value,
-							"z-index": mergedZIndex.value,
-							style: (0, vue.normalizeStyle)(mergedContentStyle.value),
-							onClose: onEscClose
+					((0, vue.openBlock)(), (0, vue.createBlock)(vue.Teleport, { to: __props.appendTo }, [(0, vue.createElementVNode)("div", (0, vue.mergeProps)({ class: kls.value }, _ctx.$attrs), [(0, vue.createVNode)(mask_default, {
+						visible: mergedShowMask.value,
+						fill: mergedMaskStyle.value?.color,
+						style: (0, vue.normalizeStyle)(mergedMaskStyle.value?.style),
+						pos: (0, vue.unref)(pos),
+						"z-index": mergedZIndex.value,
+						"target-area-clickable": __props.targetAreaClickable
+					}, null, 8, [
+						"visible",
+						"fill",
+						"style",
+						"pos",
+						"z-index",
+						"target-area-clickable"
+					]), __props.modelValue ? ((0, vue.openBlock)(), (0, vue.createBlock)(content_default$1, {
+						key: (0, vue.unref)(current),
+						reference: (0, vue.unref)(triggerTarget),
+						placement: mergedPlacement.value,
+						"show-arrow": mergedShowArrow.value,
+						"z-index": mergedZIndex.value,
+						style: (0, vue.normalizeStyle)(mergedContentStyle.value),
+						onClose: onEscClose
+					}, {
+						default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(steps_default), {
+							current: (0, vue.unref)(current),
+							onUpdateTotal
 						}, {
-							default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(steps_default), {
-								current: (0, vue.unref)(current),
-								onUpdateTotal
-							}, {
-								default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
-								_: 3
-							}, 8, ["current"])]),
+							default: (0, vue.withCtx)(() => [(0, vue.renderSlot)(_ctx.$slots, "default")]),
 							_: 3
-						}, 8, [
-							"reference",
-							"placement",
-							"show-arrow",
-							"z-index",
-							"style"
-						])) : (0, vue.createCommentVNode)("v-if", true)], 16)]),
+						}, 8, ["current"])]),
 						_: 3
-					}, 8, ["to"]),
+					}, 8, [
+						"reference",
+						"placement",
+						"show-arrow",
+						"z-index",
+						"style"
+					])) : (0, vue.createCommentVNode)("v-if", true)], 16)], 8, ["to"])),
 					(0, vue.createCommentVNode)(" just for IDE "),
 					(0, vue.createCommentVNode)("v-if", true)
 				], 64);