@geelato/web-vue 2.57.1 → 2.58.1

package/es/_components/picker/input-range.d.ts

@@ -63,7 +63,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {
     focus(index?: number | undefined): void;
     blur(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter")[], "clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"mini" | "medium" | "large" | "small">;
     };
@@ -104,9 +104,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    "onPress-enter"?: ((...args: any[]) => any) | undefined;
     "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
     "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
-    "onPress-enter"?: ((...args: any[]) => any) | undefined;
 }>, {
     disabled: boolean | boolean[];
     placeholder: string[];

package/es/_components/picker/input.d.ts

@@ -48,7 +48,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }, {}, {}, {
     focus(): void;
     blur(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "change" | "press-enter")[], "clear" | "blur" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     size: {
         type: PropType<"mini" | "medium" | "large" | "small">;
     };

package/es/_components/virtual-list-v2/virtual-list.d.ts

@@ -115,12 +115,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onReachBottom?: ((ev: Event) => any) | undefined;
 }>, {
     data: Record<string, any>[];
-    height: string | number;
-    threshold: number;
-    itemKey: string;
     fixedSize: boolean;
     estimatedSize: number;
     buffer: number;
+    height: string | number;
+    threshold: number;
+    itemKey: string;
     component: string | Record<string, any>;
     paddingPosition: string;
 }, {}, {

package/es/_utils/array.d.ts

@@ -1,2 +1,2 @@
-export declare const union: <T>(target: T[], source: T[], difference?: boolean) => T[];
+export declare const union: <T>(target: Iterable<T>, source: Iterable<T>, difference?: boolean) => T[];
 export declare const getReverse: <T>(array: T[]) => T[];

package/es/_utils/array.js

@@ -1,5 +1,22 @@
 const union = (target, source, difference = false) => {
-  return difference ? target.filter((item) => !source.includes(item)) : Array.from(new Set(target.concat(source)));
+  if (difference) {
+    const sourceSet = source instanceof Set ? source : new Set(source);
+    const result = [];
+    for (const item of target) {
+      if (!sourceSet.has(item)) {
+        result.push(item);
+      }
+    }
+    return result;
+  }
+  const resultSet = /* @__PURE__ */ new Set();
+  for (const item of target) {
+    resultSet.add(item);
+  }
+  for (const item of source) {
+    resultSet.add(item);
+  }
+  return Array.from(resultSet);
 };
 const getReverse = (array) => {
   const result = [];

package/es/date-picker/index.d.ts

@@ -465,7 +465,7 @@ declare const DatePicker: {
                     (value: number): import("dayjs").Dayjs;
                 };
                 day: {
-                    (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                    (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                     (value: number): import("dayjs").Dayjs;
                 };
                 hour: {
@@ -1973,7 +1973,7 @@ declare const DatePicker: {
                             (value: number): import("dayjs").Dayjs;
                         };
                         day: {
-                            (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                            (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                             (value: number): import("dayjs").Dayjs;
                         };
                         hour: {
@@ -2062,7 +2062,7 @@ declare const DatePicker: {
                             (value: number): import("dayjs").Dayjs;
                         };
                         day: {
-                            (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                            (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                             (value: number): import("dayjs").Dayjs;
                         };
                         hour: {
@@ -2851,7 +2851,7 @@ declare const DatePicker: {
                                 (value: number): import("dayjs").Dayjs;
                             };
                             day: {
-                                (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                                (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                                 (value: number): import("dayjs").Dayjs;
                             };
                             hour: {
@@ -2940,7 +2940,7 @@ declare const DatePicker: {
                                 (value: number): import("dayjs").Dayjs;
                             };
                             day: {
-                                (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                                (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                                 (value: number): import("dayjs").Dayjs;
                             };
                             hour: {
@@ -4143,7 +4143,7 @@ declare const DatePicker: {
         }, {}, {}, {
             focus(index?: number | undefined): void;
             blur(): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter")[], "clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
             size: {
                 type: import("vue").PropType<"mini" | "medium" | "large" | "small">;
             };
@@ -4184,9 +4184,9 @@ declare const DatePicker: {
         }>> & Readonly<{
             onChange?: ((...args: any[]) => any) | undefined;
             onClear?: ((...args: any[]) => any) | undefined;
+            "onPress-enter"?: ((...args: any[]) => any) | undefined;
             "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
             "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
-            "onPress-enter"?: ((...args: any[]) => any) | undefined;
         }>, {
             disabled: boolean | boolean[];
             placeholder: string[];

package/es/date-picker/panels/date/index.d.ts

@@ -409,7 +409,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): Dayjs;
             };
             day: {
-                (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                 (value: number): Dayjs;
             };
             hour: {
@@ -498,7 +498,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): Dayjs;
             };
             day: {
-                (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                 (value: number): Dayjs;
             };
             hour: {

package/es/date-picker/panels/week/index.d.ts

@@ -425,7 +425,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     (value: number): Dayjs;
                 };
                 day: {
-                    (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                    (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                     (value: number): Dayjs;
                 };
                 hour: {
@@ -514,7 +514,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     (value: number): Dayjs;
                 };
                 day: {
-                    (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                    (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                     (value: number): Dayjs;
                 };
                 hour: {

package/es/date-picker/picker-panel.d.ts

@@ -619,7 +619,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     (value: number): Dayjs;
                 };
                 day: {
-                    (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                    (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                     (value: number): Dayjs;
                 };
                 hour: {
@@ -708,7 +708,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     (value: number): Dayjs;
                 };
                 day: {
-                    (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                    (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                     (value: number): Dayjs;
                 };
                 hour: {
@@ -2089,7 +2089,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         (value: number): Dayjs;
                     };
                     day: {
-                        (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                        (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                         (value: number): Dayjs;
                     };
                     hour: {
@@ -2178,7 +2178,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         (value: number): Dayjs;
                     };
                     day: {
-                        (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                        (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                         (value: number): Dayjs;
                     };
                     hour: {

package/es/date-picker/picker.d.ts

@@ -406,7 +406,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "change" | "press-enter")[], "clear" | "blur" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "blur" | "press-enter" | "change")[], "clear" | "blur" | "press-enter" | "change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: PropType<"mini" | "medium" | "large" | "small">;
         };
@@ -1674,7 +1674,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         (value: number): Dayjs;
                     };
                     day: {
-                        (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                        (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                         (value: number): Dayjs;
                     };
                     hour: {
@@ -1763,7 +1763,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         (value: number): Dayjs;
                     };
                     day: {
-                        (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                        (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                         (value: number): Dayjs;
                     };
                     hour: {
@@ -3144,7 +3144,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             (value: number): Dayjs;
                         };
                         day: {
-                            (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                            (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                             (value: number): Dayjs;
                         };
                         hour: {
@@ -3233,7 +3233,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             (value: number): Dayjs;
                         };
                         day: {
-                            (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                            (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                             (value: number): Dayjs;
                         };
                         hour: {

package/es/date-picker/range-picker-panel.d.ts

@@ -1255,7 +1255,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     (value: number): Dayjs;
                 };
                 day: {
-                    (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                    (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                     (value: number): Dayjs;
                 };
                 hour: {
@@ -1344,7 +1344,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                     (value: number): Dayjs;
                 };
                 day: {
-                    (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                    (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                     (value: number): Dayjs;
                 };
                 hour: {
@@ -2133,7 +2133,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         (value: number): Dayjs;
                     };
                     day: {
-                        (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                        (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                         (value: number): Dayjs;
                     };
                     hour: {
@@ -2222,7 +2222,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         (value: number): Dayjs;
                     };
                     day: {
-                        (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                        (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                         (value: number): Dayjs;
                     };
                     hour: {

package/es/date-picker/range-picker.d.ts

@@ -209,7 +209,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 (value: number): Dayjs;
             };
             day: {
-                (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                 (value: number): Dayjs;
             };
             hour: {
@@ -1717,7 +1717,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         (value: number): Dayjs;
                     };
                     day: {
-                        (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                        (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                         (value: number): Dayjs;
                     };
                     hour: {
@@ -1806,7 +1806,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                         (value: number): Dayjs;
                     };
                     day: {
-                        (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                        (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                         (value: number): Dayjs;
                     };
                     hour: {
@@ -2595,7 +2595,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             (value: number): Dayjs;
                         };
                         day: {
-                            (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                            (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                             (value: number): Dayjs;
                         };
                         hour: {
@@ -2684,7 +2684,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                             (value: number): Dayjs;
                         };
                         day: {
-                            (): 0 | 1 | 2 | 4 | 3 | 6 | 5;
+                            (): 0 | 1 | 2 | 4 | 3 | 5 | 6;
                             (value: number): Dayjs;
                         };
                         hour: {
@@ -3887,7 +3887,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(index?: number | undefined): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter")[], "clear" | "focused-index-change" | "update:focusedIndex" | "change" | "press-enter", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex")[], "clear" | "press-enter" | "change" | "focused-index-change" | "update:focusedIndex", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: PropType<"mini" | "medium" | "large" | "small">;
         };
@@ -3928,9 +3928,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>> & Readonly<{
         onChange?: ((...args: any[]) => any) | undefined;
         onClear?: ((...args: any[]) => any) | undefined;
+        "onPress-enter"?: ((...args: any[]) => any) | undefined;
         "onFocused-index-change"?: ((...args: any[]) => any) | undefined;
         "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
-        "onPress-enter"?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean | boolean[];
         placeholder: string[];

package/es/drawer/drawer.d.ts

@@ -87,6 +87,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {
     prefixCls: string;
     style: import("vue").ComputedRef<CSSProperties>;
@@ -102,8 +110,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     handleMask: (e: Event) => void;
     isFixed: import("vue").ComputedRef<boolean>;
     teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
+    mergedFullscreen: import("vue").ComputedRef<boolean>;
+    toggleFullscreen: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:visible': (visible: boolean) => true;
+    'update:fullscreen': (fullscreen: boolean) => true;
     ok: (e: Event) => true;
     cancel: (e: Event) => true;
     open: () => true;
@@ -197,12 +208,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    fullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onOpen?: (() => any) | undefined;
     onCancel?: ((e: Event) => any) | undefined;
     onClose?: (() => any) | undefined;
     "onUpdate:visible"?: ((visible: boolean) => any) | undefined;
     onOk?: ((e: Event) => any) | undefined;
+    "onUpdate:fullscreen"?: ((fullscreen: boolean) => any) | undefined;
     onBeforeOpen?: (() => any) | undefined;
     onBeforeClose?: (() => any) | undefined;
 }>, {
@@ -222,6 +242,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     placement: "top" | "bottom" | "left" | "right";
     okLoading: boolean;
     hideCancel: boolean;
+    fullscreen: boolean;
+    showFullscreen: boolean;
 }, {}, {
     ClientOnly: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
@@ -461,5 +483,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         size: "mini" | "medium" | "large" | "small";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: any;
+    IconFullscreen: any;
+    IconFullscreenExit: any;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/es/drawer/drawer.js

@@ -4,6 +4,8 @@ import ClientOnly from "../_components/client-only.js";
 import Button from "../button/index.js";
 import IconHover from "../_components/icon-hover.js";
 import IconClose from "../icon/icon-close/index.js";
+import IconFullscreen from "../icon/icon-fullscreen/index.js";
+import IconFullscreenExit from "../icon/icon-fullscreen-exit/index.js";
 import { useI18n } from "../locale/index.js";
 import { useOverflow } from "../_hooks/use-overflow.js";
 import { on, off } from "../_utils/dom.js";
@@ -19,7 +21,9 @@ const _sfc_main = defineComponent({
     ClientOnly,
     ArcoButton: Button,
     IconHover,
-    IconClose
+    IconClose,
+    IconFullscreen,
+    IconFullscreenExit
   },
   inheritAttrs: false,
   props: {
@@ -108,10 +112,19 @@ const _sfc_main = defineComponent({
     hideCancel: {
       type: Boolean,
       default: false
+    },
+    fullscreen: {
+      type: Boolean,
+      default: false
+    },
+    showFullscreen: {
+      type: Boolean,
+      default: false
     }
   },
   emits: {
     "update:visible": (visible) => true,
+    "update:fullscreen": (fullscreen) => true,
     "ok": (e) => true,
     "cancel": (e) => true,
     "open": () => true,
@@ -124,10 +137,17 @@ const _sfc_main = defineComponent({
     const prefixCls = getPrefixCls("drawer");
     const { t } = useI18n();
     const _visible = ref(props.defaultVisible);
+    const _fullscreen = ref(props.fullscreen);
     const computedVisible = computed(() => {
       var _a;
       return (_a = props.visible) != null ? _a : _visible.value;
     });
+    const mergedFullscreen = computed(
+      () => {
+        var _a;
+        return (_a = props.fullscreen) != null ? _a : _fullscreen.value;
+      }
+    );
     const _okLoading = ref(false);
     const mergedOkLoading = computed(() => props.okLoading || _okLoading.value);
     const { teleportContainer, containerRef } = useTeleportContainer({
@@ -214,6 +234,11 @@ const _sfc_main = defineComponent({
         close();
       }
     };
+    const toggleFullscreen = () => {
+      const next = !mergedFullscreen.value;
+      _fullscreen.value = next;
+      emit("update:fullscreen", next);
+    };
     const handleMask = (e) => {
       if (props.maskClosable) {
         handleCancel(e);
@@ -257,6 +282,14 @@ const _sfc_main = defineComponent({
         removeGlobalKeyDownListener();
       }
     });
+    watch(
+      () => props.fullscreen,
+      (val) => {
+        if (_fullscreen.value !== val) {
+          _fullscreen.value = !!val;
+        }
+      }
+    );
     const style = computed(() => {
       var _a;
       const style2 = {
@@ -284,13 +317,17 @@ const _sfc_main = defineComponent({
       handleClose,
       handleMask,
       isFixed,
-      teleportContainer
+      teleportContainer,
+      mergedFullscreen,
+      toggleFullscreen
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_icon_close = resolveComponent("icon-close");
+  const _component_icon_fullscreen = resolveComponent("icon-fullscreen");
+  const _component_icon_fullscreen_exit = resolveComponent("icon-fullscreen-exit");
   const _component_icon_hover = resolveComponent("icon-hover");
+  const _component_icon_close = resolveComponent("icon-close");
   const _component_arco_button = resolveComponent("arco-button");
   const _component_client_only = resolveComponent("client-only");
   return openBlock(), createBlock(_component_client_only, null, {
@@ -328,7 +365,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }, {
             default: withCtx(() => [
               withDirectives(createElementVNode("div", {
-                class: normalizeClass(_ctx.prefixCls),
+                class: normalizeClass([
+                  _ctx.prefixCls,
+                  { [`${_ctx.prefixCls}-fullscreen`]: _ctx.mergedFullscreen }
+                ]),
                 style: normalizeStyle(_ctx.style)
               }, [
                 _ctx.header ? (openBlock(), createElementBlock("div", {
@@ -344,13 +384,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         createTextVNode(toDisplayString(_ctx.title), 1)
                       ])
                     ], 2)) : createCommentVNode("v-if", true),
-                    _ctx.closable ? (openBlock(), createElementBlock("div", {
+                    _ctx.showFullscreen ? (openBlock(), createElementBlock("div", {
                       key: 1,
                       tabindex: "-1",
                       role: "button",
+                      "aria-label": "Fullscreen",
+                      class: normalizeClass(`${_ctx.prefixCls}-fullscreen-btn`),
+                      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.toggleFullscreen && _ctx.toggleFullscreen(...args))
+                    }, [
+                      createVNode(_component_icon_hover, null, {
+                        default: withCtx(() => [
+                          !_ctx.mergedFullscreen ? (openBlock(), createBlock(_component_icon_fullscreen, { key: 0 })) : (openBlock(), createBlock(_component_icon_fullscreen_exit, { key: 1 }))
+                        ]),
+                        _: 1
+                      })
+                    ], 2)) : createCommentVNode("v-if", true),
+                    _ctx.closable ? (openBlock(), createElementBlock("div", {
+                      key: 2,
+                      tabindex: "-1",
+                      role: "button",
                       "aria-label": "Close",
                       class: normalizeClass(`${_ctx.prefixCls}-close-btn`),
-                      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
+                      onClick: _cache[2] || (_cache[2] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
                     }, [
                       createVNode(_component_icon_hover, null, {
                         default: withCtx(() => [