@element-plus/nightly 0.0.20261001 → 0.0.20261003

package/lib/components/mention/src/mention.vue.d.ts

@@ -9,10 +9,10 @@ declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_prop
   props: _$vue.PublicProps & __VLS_PrettifyLocal<MentionProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onInput?: ((value: string) => any) | undefined;
-    onSearch?: ((pattern: string, prefix: string) => any) | undefined;
     onFocus?: ((evt: FocusEvent) => any) | undefined;
     onBlur?: ((evt: FocusEvent) => any) | undefined;
     onSelect?: ((option: MentionOption, prefix: string) => any) | undefined;
+    onSearch?: ((pattern: string, prefix: string) => any) | undefined;
     "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -46,7 +46,7 @@ declare const __VLS_export: <T extends MentionOption = MentionOption>(__VLS_prop
       index: number;
     }) => any;
   };
-  emit: ((event: "update:modelValue", value: string) => void) & ((event: "input", value: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
+  emit: ((event: "update:modelValue", value: string) => void) & ((event: "input", value: string) => void) & ((event: "focus", evt: FocusEvent) => void) & ((event: "blur", evt: FocusEvent) => void) & ((event: "select", option: MentionOption, prefix: string) => void) & ((event: "search", pattern: string, prefix: string) => void) & ((event: "whole-remove", pattern: string, prefix: string) => void);
 }>) => _$vue.VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

package/lib/components/message/src/instance.d.ts

@@ -11,7 +11,7 @@ type MessageContext = {
   vm: ComponentInternalInstance;
   props: Mutable<MessageProps>;
 };
