@element-plus/nightly 0.0.20240803 → 0.0.20240805

package/dist/index.full.mjs

@@ -1,6 +1,6 @@
-/*! Element Plus v0.0.20240803 */
+/*! Element Plus v0.0.20240805 */
 
-import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
+import { getCurrentScope, onScopeDispose, unref, readonly, shallowRef, watchEffect, ref, watch, getCurrentInstance, onMounted, nextTick, computed, defineComponent, openBlock, createElementBlock, createElementVNode, warn, isVNode, Fragment, Comment, onBeforeUnmount, isRef, inject, onUnmounted, h as h$1, Teleport as Teleport$1, onBeforeMount, provide, renderSlot, normalizeClass, normalizeStyle, mergeProps, useSlots, createBlock, Transition, withCtx, withDirectives, resolveDynamicComponent, createCommentVNode, createTextVNode, toDisplayString, createVNode, vShow, toRef, reactive, toRefs, onUpdated, TransitionGroup, useAttrs as useAttrs$1, withModifiers, onActivated, cloneVNode, Text as Text$1, onDeactivated, renderList, withKeys, createSlots, normalizeProps, guardReactiveProps, toRaw, vModelCheckbox, vModelRadio, resolveComponent, onBeforeUpdate, vModelText, toHandlers, markRaw, effectScope, resolveDirective, toHandlerKey, render, createApp, shallowReactive } from 'vue';
 
 const FOCUSABLE_ELEMENT_SELECTORS = `a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])`;
 const isVisible = (element) => {
@@ -9506,7 +9506,7 @@ const useTeleport = (contentRenderer, appendToBody) => {
     }
   };
   const renderTeleport = () => {
-    return appendToBody.value !== true ? contentRenderer() : isTeleportVisible.value ? [h$1(Teleport, { to: $el }, contentRenderer())] : void 0;
+    return appendToBody.value !== true ? contentRenderer() : isTeleportVisible.value ? [h$1(Teleport$1, { to: $el }, contentRenderer())] : void 0;
   };
   onUnmounted(hideTeleport);
   return {
@@ -9521,12 +9521,12 @@ const useThrottleRender = (loading, throttle = 0) => {
   if (throttle === 0)
     return loading;
   const throttled = ref(false);
-  let timeoutHandle = 0;
+  let timeoutHandle = null;
   const dispatchThrottling = () => {
     if (timeoutHandle) {
       clearTimeout(timeoutHandle);
     }
-    timeoutHandle = window.setTimeout(() => {
+    timeoutHandle = setTimeout(() => {
       throttled.value = loading.value;
     }, throttle);
   };
@@ -11532,7 +11532,7 @@ const ConfigProvider = defineComponent({
 
 const ElConfigProvider = withInstall(ConfigProvider);
 
-const version$1 = "0.0.20240803";
+const version$1 = "0.0.20240805";
 
 const makeInstaller = (components = []) => {
   const install = (app, options) => {
@@ -11585,7 +11585,7 @@ const COMPONENT_NAME$n = "ElAffix";
 const __default__$1N = defineComponent({
   name: COMPONENT_NAME$n
 });
-const _sfc_main$2s = /* @__PURE__ */ defineComponent({
+const _sfc_main$2t = /* @__PURE__ */ defineComponent({
   ...__default__$1N,
   props: affixProps,
   emits: affixEmits,
@@ -11689,7 +11689,7 @@ const _sfc_main$2s = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "affix.vue"]]);
+var Affix = /* @__PURE__ */ _export_sfc(_sfc_main$2t, [["__file", "affix.vue"]]);
 
 const ElAffix = withInstall(Affix);
 
@@ -11706,7 +11706,7 @@ const __default__$1M = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$2r = /* @__PURE__ */ defineComponent({
+const _sfc_main$2s = /* @__PURE__ */ defineComponent({
   ...__default__$1M,
   props: iconProps,
   setup(__props) {
@@ -11731,7 +11731,7 @@ const _sfc_main$2r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "icon.vue"]]);
+var Icon = /* @__PURE__ */ _export_sfc(_sfc_main$2s, [["__file", "icon.vue"]]);
 
 const ElIcon = withInstall(Icon);
 
@@ -11773,7 +11773,7 @@ const alertEmits = {
 const __default__$1L = defineComponent({
   name: "ElAlert"
 });
-const _sfc_main$2q = /* @__PURE__ */ defineComponent({
+const _sfc_main$2r = /* @__PURE__ */ defineComponent({
   ...__default__$1L,
   props: alertProps,
   emits: alertEmits,
@@ -11859,7 +11859,7 @@ const _sfc_main$2q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "alert.vue"]]);
+var Alert = /* @__PURE__ */ _export_sfc(_sfc_main$2r, [["__file", "alert.vue"]]);
 
 const ElAlert = withInstall(Alert);
 
@@ -12027,7 +12027,7 @@ const COMPONENT_NAME$m = "ElForm";
 const __default__$1K = defineComponent({
   name: COMPONENT_NAME$m
 });
-const _sfc_main$2p = /* @__PURE__ */ defineComponent({
+const _sfc_main$2q = /* @__PURE__ */ defineComponent({
   ...__default__$1K,
   props: formProps,
   emits: formEmits,
@@ -12161,7 +12161,7 @@ const _sfc_main$2p = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "form.vue"]]);
+var Form = /* @__PURE__ */ _export_sfc(_sfc_main$2q, [["__file", "form.vue"]]);
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
@@ -13349,7 +13349,7 @@ const _hoisted_1$1a = ["role", "aria-labelledby"];
 const __default__$1J = defineComponent({
   name: "ElFormItem"
 });
-const _sfc_main$2o = /* @__PURE__ */ defineComponent({
+const _sfc_main$2p = /* @__PURE__ */ defineComponent({
   ...__default__$1J,
   props: formItemProps,
   setup(__props, { expose }) {
@@ -13650,7 +13650,7 @@ const _sfc_main$2o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "form-item.vue"]]);
+var FormItem = /* @__PURE__ */ _export_sfc(_sfc_main$2p, [["__file", "form-item.vue"]]);
 
 const ElForm = withInstall(Form, {
   FormItem
@@ -13835,7 +13835,7 @@ const __default__$1I = defineComponent({
   name: "ElInput",
   inheritAttrs: false
 });
-const _sfc_main$2n = /* @__PURE__ */ defineComponent({
+const _sfc_main$2o = /* @__PURE__ */ defineComponent({
   ...__default__$1I,
   props: inputProps,
   emits: inputEmits,
@@ -14252,7 +14252,7 @@ const _sfc_main$2n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2o, [["__file", "input.vue"]]);
 
 const ElInput = withInstall(Input);
 
@@ -14302,7 +14302,7 @@ const thumbProps = buildProps({
 });
 
 const COMPONENT_NAME$k = "Thumb";
-const _sfc_main$2m = /* @__PURE__ */ defineComponent({
+const _sfc_main$2n = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -14421,7 +14421,7 @@ const _sfc_main$2m = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2n, [["__file", "thumb.vue"]]);
 
 const barProps = buildProps({
   always: {
@@ -14434,7 +14434,7 @@ const barProps = buildProps({
   }
 });
 
-const _sfc_main$2l = /* @__PURE__ */ defineComponent({
+const _sfc_main$2m = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -14492,7 +14492,7 @@ const _sfc_main$2l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2m, [["__file", "bar.vue"]]);
 
 const scrollbarProps = buildProps({
   height: {
@@ -14548,7 +14548,7 @@ const COMPONENT_NAME$j = "ElScrollbar";
 const __default__$1H = defineComponent({
   name: COMPONENT_NAME$j
 });
-const _sfc_main$2k = /* @__PURE__ */ defineComponent({
+const _sfc_main$2l = /* @__PURE__ */ defineComponent({
   ...__default__$1H,
   props: scrollbarProps,
   emits: scrollbarEmits,
@@ -14698,7 +14698,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "scrollbar.vue"]]);
+var Scrollbar$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2l, [["__file", "scrollbar.vue"]]);
 
 const ElScrollbar = withInstall(Scrollbar$1);
 
@@ -14732,7 +14732,7 @@ const __default__$1G = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$2j = /* @__PURE__ */ defineComponent({
+const _sfc_main$2k = /* @__PURE__ */ defineComponent({
   ...__default__$1G,
   props: popperProps,
   setup(__props, { expose }) {
@@ -14756,7 +14756,7 @@ const _sfc_main$2j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "popper.vue"]]);
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2k, [["__file", "popper.vue"]]);
 
 const popperArrowProps = buildProps({
   arrowOffset: {
@@ -14770,7 +14770,7 @@ const __default__$1F = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$2i = /* @__PURE__ */ defineComponent({
+const _sfc_main$2j = /* @__PURE__ */ defineComponent({
   ...__default__$1F,
   props: popperArrowProps,
   setup(__props, { expose }) {
@@ -14797,7 +14797,7 @@ const _sfc_main$2i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2j, [["__file", "arrow.vue"]]);
 
 const NAME = "ElOnlyChild";
 const OnlyChild = defineComponent({
@@ -14889,7 +14889,7 @@ const __default__$1E = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$2h = /* @__PURE__ */ defineComponent({
+const _sfc_main$2i = /* @__PURE__ */ defineComponent({
   ...__default__$1E,
   props: popperTriggerProps,
   setup(__props, { expose }) {
@@ -14988,7 +14988,7 @@ const _sfc_main$2h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2i, [["__file", "trigger.vue"]]);
 
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
@@ -15138,7 +15138,7 @@ const createFocusOutPreventedEvent = (detail) => {
   });
 };
 
-const _sfc_main$2g = defineComponent({
+const _sfc_main$2h = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -15377,7 +15377,7 @@ const _sfc_main$2g = defineComponent({
 function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2h, [["render", _sfc_render$u], ["__file", "focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -15671,7 +15671,7 @@ const usePopperContentFocusTrap = (props, emit) => {
 const __default__$1D = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$2f = /* @__PURE__ */ defineComponent({
+const _sfc_main$2g = /* @__PURE__ */ defineComponent({
   ...__default__$1D,
   props: popperContentProps,
   emits: popperContentEmits,
@@ -15788,7 +15788,7 @@ const _sfc_main$2f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2g, [["__file", "content.vue"]]);
 
 const ElPopper = withInstall(Popper);
 
@@ -15873,7 +15873,7 @@ const whenTrigger = (trigger, type, handler) => {
 const __default__$1C = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+const _sfc_main$2f = /* @__PURE__ */ defineComponent({
   ...__default__$1C,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
@@ -15933,7 +15933,34 @@ const _sfc_main$2e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "trigger.vue"]]);
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2f, [["__file", "trigger.vue"]]);
+
+const teleportProps = buildProps({
+  to: {
+    type: definePropType([String, Object]),
+    required: true
+  },
+  disabled: Boolean
+});
+
+const _sfc_main$2e = /* @__PURE__ */ defineComponent({
+  __name: "teleport",
+  props: teleportProps,
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return _ctx.disabled ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createBlock(Teleport$1, {
+        key: 1,
+        to: _ctx.to
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 8, ["to"]));
+    };
+  }
+});
+var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2e, [["__file", "teleport.vue"]]);
+
+const ElTeleport = withInstall(Teleport);
+var ElTeleport$1 = ElTeleport;
 
 const __default__$1B = defineComponent({
   name: "ElTooltipContent",
@@ -16043,58 +16070,61 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
       contentRef
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
+      return openBlock(), createBlock(unref(ElTeleport$1), {
         disabled: !_ctx.teleported,
         to: unref(appendTo)
-      }, [
-        createVNode(Transition, {
-          name: unref(transitionClass),
-          onAfterLeave: onTransitionLeave,
-          onBeforeEnter,
-          onAfterEnter: onAfterShow,
-          onBeforeLeave
-        }, {
-          default: withCtx(() => [
-            unref(shouldRender) ? withDirectives((openBlock(), createBlock(unref(ElPopperContent), mergeProps({
-              key: 0,
-              id: unref(id),
-              ref_key: "contentRef",
-              ref: contentRef
-            }, _ctx.$attrs, {
-              "aria-label": _ctx.ariaLabel,
-              "aria-hidden": unref(ariaHidden),
-              "boundaries-padding": _ctx.boundariesPadding,
-              "fallback-placements": _ctx.fallbackPlacements,
-              "gpu-acceleration": _ctx.gpuAcceleration,
-              offset: _ctx.offset,
-              placement: _ctx.placement,
-              "popper-options": _ctx.popperOptions,
-              strategy: _ctx.strategy,
-              effect: _ctx.effect,
-              enterable: _ctx.enterable,
-              pure: _ctx.pure,
-              "popper-class": _ctx.popperClass,
-              "popper-style": [_ctx.popperStyle, unref(contentStyle)],
-              "reference-el": _ctx.referenceEl,
-              "trigger-target-el": _ctx.triggerTargetEl,
-              visible: unref(shouldShow),
-              "z-index": _ctx.zIndex,
-              onMouseenter: unref(onContentEnter),
-              onMouseleave: unref(onContentLeave),
-              onBlur,
-              onClose: unref(onClose)
-            }), {
-              default: withCtx(() => [
-                !destroyed.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
-              ]),
-              _: 3
-            }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
-              [vShow, unref(shouldShow)]
-            ]) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-        }, 8, ["name"])
-      ], 8, ["disabled", "to"]);
+      }, {
+        default: withCtx(() => [
+          createVNode(Transition, {
+            name: unref(transitionClass),
+            onAfterLeave: onTransitionLeave,
+            onBeforeEnter,
+            onAfterEnter: onAfterShow,
+            onBeforeLeave
+          }, {
+            default: withCtx(() => [
+              unref(shouldRender) ? withDirectives((openBlock(), createBlock(unref(ElPopperContent), mergeProps({
+                key: 0,
+                id: unref(id),
+                ref_key: "contentRef",
+                ref: contentRef
+              }, _ctx.$attrs, {
+                "aria-label": _ctx.ariaLabel,
+                "aria-hidden": unref(ariaHidden),
+                "boundaries-padding": _ctx.boundariesPadding,
+                "fallback-placements": _ctx.fallbackPlacements,
+                "gpu-acceleration": _ctx.gpuAcceleration,
+                offset: _ctx.offset,
+                placement: _ctx.placement,
+                "popper-options": _ctx.popperOptions,
+                strategy: _ctx.strategy,
+                effect: _ctx.effect,
+                enterable: _ctx.enterable,
+                pure: _ctx.pure,
+                "popper-class": _ctx.popperClass,
+                "popper-style": [_ctx.popperStyle, unref(contentStyle)],
+                "reference-el": _ctx.referenceEl,
+                "trigger-target-el": _ctx.triggerTargetEl,
+                visible: unref(shouldShow),
+                "z-index": _ctx.zIndex,
+                onMouseenter: unref(onContentEnter),
+                onMouseleave: unref(onContentLeave),
+                onBlur,
+                onClose: unref(onClose)
+              }), {
+                default: withCtx(() => [
+                  !destroyed.value ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("v-if", true)
+                ]),
+                _: 3
+              }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
+                [vShow, unref(shouldShow)]
+              ]) : createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["name"])
+        ]),
+        _: 3
+      }, 8, ["disabled", "to"]);
     };
   }
 });
@@ -19029,11 +19059,14 @@ const _sfc_main$23 = /* @__PURE__ */ defineComponent({
       if (showClose.value) {
         event.stopPropagation();
         focusOnInputBox();
-        emitInput(valueOnClear.value);
+        if (pickerOptions.value.handleClear) {
+          pickerOptions.value.handleClear();
+        } else {
+          emitInput(valueOnClear.value);
+        }
         emitChange(valueOnClear.value, true);
         showClose.value = false;
         pickerVisible.value = false;
-        pickerOptions.value.handleClear && pickerOptions.value.handleClear();
       }
       emit("clear");
     };
@@ -30005,96 +30038,99 @@ const _sfc_main$1m = /* @__PURE__ */ defineComponent({
       dialogContentRef
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
+      return openBlock(), createBlock(unref(ElTeleport$1), {
         to: _ctx.appendTo,
         disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
-      }, [
-        createVNode(Transition, {
-          name: "dialog-fade",
-          onAfterEnter: unref(afterEnter),
-          onAfterLeave: unref(afterLeave),
-          onBeforeLeave: unref(beforeLeave),
-          persisted: ""
-        }, {
-          default: withCtx(() => [
-            withDirectives(createVNode(unref(ElOverlay), {
-              "custom-mask-event": "",
-              mask: _ctx.modal,
-              "overlay-class": _ctx.modalClass,
-              "z-index": unref(zIndex)
-            }, {
-              default: withCtx(() => [
-                createElementVNode("div", {
-                  role: "dialog",
-                  "aria-modal": "true",
-                  "aria-label": _ctx.title || void 0,
-                  "aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
-                  "aria-describedby": unref(bodyId),
-                  class: normalizeClass(`${unref(ns).namespace.value}-overlay-dialog`),
-                  style: normalizeStyle(unref(overlayDialogStyle)),
-                  onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
-                  onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
-                  onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
-                }, [
-                  createVNode(unref(ElFocusTrap), {
-                    loop: "",
-                    trapped: unref(visible),
-                    "focus-start-el": "container",
-                    onFocusAfterTrapped: unref(onOpenAutoFocus),
-                    onFocusAfterReleased: unref(onCloseAutoFocus),
-                    onFocusoutPrevented: unref(onFocusoutPrevented),
-                    onReleaseRequested: unref(onCloseRequested)
-                  }, {
-                    default: withCtx(() => [
-                      unref(rendered) ? (openBlock(), createBlock(ElDialogContent, mergeProps({
-                        key: 0,
-                        ref_key: "dialogContentRef",
-                        ref: dialogContentRef
-                      }, _ctx.$attrs, {
-                        center: _ctx.center,
-                        "align-center": _ctx.alignCenter,
-                        "close-icon": _ctx.closeIcon,
-                        draggable: unref(draggable),
-                        overflow: _ctx.overflow,
-                        fullscreen: _ctx.fullscreen,
-                        "show-close": _ctx.showClose,
-                        title: _ctx.title,
-                        "aria-level": _ctx.headerAriaLevel,
-                        onClose: unref(handleClose)
-                      }), createSlots({
-                        header: withCtx(() => [
-                          !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
-                            key: 0,
-                            close: unref(handleClose),
-                            titleId: unref(titleId),
-                            titleClass: unref(ns).e("title")
-                          }) : renderSlot(_ctx.$slots, "title", { key: 1 })
-                        ]),
-                        default: withCtx(() => [
-                          renderSlot(_ctx.$slots, "default")
-                        ]),
-                        _: 2
-                      }, [
-                        _ctx.$slots.footer ? {
-                          name: "footer",
-                          fn: withCtx(() => [
-                            renderSlot(_ctx.$slots, "footer")
-                          ])
-                        } : void 0
-                      ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : createCommentVNode("v-if", true)
-                    ]),
-                    _: 3
-                  }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-                ], 46, _hoisted_1$G)
-              ]),
-              _: 3
-            }, 8, ["mask", "overlay-class", "z-index"]), [
-              [vShow, unref(visible)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-      ], 8, ["to", "disabled"]);
+      }, {
+        default: withCtx(() => [
+          createVNode(Transition, {
+            name: "dialog-fade",
+            onAfterEnter: unref(afterEnter),
+            onAfterLeave: unref(afterLeave),
+            onBeforeLeave: unref(beforeLeave),
+            persisted: ""
+          }, {
+            default: withCtx(() => [
+              withDirectives(createVNode(unref(ElOverlay), {
+                "custom-mask-event": "",
+                mask: _ctx.modal,
+                "overlay-class": _ctx.modalClass,
+                "z-index": unref(zIndex)
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    role: "dialog",
+                    "aria-modal": "true",
+                    "aria-label": _ctx.title || void 0,
+                    "aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
+                    "aria-describedby": unref(bodyId),
+                    class: normalizeClass(`${unref(ns).namespace.value}-overlay-dialog`),
+                    style: normalizeStyle(unref(overlayDialogStyle)),
+                    onClick: _cache[0] || (_cache[0] = (...args) => unref(overlayEvent).onClick && unref(overlayEvent).onClick(...args)),
+                    onMousedown: _cache[1] || (_cache[1] = (...args) => unref(overlayEvent).onMousedown && unref(overlayEvent).onMousedown(...args)),
+                    onMouseup: _cache[2] || (_cache[2] = (...args) => unref(overlayEvent).onMouseup && unref(overlayEvent).onMouseup(...args))
+                  }, [
+                    createVNode(unref(ElFocusTrap), {
+                      loop: "",
+                      trapped: unref(visible),
+                      "focus-start-el": "container",
+                      onFocusAfterTrapped: unref(onOpenAutoFocus),
+                      onFocusAfterReleased: unref(onCloseAutoFocus),
+                      onFocusoutPrevented: unref(onFocusoutPrevented),
+                      onReleaseRequested: unref(onCloseRequested)
+                    }, {
+                      default: withCtx(() => [
+                        unref(rendered) ? (openBlock(), createBlock(ElDialogContent, mergeProps({
+                          key: 0,
+                          ref_key: "dialogContentRef",
+                          ref: dialogContentRef
+                        }, _ctx.$attrs, {
+                          center: _ctx.center,
+                          "align-center": _ctx.alignCenter,
+                          "close-icon": _ctx.closeIcon,
+                          draggable: unref(draggable),
+                          overflow: _ctx.overflow,
+                          fullscreen: _ctx.fullscreen,
+                          "show-close": _ctx.showClose,
+                          title: _ctx.title,
+                          "aria-level": _ctx.headerAriaLevel,
+                          onClose: unref(handleClose)
+                        }), createSlots({
+                          header: withCtx(() => [
+                            !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
+                              key: 0,
+                              close: unref(handleClose),
+                              titleId: unref(titleId),
+                              titleClass: unref(ns).e("title")
+                            }) : renderSlot(_ctx.$slots, "title", { key: 1 })
+                          ]),
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, "default")
+                          ]),
+                          _: 2
+                        }, [
+                          _ctx.$slots.footer ? {
+                            name: "footer",
+                            fn: withCtx(() => [
+                              renderSlot(_ctx.$slots, "footer")
+                            ])
+                          } : void 0
+                        ]), 1040, ["center", "align-center", "close-icon", "draggable", "overflow", "fullscreen", "show-close", "title", "aria-level", "onClose"])) : createCommentVNode("v-if", true)
+                      ]),
+                      _: 3
+                    }, 8, ["trapped", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+                  ], 46, _hoisted_1$G)
+                ]),
+                _: 3
+              }, 8, ["mask", "overlay-class", "z-index"]), [
+                [vShow, unref(visible)]
+              ])
+            ]),
+            _: 3
+          }, 8, ["onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+        ]),
+        _: 3
+      }, 8, ["to", "disabled"]);
     };
   }
 });
@@ -30229,119 +30265,122 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
       afterLeave
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
-        to: "body",
-        disabled: !_ctx.appendToBody
-      }, [
-        createVNode(Transition, {
-          name: unref(ns).b("fade"),
-          onAfterEnter: unref(afterEnter),
-          onAfterLeave: unref(afterLeave),
-          onBeforeLeave: unref(beforeLeave),
-          persisted: ""
-        }, {
-          default: withCtx(() => [
-            withDirectives(createVNode(unref(ElOverlay), {
-              mask: _ctx.modal,
-              "overlay-class": _ctx.modalClass,
-              "z-index": unref(zIndex),
-              onClick: unref(onModalClick)
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElFocusTrap), {
-                  loop: "",
-                  trapped: unref(visible),
-                  "focus-trap-el": drawerRef.value,
-                  "focus-start-el": focusStartRef.value,
-                  onFocusAfterTrapped: unref(onOpenAutoFocus),
-                  onFocusAfterReleased: unref(onCloseAutoFocus),
-                  onFocusoutPrevented: unref(onFocusoutPrevented),
-                  onReleaseRequested: unref(onCloseRequested)
-                }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", mergeProps({
-                      ref_key: "drawerRef",
-                      ref: drawerRef,
-                      "aria-modal": "true",
-                      "aria-label": _ctx.title || void 0,
-                      "aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
-                      "aria-describedby": unref(bodyId)
-                    }, _ctx.$attrs, {
-                      class: [unref(ns).b(), _ctx.direction, unref(visible) && "open"],
-                      style: unref(isHorizontal) ? "width: " + unref(drawerSize) : "height: " + unref(drawerSize),
-                      role: "dialog",
-                      onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                      }, ["stop"]))
-                    }), [
-                      createElementVNode("span", {
-                        ref_key: "focusStartRef",
-                        ref: focusStartRef,
-                        class: normalizeClass(unref(ns).e("sr-focus")),
-                        tabindex: "-1"
-                      }, null, 2),
-                      _ctx.withHeader ? (openBlock(), createElementBlock("header", {
-                        key: 0,
-                        class: normalizeClass(unref(ns).e("header"))
-                      }, [
-                        !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
+      return openBlock(), createBlock(unref(ElTeleport$1), {
+        to: _ctx.appendTo,
+        disabled: _ctx.appendTo !== "body" ? false : !_ctx.appendToBody
+      }, {
+        default: withCtx(() => [
+          createVNode(Transition, {
+            name: unref(ns).b("fade"),
+            onAfterEnter: unref(afterEnter),
+            onAfterLeave: unref(afterLeave),
+            onBeforeLeave: unref(beforeLeave),
+            persisted: ""
+          }, {
+            default: withCtx(() => [
+              withDirectives(createVNode(unref(ElOverlay), {
+                mask: _ctx.modal,
+                "overlay-class": _ctx.modalClass,
+                "z-index": unref(zIndex),
+                onClick: unref(onModalClick)
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(ElFocusTrap), {
+                    loop: "",
+                    trapped: unref(visible),
+                    "focus-trap-el": drawerRef.value,
+                    "focus-start-el": focusStartRef.value,
+                    onFocusAfterTrapped: unref(onOpenAutoFocus),
+                    onFocusAfterReleased: unref(onCloseAutoFocus),
+                    onFocusoutPrevented: unref(onFocusoutPrevented),
+                    onReleaseRequested: unref(onCloseRequested)
+                  }, {
+                    default: withCtx(() => [
+                      createElementVNode("div", mergeProps({
+                        ref_key: "drawerRef",
+                        ref: drawerRef,
+                        "aria-modal": "true",
+                        "aria-label": _ctx.title || void 0,
+                        "aria-labelledby": !_ctx.title ? unref(titleId) : void 0,
+                        "aria-describedby": unref(bodyId)
+                      }, _ctx.$attrs, {
+                        class: [unref(ns).b(), _ctx.direction, unref(visible) && "open"],
+                        style: unref(isHorizontal) ? "width: " + unref(drawerSize) : "height: " + unref(drawerSize),
+                        role: "dialog",
+                        onClick: _cache[1] || (_cache[1] = withModifiers(() => {
+                        }, ["stop"]))
+                      }), [
+                        createElementVNode("span", {
+                          ref_key: "focusStartRef",
+                          ref: focusStartRef,
+                          class: normalizeClass(unref(ns).e("sr-focus")),
+                          tabindex: "-1"
+                        }, null, 2),
+                        _ctx.withHeader ? (openBlock(), createElementBlock("header", {
                           key: 0,
-                          close: unref(handleClose),
-                          titleId: unref(titleId),
-                          titleClass: unref(ns).e("title")
-                        }, () => [
-                          !_ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+                          class: normalizeClass(unref(ns).e("header"))
+                        }, [
+                          !_ctx.$slots.title ? renderSlot(_ctx.$slots, "header", {
                             key: 0,
-                            id: unref(titleId),
-                            role: "heading",
-                            "aria-level": _ctx.headerAriaLevel,
-                            class: normalizeClass(unref(ns).e("title"))
-                          }, toDisplayString(_ctx.title), 11, _hoisted_2$o)) : createCommentVNode("v-if", true)
-                        ]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
-                          createCommentVNode(" DEPRECATED SLOT ")
-                        ]),
-                        _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                            close: unref(handleClose),
+                            titleId: unref(titleId),
+                            titleClass: unref(ns).e("title")
+                          }, () => [
+                            !_ctx.$slots.title ? (openBlock(), createElementBlock("span", {
+                              key: 0,
+                              id: unref(titleId),
+                              role: "heading",
+                              "aria-level": _ctx.headerAriaLevel,
+                              class: normalizeClass(unref(ns).e("title"))
+                            }, toDisplayString(_ctx.title), 11, _hoisted_2$o)) : createCommentVNode("v-if", true)
+                          ]) : renderSlot(_ctx.$slots, "title", { key: 1 }, () => [
+                            createCommentVNode(" DEPRECATED SLOT ")
+                          ]),
+                          _ctx.showClose ? (openBlock(), createElementBlock("button", {
+                            key: 2,
+                            "aria-label": unref(t)("el.drawer.close"),
+                            class: normalizeClass(unref(ns).e("close-btn")),
+                            type: "button",
+                            onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClose) && unref(handleClose)(...args))
+                          }, [
+                            createVNode(unref(ElIcon), {
+                              class: normalizeClass(unref(ns).e("close"))
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(close_default))
+                              ]),
+                              _: 1
+                            }, 8, ["class"])
+                          ], 10, _hoisted_3$a)) : createCommentVNode("v-if", true)
+                        ], 2)) : createCommentVNode("v-if", true),
+                        unref(rendered) ? (openBlock(), createElementBlock("div", {
+                          key: 1,
+                          id: unref(bodyId),
+                          class: normalizeClass(unref(ns).e("body"))
+                        }, [
+                          renderSlot(_ctx.$slots, "default")
+                        ], 10, _hoisted_4$6)) : createCommentVNode("v-if", true),
+                        _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
                           key: 2,
-                          "aria-label": unref(t)("el.drawer.close"),
-                          class: normalizeClass(unref(ns).e("close-btn")),
-                          type: "button",
-                          onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClose) && unref(handleClose)(...args))
+                          class: normalizeClass(unref(ns).e("footer"))
                         }, [
-                          createVNode(unref(ElIcon), {
-                            class: normalizeClass(unref(ns).e("close"))
-                          }, {
-                            default: withCtx(() => [
-                              createVNode(unref(close_default))
-                            ]),
-                            _: 1
-                          }, 8, ["class"])
-                        ], 10, _hoisted_3$a)) : createCommentVNode("v-if", true)
-                      ], 2)) : createCommentVNode("v-if", true),
-                      unref(rendered) ? (openBlock(), createElementBlock("div", {
-                        key: 1,
-                        id: unref(bodyId),
-                        class: normalizeClass(unref(ns).e("body"))
-                      }, [
-                        renderSlot(_ctx.$slots, "default")
-                      ], 10, _hoisted_4$6)) : createCommentVNode("v-if", true),
-                      _ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-                        key: 2,
-                        class: normalizeClass(unref(ns).e("footer"))
-                      }, [
-                        renderSlot(_ctx.$slots, "footer")
-                      ], 2)) : createCommentVNode("v-if", true)
-                    ], 16, _hoisted_1$F)
-                  ]),
-                  _: 3
-                }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
-              ]),
-              _: 3
-            }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
-              [vShow, unref(visible)]
-            ])
-          ]),
-          _: 3
-        }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
-      ], 8, ["disabled"]);
+                          renderSlot(_ctx.$slots, "footer")
+                        ], 2)) : createCommentVNode("v-if", true)
+                      ], 16, _hoisted_1$F)
+                    ]),
+                    _: 3
+                  }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusoutPrevented", "onReleaseRequested"])
+                ]),
+                _: 3
+              }, 8, ["mask", "overlay-class", "z-index", "onClick"]), [
+                [vShow, unref(visible)]
+              ])
+            ]),
+            _: 3
+          }, 8, ["name", "onAfterEnter", "onAfterLeave", "onBeforeLeave"])
+        ]),
+        _: 3
+      }, 8, ["to", "disabled"]);
     };
   }
 });
@@ -31898,143 +31937,146 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
       setActiveItem
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(Teleport, {
+      return openBlock(), createBlock(unref(ElTeleport$1), {
         to: "body",
         disabled: !_ctx.teleported
-      }, [
-        createVNode(Transition, {
-          name: "viewer-fade",
-          appear: ""
-        }, {
-          default: withCtx(() => [
-            createElementVNode("div", {
-              ref_key: "wrapper",
-              ref: wrapper,
-              tabindex: -1,
-              class: normalizeClass(unref(ns).e("wrapper")),
-              style: normalizeStyle({ zIndex: zIndex.value })
-            }, [
+      }, {
+        default: withCtx(() => [
+          createVNode(Transition, {
+            name: "viewer-fade",
+            appear: ""
+          }, {
+            default: withCtx(() => [
               createElementVNode("div", {
-                class: normalizeClass(unref(ns).e("mask")),
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.hideOnClickModal && hide(), ["self"]))
-              }, null, 2),
-              createCommentVNode(" CLOSE "),
-              createElementVNode("span", {
-                class: normalizeClass([unref(ns).e("btn"), unref(ns).e("close")]),
-                onClick: hide
+                ref_key: "wrapper",
+                ref: wrapper,
+                tabindex: -1,
+                class: normalizeClass(unref(ns).e("wrapper")),
+                style: normalizeStyle({ zIndex: zIndex.value })
               }, [
-                createVNode(unref(ElIcon), null, {
-                  default: withCtx(() => [
-                    createVNode(unref(close_default))
-                  ]),
-                  _: 1
-                })
-              ], 2),
-              createCommentVNode(" ARROW "),
-              !unref(isSingle) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(ns).e("mask")),
+                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.hideOnClickModal && hide(), ["self"]))
+                }, null, 2),
+                createCommentVNode(" CLOSE "),
                 createElementVNode("span", {
-                  class: normalizeClass(unref(arrowPrevKls)),
-                  onClick: prev
+                  class: normalizeClass([unref(ns).e("btn"), unref(ns).e("close")]),
+                  onClick: hide
                 }, [
                   createVNode(unref(ElIcon), null, {
                     default: withCtx(() => [
-                      createVNode(unref(arrow_left_default))
+                      createVNode(unref(close_default))
                     ]),
                     _: 1
                   })
                 ], 2),
-                createElementVNode("span", {
-                  class: normalizeClass(unref(arrowNextKls)),
-                  onClick: next
+                createCommentVNode(" ARROW "),
+                !unref(isSingle) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                  createElementVNode("span", {
+                    class: normalizeClass(unref(arrowPrevKls)),
+                    onClick: prev
+                  }, [
+                    createVNode(unref(ElIcon), null, {
+                      default: withCtx(() => [
+                        createVNode(unref(arrow_left_default))
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  createElementVNode("span", {
+                    class: normalizeClass(unref(arrowNextKls)),
+                    onClick: next
+                  }, [
+                    createVNode(unref(ElIcon), null, {
+                      default: withCtx(() => [
+                        createVNode(unref(arrow_right_default))
+                      ]),
+                      _: 1
+                    })
+                  ], 2)
+                ], 64)) : createCommentVNode("v-if", true),
+                createCommentVNode(" ACTIONS "),
+                createElementVNode("div", {
+                  class: normalizeClass([unref(ns).e("btn"), unref(ns).e("actions")])
                 }, [
-                  createVNode(unref(ElIcon), null, {
-                    default: withCtx(() => [
-                      createVNode(unref(arrow_right_default))
-                    ]),
-                    _: 1
-                  })
-                ], 2)
-              ], 64)) : createCommentVNode("v-if", true),
-              createCommentVNode(" ACTIONS "),
-              createElementVNode("div", {
-                class: normalizeClass([unref(ns).e("btn"), unref(ns).e("actions")])
-              }, [
+                  createElementVNode("div", {
+                    class: normalizeClass(unref(ns).e("actions__inner"))
+                  }, [
+                    createVNode(unref(ElIcon), {
+                      onClick: _cache[1] || (_cache[1] = ($event) => handleActions("zoomOut"))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(zoom_out_default))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(ElIcon), {
+                      onClick: _cache[2] || (_cache[2] = ($event) => handleActions("zoomIn"))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(zoom_in_default))
+                      ]),
+                      _: 1
+                    }),
+                    createElementVNode("i", {
+                      class: normalizeClass(unref(ns).e("actions__divider"))
+                    }, null, 2),
+                    createVNode(unref(ElIcon), { onClick: toggleMode }, {
+                      default: withCtx(() => [
+                        (openBlock(), createBlock(resolveDynamicComponent(unref(mode).icon)))
+                      ]),
+                      _: 1
+                    }),
+                    createElementVNode("i", {
+                      class: normalizeClass(unref(ns).e("actions__divider"))
+                    }, null, 2),
+                    createVNode(unref(ElIcon), {
+                      onClick: _cache[3] || (_cache[3] = ($event) => handleActions("anticlockwise"))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(refresh_left_default))
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(ElIcon), {
+                      onClick: _cache[4] || (_cache[4] = ($event) => handleActions("clockwise"))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(refresh_right_default))
+                      ]),
+                      _: 1
+                    })
+                  ], 2)
+                ], 2),
+                createCommentVNode(" CANVAS "),
                 createElementVNode("div", {
-                  class: normalizeClass(unref(ns).e("actions__inner"))
+                  class: normalizeClass(unref(ns).e("canvas"))
                 }, [
-                  createVNode(unref(ElIcon), {
-                    onClick: _cache[1] || (_cache[1] = ($event) => handleActions("zoomOut"))
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(zoom_out_default))
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(ElIcon), {
-                    onClick: _cache[2] || (_cache[2] = ($event) => handleActions("zoomIn"))
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(zoom_in_default))
-                    ]),
-                    _: 1
-                  }),
-                  createElementVNode("i", {
-                    class: normalizeClass(unref(ns).e("actions__divider"))
-                  }, null, 2),
-                  createVNode(unref(ElIcon), { onClick: toggleMode }, {
-                    default: withCtx(() => [
-                      (openBlock(), createBlock(resolveDynamicComponent(unref(mode).icon)))
-                    ]),
-                    _: 1
-                  }),
-                  createElementVNode("i", {
-                    class: normalizeClass(unref(ns).e("actions__divider"))
-                  }, null, 2),
-                  createVNode(unref(ElIcon), {
-                    onClick: _cache[3] || (_cache[3] = ($event) => handleActions("anticlockwise"))
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(refresh_left_default))
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(unref(ElIcon), {
-                    onClick: _cache[4] || (_cache[4] = ($event) => handleActions("clockwise"))
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(refresh_right_default))
-                    ]),
-                    _: 1
-                  })
-                ], 2)
-              ], 2),
-              createCommentVNode(" CANVAS "),
-              createElementVNode("div", {
-                class: normalizeClass(unref(ns).e("canvas"))
-              }, [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.urlList, (url, i) => {
-                  return withDirectives((openBlock(), createElementBlock("img", {
-                    ref_for: true,
-                    ref: (el) => imgRefs.value[i] = el,
-                    key: url,
-                    src: url,
-                    style: normalizeStyle(unref(imgStyle)),
-                    class: normalizeClass(unref(ns).e("img")),
-                    crossorigin: _ctx.crossorigin,
-                    onLoad: handleImgLoad,
-                    onError: handleImgError,
-                    onMousedown: handleMouseDown
-                  }, null, 46, _hoisted_1$A)), [
-                    [vShow, i === activeIndex.value]
-                  ]);
-                }), 128))
-              ], 2),
-              renderSlot(_ctx.$slots, "default")
-            ], 6)
-          ]),
-          _: 3
-        })
-      ], 8, ["disabled"]);
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.urlList, (url, i) => {
+                    return withDirectives((openBlock(), createElementBlock("img", {
+                      ref_for: true,
+                      ref: (el) => imgRefs.value[i] = el,
+                      key: url,
+                      src: url,
+                      style: normalizeStyle(unref(imgStyle)),
+                      class: normalizeClass(unref(ns).e("img")),
+                      crossorigin: _ctx.crossorigin,
+                      onLoad: handleImgLoad,
+                      onError: handleImgError,
+                      onMousedown: handleMouseDown
+                    }, null, 46, _hoisted_1$A)), [
+                      [vShow, i === activeIndex.value]
+                    ]);
+                  }), 128))
+                ], 2),
+                renderSlot(_ctx.$slots, "default")
+              ], 6)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 8, ["disabled"]);
     };
   }
 });