-declare const placementInstances: _$vue.ShallowReactive<Record<"top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", MessageContext[]>>;
+declare const placementInstances: _$vue.ShallowReactive<Record<"top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left", MessageContext[]>>;
 declare const getOrCreatePlacementInstances: (placement: MessagePlacement) => MessageContext[];
 declare const getInstance: (id: string, placement: MessagePlacement) => {
   current: MessageContext;

package/lib/components/message/src/message.d.ts

@@ -133,7 +133,7 @@ declare const messageProps: {
   readonly type: EpPropFinalized<StringConstructor, "info" | "primary" | "success" | "warning" | "error", unknown, "info", boolean>;
   readonly plain: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly offset: EpPropFinalized<NumberConstructor, unknown, unknown, 16, boolean>;
-  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, undefined, boolean>;
+  readonly placement: EpPropFinalized<StringConstructor, "top" | "bottom" | "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, undefined, boolean>;
   readonly zIndex: EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
   readonly grouping: EpPropFinalized<BooleanConstructor, unknown, unknown, false, boolean>;
   readonly repeatNum: EpPropFinalized<NumberConstructor, unknown, unknown, 1, boolean>;

package/lib/components/notification/src/notification.d.ts

@@ -124,7 +124,7 @@ declare const notificationProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly position: EpPropFinalized<StringConstructor, "top-left" | "top-right" | "bottom-left" | "bottom-right", unknown, "top-right", boolean>;
+  readonly position: EpPropFinalized<StringConstructor, "top-right" | "top-left" | "bottom-right" | "bottom-left", unknown, "top-right", boolean>;
   readonly showClose: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   readonly title: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
   readonly type: EpPropFinalized<StringConstructor, "" | "info" | "primary" | "success" | "warning" | "error", unknown, "", boolean>;

package/lib/components/notification/src/notification.vue.d.ts

@@ -18,10 +18,10 @@ declare const __VLS_base: _$vue.DefineComponent<NotificationProps, {
   onDestroy?: (() => any) | undefined;
 }>, {
   type: NotificationType;
-  title: string;
   message: string | _$vue.VNode | (() => _$vue.VNode);
   offset: number;
   position: NotificationPosition;
+  title: string;
   id: string;
   onClick: () => void;
   progress: boolean | NotificationProgress;

package/lib/components/popover/src/popover.vue.d.ts

@@ -33,9 +33,9 @@ declare const __VLS_base: _$vue.DefineComponent<PopoverProps, {
   showAfter: number;
   hideAfter: number;
   autoClose: number;
-  title: string;
   offset: number;
   teleported: boolean;
+  title: string;
   effect: PopperEffect;
   tabindex: string | number;
   visible: boolean | null;

package/lib/components/radio/src/radio-button.vue.d.ts

@@ -7,10 +7,10 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<RadioButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<RadioButtonProps> & Readonly<{}>, {
-  value: string | number | boolean;
   disabled: boolean;
   modelValue: string | number | boolean;
   name: string;
+  value: string | number | boolean;
   label: string | number | boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/radio/src/radio-group.vue.d.ts

@@ -14,8 +14,8 @@ declare const __VLS_base: _$vue.DefineComponent<RadioGroupProps, {}, {}, {}, {},
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
   type: "radio" | "button";
-  props: radioOptionProp;
   fill: string;
+  props: radioOptionProp;
   id: string;
   disabled: boolean;
   modelValue: string | number | boolean;

package/lib/components/radio/src/radio.vue.d.ts

@@ -13,10 +13,10 @@ declare const __VLS_base: _$vue.DefineComponent<RadioProps, {}, {}, {}, {}, _$vu
   "onUpdate:modelValue"?: ((val: string | number | boolean | undefined) => any) | undefined;
   onChange?: ((val: string | number | boolean | undefined) => any) | undefined;
 }>, {
-  value: string | number | boolean;
   disabled: boolean;
   modelValue: string | number | boolean;
   name: string;
+  value: string | number | boolean;
   border: boolean;
   label: string | number | boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;

package/lib/components/select/src/select.vue.d.ts

@@ -403,10 +403,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     scrollLeft: number;
   }) => any) | undefined;
 }>, {
-  props: Props;
   valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   offset: number;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  props: Props;
   effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;

package/lib/components/select-v2/src/select.vue.d.ts

@@ -377,10 +377,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   "onVisible-change"?: ((visible: boolean) => any) | undefined;
   "onRemove-tag"?: ((val: unknown) => any) | undefined;
 }>, {
-  readonly props: Props;
   readonly valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   readonly offset: number;
   readonly teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly props: Props;
   readonly effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   readonly disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   readonly modelValue: any;

package/lib/components/statistic/src/statistic.vue.d.ts

@@ -17,10 +17,10 @@ declare const __VLS_base: _$vue.DefineComponent<StatisticProps, {
    */
   displayValue: _$vue.ComputedRef<string | number | _$dayjs.Dayjs>;
 }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<StatisticProps> & Readonly<{}>, {
+  value: number | _$dayjs.Dayjs;
+  precision: number;
   decimalSeparator: string;
   groupSeparator: string;
-  precision: number;
-  value: number | _$dayjs.Dayjs;
   valueStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/lib/components/table/src/filter-panel.vue.d.ts

@@ -112,12 +112,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
@@ -134,12 +134,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
@@ -156,12 +156,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
-    value: string | boolean | number | object;
     id: string;
     disabled: boolean;
     modelValue: number | string | boolean;
     validateEvent: boolean;
     name: string;
+    value: string | boolean | number | object;
     label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;

package/lib/components/table/src/table-header/index.d.ts

@@ -125,12 +125,12 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
@@ -147,12 +147,12 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
@@ -169,12 +169,12 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
-    value: string | boolean | number | object;
     id: string;
     disabled: boolean;
     modelValue: number | string | boolean;
     validateEvent: boolean;
     name: string;
+    value: string | boolean | number | object;
     label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;

package/lib/components/tour/src/mask.vue.d.ts

@@ -3,8 +3,8 @@ import * as _$vue from "vue";
 
 //#region ../../packages/components/tour/src/mask.vue.d.ts
 declare const __VLS_export: _$vue.DefineComponent<MaskProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<MaskProps> & Readonly<{}>, {
-  fill: string;
   zIndex: number;
+  fill: string;
   targetAreaClickable: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/lib/components/tree/src/tree-node.vue.d.ts

@@ -110,12 +110,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
@@ -132,12 +132,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
@@ -154,12 +154,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
-    value: string | boolean | number | object;
     id: string;
     disabled: boolean;
     modelValue: number | string | boolean;
     validateEvent: boolean;
     name: string;
+    value: string | boolean | number | object;
     label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;

package/lib/components/tree/src/tree.vue.d.ts

@@ -1481,12 +1481,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         "update:modelValue": (val: CheckboxValueType) => void;
         change: (val: CheckboxValueType) => void;
       }, _$vue.PublicProps, {
-        value: string | boolean | number | object;
         id: string;
         disabled: boolean;
         modelValue: number | string | boolean;
         validateEvent: boolean;
         name: string;
+        value: string | boolean | number | object;
         label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
@@ -1503,12 +1503,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
         onChange?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
-        value: string | boolean | number | object;
         id: string;
         disabled: boolean;
         modelValue: number | string | boolean;
         validateEvent: boolean;
         name: string;
+        value: string | boolean | number | object;
         label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
@@ -1525,12 +1525,12 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, string, {
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
       name: string;
+      value: string | boolean | number | object;
       label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;

package/lib/components/tree-select/src/tree-select.vue.d.ts

@@ -375,10 +375,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  props: TreeOptionProps;
   valueOnClear: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null) | (((new (...args: any[]) => string | number | boolean | Function) | (() => string | number | boolean | Function | null)) | null)[], unknown, unknown>;
   offset: number;
   teleported: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  props: TreeOptionProps;
   effect: EpPropMergeType<(new (...args: any[]) => string) | (() => PopperEffect) | (((new (...args: any[]) => string) | (() => PopperEffect)) | null)[], unknown, unknown>;
   disabled: EpPropMergeType<BooleanConstructor, unknown, unknown>;
   modelValue: EpPropMergeType<(new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null) | (((new (...args: any[]) => string | number | boolean | Record<string, any> | EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[]) | (() => EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown> | EpPropMergeType<(StringConstructor | BooleanConstructor | ObjectConstructor | NumberConstructor)[], unknown, unknown>[] | null)) | null)[], unknown, unknown>;

package/lib/version.d.ts

@@ -1,4 +1,4 @@
 //#region ../../packages/element-plus/version.d.ts
-declare const version = "0.0.20261001";
+declare const version = "0.0.20261003";
 //#endregion
 export { version };

package/lib/version.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 //#region ../../packages/element-plus/version.ts
-const version = "0.0.20261001";
+const version = "0.0.20261003";
 //#endregion
 exports.version = version;
 

package/lib/version.js.map

@@ -1 +1 @@
-{"version":3,"file":"version.js","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20261001'\n"],"mappings":";;AAAA,MAAa,UAAU"}
+{"version":3,"file":"version.js","names":[],"sources":["../../../packages/element-plus/version.ts"],"sourcesContent":["export const version = '0.0.20261003'\n"],"mappings":";;AAAA,MAAa,UAAU"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@element-plus/nightly",
-  "version": "0.0.20261001",
+  "version": "0.0.20261003",
   "description": "A Component Library for Vue 3",
   "keywords": [
     "element-plus",
@@ -123,5 +123,5 @@
     "not ie 11",
     "not op_mini all"
   ],
-  "gitHead": "53936e70ef37cd03c2925e812b342c6adcb3f118"
+  "gitHead": "3e07b0c6771f0e8470cc24e6dd5bc68ab53088e7"
 }

package/theme-chalk/el-image-viewer.css

@@ -1 +1 @@
-.el-image-viewer__wrapper{position:fixed;top:0;bottom:0;left:0;right:0}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{z-index:1;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.el-image-viewer__btn .el-icon{cursor:pointer}.el-image-viewer__close{width:40px;height:40px;font-size:40px;top:40px;right:40px}.el-image-viewer__canvas{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:static}.el-image-viewer__img{cursor:grab}.el-image-viewer__img:active{cursor:grabbing}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;height:44px;padding:0 23px;bottom:30px;left:50%;transform:translate(-50%)}.el-image-viewer__actions__inner{cursor:default;color:#fff;justify-content:space-around;align-items:center;gap:22px;width:100%;height:100%;padding:0 6px;font-size:23px;display:flex}.el-image-viewer__actions__divider{margin:0 -6px}.el-image-viewer__progress{cursor:default;color:#fff;bottom:90px;left:50%;transform:translate(-50%)}.el-image-viewer__prev{color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px;top:50%;left:40px;transform:translateY(-50%)}.el-image-viewer__next{text-indent:2px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px;top:50%;right:40px;transform:translateY(-50%)}.el-image-viewer__close{color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px}.el-image-viewer__mask{opacity:.5;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.el-image-viewer-parent--hidden{overflow:hidden}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-20px)}}
+.el-image-viewer__wrapper{position:fixed;top:0;bottom:0;left:0;right:0}.el-image-viewer__wrapper:focus{outline:none!important}.el-image-viewer__btn{z-index:1;opacity:.8;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.el-image-viewer__btn .el-icon{cursor:pointer}.el-image-viewer__close{width:40px;height:40px;font-size:40px;top:40px;right:40px}.el-image-viewer__canvas{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:static}.el-image-viewer__img{opacity:1;cursor:grab}.el-image-viewer__img:active{cursor:grabbing}.el-image-viewer__img.is-loading{opacity:0}.el-image-viewer__placeholder{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.el-image-viewer__placeholder>*{pointer-events:auto}.el-image-viewer__actions{background-color:var(--el-text-color-regular);border-color:#fff;border-radius:22px;height:44px;padding:0 23px;bottom:30px;left:50%;transform:translate(-50%)}.el-image-viewer__actions__inner{cursor:default;color:#fff;justify-content:space-around;align-items:center;gap:22px;width:100%;height:100%;padding:0 6px;font-size:23px;display:flex}.el-image-viewer__actions__divider{margin:0 -6px}.el-image-viewer__progress{cursor:default;color:#fff;bottom:90px;left:50%;transform:translate(-50%)}.el-image-viewer__prev{color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px;top:50%;left:40px;transform:translateY(-50%)}.el-image-viewer__next{text-indent:2px;color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px;top:50%;right:40px;transform:translateY(-50%)}.el-image-viewer__close{color:#fff;background-color:var(--el-text-color-regular);border-color:#fff;width:44px;height:44px;font-size:24px}.el-image-viewer__mask{opacity:.5;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.el-image-viewer-parent--hidden{overflow:hidden}.viewer-fade-enter-active{animation:viewer-fade-in var(--el-transition-duration)}.viewer-fade-leave-active{animation:viewer-fade-out var(--el-transition-duration)}@keyframes viewer-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}@keyframes viewer-fade-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-20px)}}