@@ -40863,6 +40905,11 @@ const useSlide = (props, initData, emit) => {
       emitChange();
     }
   };
+  const onSliderMarkerDown = (position) => {
+    if (sliderDisabled.value || initData.dragging)
+      return;
+    setPosition(position);
+  };
   return {
     elFormItem,
     slider,
@@ -40879,6 +40926,7 @@ const useSlide = (props, initData, emit) => {
     onSliderWrapperPrevent,
     onSliderClick,
     onSliderDown,
+    onSliderMarkerDown,
     setFirstValue,
     setSecondValue
   };
@@ -41367,6 +41415,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       onSliderWrapperPrevent,
       onSliderClick,
       onSliderDown,
+      onSliderMarkerDown,
       setFirstValue,
       setSecondValue
     } = useSlide(props, initData, emit);
@@ -41526,8 +41575,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                 return openBlock(), createBlock(unref(SliderMarker), {
                   key,
                   mark: item.mark,
-                  style: normalizeStyle(unref(getStopStyle)(item.position))
-                }, null, 8, ["mark", "style"]);
+                  style: normalizeStyle(unref(getStopStyle)(item.position)),
+                  onMousedown: withModifiers(($event) => unref(onSliderMarkerDown)(item.position), ["stop"])
+                }, null, 8, ["mark", "style", "onMousedown"]);
               }), 128))
             ], 2)
           ], 64)) : createCommentVNode("v-if", true)
@@ -42704,10 +42754,12 @@ function compose(...funcs) {
   }
   return funcs.reduce((a, b) => (...args) => a(b(...args)));
 }
-function toggleRowStatus(statusArr, row, newVal) {
+function toggleRowStatus(statusArr, row, newVal, tableTreeProps, selectable, rowIndex) {
+  let _rowIndex = rowIndex != null ? rowIndex : 0;
   let changed = false;
   const index = statusArr.indexOf(row);
   const included = index !== -1;
+  const isRowSelectable = selectable == null ? void 0 : selectable.call(null, row, rowIndex);
   const toggleStatus = (type) => {
     if (type === "add") {
       statusArr.push(row);
@@ -42715,20 +42767,34 @@ function toggleRowStatus(statusArr, row, newVal) {
       statusArr.splice(index, 1);
     }
     changed = true;
-    if (isArray$1(row.children)) {
-      row.children.forEach((item) => {
-        toggleRowStatus(statusArr, item, newVal != null ? newVal : !included);
+  };
+  const getChildrenCount = (row2) => {
+    let count = 0;
+    const children = (tableTreeProps == null ? void 0 : tableTreeProps.children) && row2[tableTreeProps.children];
+    if (children && isArray$1(children)) {
+      count += children.length;
+      children.forEach((item) => {
+        count += getChildrenCount(item);
       });
     }
+    return count;
   };
-  if (isBoolean(newVal)) {
-    if (newVal && !included) {
-      toggleStatus("add");
-    } else if (!newVal && included) {
-      toggleStatus("remove");
+  if (!selectable || isRowSelectable) {
+    if (isBoolean(newVal)) {
+      if (newVal && !included) {
+        toggleStatus("add");
+      } else if (!newVal && included) {
+        toggleStatus("remove");
+      }
+    } else {
+      included ? toggleStatus("remove") : toggleStatus("add");
     }
-  } else {
-    included ? toggleStatus("remove") : toggleStatus("add");
+  }
+  if (!(tableTreeProps == null ? void 0 : tableTreeProps.checkStrictly) && (tableTreeProps == null ? void 0 : tableTreeProps.children) && isArray$1(row[tableTreeProps.children])) {
+    row[tableTreeProps.children].forEach((item) => {
+      toggleRowStatus(statusArr, item, newVal != null ? newVal : !included, tableTreeProps, selectable, _rowIndex + 1);
+      _rowIndex += getChildrenCount(item) + 1;
+    });
   }
   return changed;
 }
@@ -43024,6 +43090,7 @@ function useTree$2(watcherData) {
   const lazyTreeNodeMap = ref({});
   const lazyColumnIdentifier = ref("hasChildren");
   const childrenColumnName = ref("children");
+  const checkStrictly = ref(false);
   const instance = getCurrentInstance();
   const normalizedData = computed(() => {
     if (!watcherData.rowKey.value)
@@ -43203,7 +43270,8 @@ function useTree$2(watcherData) {
       lazy,
       lazyTreeNodeMap,
       lazyColumnIdentifier,
-      childrenColumnName
+      childrenColumnName,
+      checkStrictly
     }
   };
 }
@@ -43337,7 +43405,12 @@ function useWatcher$1() {
     return (selection.value || []).slice();
   };
   const toggleRowSelection = (row, selected, emitChange = true) => {
-    const changed = toggleRowStatus(selection.value, row, selected);
+    var _a2, _b, _c, _d;
+    const treeProps = {
+      children: (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.childrenColumnName.value,
+      checkStrictly: (_d = (_c = instance == null ? void 0 : instance.store) == null ? void 0 : _c.states) == null ? void 0 : _d.checkStrictly.value
+    };
+    const changed = toggleRowStatus(selection.value, row, selected, treeProps, selectable.value);
     if (changed) {
       const newSelection = (selection.value || []).slice();
       if (emitChange) {
@@ -43353,16 +43426,15 @@ function useWatcher$1() {
     let selectionChanged = false;
     let childrenCount = 0;
     const rowKey2 = (_b = (_a2 = instance == null ? void 0 : instance.store) == null ? void 0 : _a2.states) == null ? void 0 : _b.rowKey.value;
+    const { childrenColumnName } = instance.store.states;
+    const treeProps = {
+      children: childrenColumnName.value,
+      checkStrictly: false
+    };
     data.value.forEach((row, index) => {
       const rowIndex = index + childrenCount;
-      if (selectable.value) {
-        if (selectable.value.call(null, row, rowIndex) && toggleRowStatus(selection.value, row, value)) {
-          selectionChanged = true;
-        }
-      } else {
-        if (toggleRowStatus(selection.value, row, value)) {
-          selectionChanged = true;
-        }
+      if (toggleRowStatus(selection.value, row, value, treeProps, selectable.value, rowIndex)) {
+        selectionChanged = true;
       }
       childrenCount += getChildrenCount(getRowIdentity(row, rowKey2));
     });
@@ -43382,43 +43454,42 @@ function useWatcher$1() {
     });
   };
   const updateAllSelected = () => {
-    var _a2, _b, _c;
+    var _a2;
     if (((_a2 = data.value) == null ? void 0 : _a2.length) === 0) {
       isAllSelected.value = false;
       return;
     }
-    let selectedMap;
-    if (rowKey.value) {
-      selectedMap = getKeysMap(selection.value, rowKey.value);
-    }
-    const isSelected2 = function(row) {
+    const { childrenColumnName } = instance.store.states;
+    const selectedMap = rowKey.value ? getKeysMap(selection.value, rowKey.value) : void 0;
+    let rowIndex = 0;
+    let selectedCount = 0;
+    const isSelected2 = (row) => {
       if (selectedMap) {
         return !!selectedMap[getRowIdentity(row, rowKey.value)];
       } else {
         return selection.value.includes(row);
       }
     };
-    let isAllSelected_ = true;
-    let selectedCount = 0;
-    let childrenCount = 0;
-    for (let i = 0, j = (data.value || []).length; i < j; i++) {
-      const keyProp = (_c = (_b = instance == null ? void 0 : instance.store) == null ? void 0 : _b.states) == null ? void 0 : _c.rowKey.value;
-      const rowIndex = i + childrenCount;
-      const item = data.value[i];
-      const isRowSelectable = selectable.value && selectable.value.call(null, item, rowIndex);
-      if (!isSelected2(item)) {
-        if (!selectable.value || isRowSelectable) {
-          isAllSelected_ = false;
-          break;
+    const checkSelectedStatus = (data2) => {
+      var _a3;
+      for (const row of data2) {
+        const isRowSelectable = selectable.value && selectable.value.call(null, row, rowIndex);
+        if (!isSelected2(row)) {
+          if (!selectable.value || isRowSelectable) {
+            return false;
+          }
+        } else {
+          selectedCount++;
+        }
+        rowIndex++;
+        if (((_a3 = row[childrenColumnName.value]) == null ? void 0 : _a3.length) && !checkSelectedStatus(row[childrenColumnName.value])) {
+          return false;
         }
-      } else {
-        selectedCount++;
       }
-      childrenCount += getChildrenCount(getRowIdentity(item, keyProp));
-    }
-    if (selectedCount === 0)
-      isAllSelected_ = false;
-    isAllSelected.value = isAllSelected_;
+      return true;
+    };
+    const isAllSelected_ = checkSelectedStatus(data.value || []);
+    isAllSelected.value = selectedCount === 0 ? false : isAllSelected_;
   };
   const getChildrenCount = (rowKey2) => {
     var _a2;
@@ -43836,6 +43907,10 @@ const InitialStateMap = {
   ["treeProps.children"]: {
     key: "childrenColumnName",
     default: "children"
+  },
+  ["treeProps.checkStrictly"]: {
+    key: "checkStrictly",
+    default: false
   }
 };
 function createStore(table, props) {
@@ -45988,7 +46063,8 @@ var defaultProps$1 = {
     default: () => {
       return {
         hasChildren: "hasChildren",
-        children: "children"
+        children: "children",
+        checkStrictly: false
       };
     }
   },
@@ -50627,12 +50703,28 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             ]),
             _: 3
           }, 16),
-          (openBlock(), createBlock(Teleport, {
+          createVNode(unref(ElTeleport$1), {
             to: _ctx.to,
             disabled: !_ctx.teleported
-          }, [
-            _ctx.fullTransition ? (openBlock(), createBlock(Transition, normalizeProps(mergeProps({ key: 0 }, _ctx.transitionProps)), {
-              default: withCtx(() => [
+          }, {
+            default: withCtx(() => [
+              _ctx.fullTransition ? (openBlock(), createBlock(Transition, normalizeProps(mergeProps({ key: 0 }, _ctx.transitionProps)), {
+                default: withCtx(() => [
+                  _ctx.alwaysOn || open ? (openBlock(), createBlock(TooltipV2Content, normalizeProps(mergeProps({ key: 0 }, contentProps)), {
+                    arrow: withCtx(({ style, side }) => [
+                      _ctx.showArrow ? (openBlock(), createBlock(TooltipV2Arrow, mergeProps({ key: 0 }, arrowProps, {
+                        style,
+                        side
+                      }), null, 16, ["style", "side"])) : createCommentVNode("v-if", true)
+                    ]),
+                    default: withCtx(() => [
+                      renderSlot(_ctx.$slots, "default")
+                    ]),
+                    _: 3
+                  }, 16)) : createCommentVNode("v-if", true)
+                ]),
+                _: 2
+              }, 1040)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
                 _ctx.alwaysOn || open ? (openBlock(), createBlock(TooltipV2Content, normalizeProps(mergeProps({ key: 0 }, contentProps)), {
                   arrow: withCtx(({ style, side }) => [
                     _ctx.showArrow ? (openBlock(), createBlock(TooltipV2Arrow, mergeProps({ key: 0 }, arrowProps, {
@@ -50645,23 +50737,10 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
                   ]),
                   _: 3
                 }, 16)) : createCommentVNode("v-if", true)
-              ]),
-              _: 2
-            }, 1040)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              _ctx.alwaysOn || open ? (openBlock(), createBlock(TooltipV2Content, normalizeProps(mergeProps({ key: 0 }, contentProps)), {
-                arrow: withCtx(({ style, side }) => [
-                  _ctx.showArrow ? (openBlock(), createBlock(TooltipV2Arrow, mergeProps({ key: 0 }, arrowProps, {
-                    style,
-                    side
-                  }), null, 16, ["style", "side"])) : createCommentVNode("v-if", true)
-                ]),
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default")
-                ]),
-                _: 3
-              }, 16)) : createCommentVNode("v-if", true)
-            ], 64))
-          ], 8, ["to", "disabled"]))
+              ], 64))
+            ]),
+            _: 2
+          }, 1032, ["to", "disabled"])
         ]),
         _: 3
       }, 16);
@@ -55926,42 +56005,47 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      var _a, _b;
       return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(), createBlock(Teleport, { to: _ctx.appendTo }, [
-          createElementVNode("div", mergeProps({ class: unref(kls) }, _ctx.$attrs), [
-            createVNode(ElTourMask, {
-              visible: unref(mergedShowMask),
-              fill: (_a = unref(mergedMaskStyle)) == null ? void 0 : _a.color,
-              style: normalizeStyle((_b = unref(mergedMaskStyle)) == null ? void 0 : _b.style),
-              pos: unref(pos),
-              "z-index": unref(mergedZIndex),
-              "target-area-clickable": _ctx.targetAreaClickable
-            }, null, 8, ["visible", "fill", "style", "pos", "z-index", "target-area-clickable"]),
-            _ctx.modelValue ? (openBlock(), createBlock(ElTourContent, {
-              key: unref(current),
-              reference: unref(triggerTarget),
-              placement: unref(mergedPlacement),
-              "show-arrow": unref(mergedShowArrow),
-              "z-index": unref(mergedZIndex),
-              style: normalizeStyle(unref(mergedContentStyle)),
-              onClose: onEscClose
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ElTourSteps), {
-                  current: unref(current),
-                  onUpdateTotal
+        createVNode(unref(ElTeleport$1), { to: _ctx.appendTo }, {
+          default: withCtx(() => {
+            var _a, _b;
+            return [
+              createElementVNode("div", mergeProps({ class: unref(kls) }, _ctx.$attrs), [
+                createVNode(ElTourMask, {
+                  visible: unref(mergedShowMask),
+                  fill: (_a = unref(mergedMaskStyle)) == null ? void 0 : _a.color,
+                  style: normalizeStyle((_b = unref(mergedMaskStyle)) == null ? void 0 : _b.style),
+                  pos: unref(pos),
+                  "z-index": unref(mergedZIndex),
+                  "target-area-clickable": _ctx.targetAreaClickable
+                }, null, 8, ["visible", "fill", "style", "pos", "z-index", "target-area-clickable"]),
+                _ctx.modelValue ? (openBlock(), createBlock(ElTourContent, {
+                  key: unref(current),
+                  reference: unref(triggerTarget),
+                  placement: unref(mergedPlacement),
+                  "show-arrow": unref(mergedShowArrow),
+                  "z-index": unref(mergedZIndex),
+                  style: normalizeStyle(unref(mergedContentStyle)),
+                  onClose: onEscClose
                 }, {
                   default: withCtx(() => [
-                    renderSlot(_ctx.$slots, "default")
+                    createVNode(unref(ElTourSteps), {
+                      current: unref(current),
+                      onUpdateTotal
+                    }, {
+                      default: withCtx(() => [
+                        renderSlot(_ctx.$slots, "default")
+                      ]),
+                      _: 3
+                    }, 8, ["current"])
                   ]),
                   _: 3
-                }, 8, ["current"])
-              ]),
-              _: 3
-            }, 8, ["reference", "placement", "show-arrow", "z-index", "style"])) : createCommentVNode("v-if", true)
-          ], 16)
-        ], 8, ["to"])),
+                }, 8, ["reference", "placement", "show-arrow", "z-index", "style"])) : createCommentVNode("v-if", true)
+              ], 16)
+            ];
+          }),
+          _: 3
+        }, 8, ["to"]),
         createCommentVNode(" just for IDE "),
         createCommentVNode("v-if", true)
       ], 64);
@@ -57551,7 +57635,7 @@ function createLoadingComponent(options) {
       return;
     afterLeaveFlag.value = true;
     clearTimeout(afterLeaveTimer);
-    afterLeaveTimer = window.setTimeout(handleAfterLeave, 400);
+    afterLeaveTimer = setTimeout(handleAfterLeave, 400);
     data.visible = false;
     (_a = options.closed) == null ? void 0 : _a.call(options);
   }