@geelato/web-vue 2.57.1 → 2.58.1

package/es/drawer/index.d.ts

@@ -90,12 +90,21 @@ declare const Drawer: {
             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;
     }>, {
@@ -113,8 +122,11 @@ declare const Drawer: {
         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;
@@ -138,6 +150,8 @@ declare const Drawer: {
         placement: "top" | "bottom" | "left" | "right";
         okLoading: boolean;
         hideCancel: boolean;
+        fullscreen: boolean;
+        showFullscreen: boolean;
     }, true, {}, {}, {
         ClientOnly: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
@@ -377,6 +391,8 @@ declare const Drawer: {
             size: "mini" | "medium" | "large" | "small";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         IconClose: any;
+        IconFullscreen: any;
+        IconFullscreenExit: any;
     } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
@@ -471,12 +487,21 @@ declare const Drawer: {
             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;
     }>, {
@@ -494,6 +519,8 @@ declare const Drawer: {
         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;
     }, {}, {}, {}, {
         unmountOnClose: boolean;
         popupContainer: string | HTMLElement;
@@ -511,6 +538,8 @@ declare const Drawer: {
         placement: "top" | "bottom" | "left" | "right";
         okLoading: boolean;
         hideCancel: boolean;
+        fullscreen: boolean;
+        showFullscreen: boolean;
     }>;
     __isFragment?: undefined;
     __isTeleport?: undefined;
@@ -602,12 +631,21 @@ declare const Drawer: {
         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;
 }>, {
@@ -625,8 +663,11 @@ declare const Drawer: {
     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;
@@ -650,6 +691,8 @@ declare const Drawer: {
     placement: "top" | "bottom" | "left" | "right";
     okLoading: boolean;
     hideCancel: boolean;
+    fullscreen: boolean;
+    showFullscreen: boolean;
 }, {}, string, {}, {
     ClientOnly: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
@@ -889,6 +932,8 @@ declare const Drawer: {
         size: "mini" | "medium" | "large" | "small";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: any;
+    IconFullscreen: any;
+    IconFullscreenExit: any;
 } & import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
     open: (config: DrawerConfig, appContext?: AppContext | undefined) => {
         close: () => void;

package/es/drawer/style/index.css

@@ -64,6 +64,12 @@
   font-size: 12px;
   cursor: pointer;
 }
+.arco-drawer-header .arco-drawer-fullscreen-btn {
+  margin-left: 8px;
+  color: var(--color-text-1);
+  font-size: 12px;
+  cursor: pointer;
+}
 .arco-drawer-footer {
   flex-shrink: 0;
   box-sizing: border-box;
@@ -83,6 +89,10 @@
   overflow: auto;
   color: var(--color-text-1);
 }
+.arco-drawer-fullscreen {
+  width: 100% !important;
+  height: 100% !important;
+}
 .fade-drawer-enter-from,
 .fade-drawer-appear-from {
   opacity: 0;

package/es/drawer/style/index.less

@@ -54,6 +54,13 @@
       font-size: @drawer-font-size-close-icon;
       cursor: pointer;
     }
+
+    .@{drawer-prefix-cls}-fullscreen-btn {
+      margin-left: 8px;
+      color: @drawer-color-header-text;
+      font-size: @drawer-font-size-close-icon;
+      cursor: pointer;
+    }
   }
 
   &-footer {
@@ -79,6 +86,11 @@
   }
 }
 
+.@{drawer-prefix-cls}-fullscreen {
+  width: 100% !important;
+  height: 100% !important;
+}
+
 .fade-drawer-enter-from,
 .fade-drawer-appear-from {
   opacity: 0;

package/es/index.css

@@ -6169,6 +6169,12 @@ body[arco-theme='dark'] .arco-carousel-indicator-outer .arco-carousel-indicator-
   font-size: 12px;
   cursor: pointer;
 }
+.arco-drawer-header .arco-drawer-fullscreen-btn {
+  margin-left: 8px;
+  color: var(--color-text-1);
+  font-size: 12px;
+  cursor: pointer;
+}
 .arco-drawer-footer {
   flex-shrink: 0;
   box-sizing: border-box;
@@ -6188,6 +6194,10 @@ body[arco-theme='dark'] .arco-carousel-indicator-outer .arco-carousel-indicator-
   overflow: auto;
   color: var(--color-text-1);
 }
+.arco-drawer-fullscreen {
+  width: 100% !important;
+  height: 100% !important;
+}
 .fade-drawer-enter-from,
 .fade-drawer-appear-from {
   opacity: 0;
@@ -11140,7 +11150,13 @@ body[arco-theme='dark'] .arco-carousel-indicator-outer .arco-carousel-indicator-
   margin-left: 12px;
 }
 .arco-modal-close-btn {
-  margin-left: -12px;
+  margin-left: 8px;
+  color: var(--color-text-1);
+  font-size: 12px;
+  cursor: pointer;
+}
+.arco-modal-fullscreen-btn {
+  margin-left: 8px;
   color: var(--color-text-1);
   font-size: 12px;
   cursor: pointer;
@@ -14393,6 +14409,24 @@ body[arco-theme='dark'] .arco-radio-button::after {
   justify-content: center;
   padding: 0;
 }
+.arco-table-th.arco-table-operation.arco-table-checkbox .arco-table-cell,
+.arco-table-td.arco-table-operation.arco-table-checkbox .arco-table-cell,
+.arco-table-th.arco-table-operation.arco-table-radio .arco-table-cell,
+.arco-table-td.arco-table-operation.arco-table-radio .arco-table-cell {
+  padding: 0 4px;
+}
+.arco-table-th.arco-table-operation.arco-table-checkbox,
+.arco-table-td.arco-table-operation.arco-table-checkbox {
+  position: relative;
+  z-index: 11;
+}
+.arco-table-th.arco-table-operation.arco-table-checkbox.arco-table-col-fixed-left,
+.arco-table-td.arco-table-operation.arco-table-checkbox.arco-table-col-fixed-left,
+.arco-table-th.arco-table-operation.arco-table-checkbox.arco-table-col-fixed-right,
+.arco-table-td.arco-table-operation.arco-table-checkbox.arco-table-col-fixed-right {
+  position: sticky !important;
+  z-index: 12;
+}
 .arco-table-radio,
 .arco-table-checkbox {
   justify-content: center;
@@ -14783,13 +14817,10 @@ body[arco-theme='dark'] .arco-radio-button::after {
 .arco-table-virtualized .arco-table-element {
   table-layout: fixed;
 }
-.arco-table-virtualized div.arco-table-body div.arco-table-tr {
-  display: flex;
-}
-.arco-table-virtualized div.arco-table-body div.arco-table-td {
-  display: flex;
-  flex: 1;
-  align-items: center;
+.arco-table-virtualized .arco-table-body .arco-table-td.arco-table-col-fixed-left,
+.arco-table-virtualized .arco-table-body .arco-table-td.arco-table-col-fixed-right {
+  position: sticky;
+  z-index: 10;
 }
 .arco-table-pagination {
   display: flex;

package/es/mention/index.d.ts

@@ -58,8 +58,8 @@ declare const Mention: {
         disabled: boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
         type: "textarea" | "input";
-        defaultValue: string;
         prefix: string | string[];
+        defaultValue: string;
         allowClear: boolean;
         split: string;
     }, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
@@ -117,8 +117,8 @@ declare const Mention: {
         disabled: boolean;
         data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
         type: "textarea" | "input";
-        defaultValue: string;
         prefix: string | string[];
+        defaultValue: string;
         allowClear: boolean;
         split: string;
     }>;
@@ -181,8 +181,8 @@ declare const Mention: {
     disabled: boolean;
     data: (string | number | import("..").SelectOptionData | import("..").SelectOptionGroup)[];
     type: "textarea" | "input";
-    defaultValue: string;
     prefix: string | string[];
+    defaultValue: string;
     allowClear: boolean;
     split: string;
 }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {

package/es/mention/mention.d.ts

@@ -86,8 +86,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean;
     data: (string | number | SelectOptionData | SelectOptionGroup)[];
     type: "textarea" | "input";
-    defaultValue: string;
     prefix: string | string[];
+    defaultValue: string;
     allowClear: boolean;
     split: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/es/menu/item.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: boolean;
     };
 }>, {
-    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "theme" | "triggerProps" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
+    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "triggerProps" | "theme" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
         selectedKeys: string[];
         openKeys: string[];
         prefixCls: string;

package/es/menu/sub-menu-pop.d.ts

@@ -26,7 +26,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     triggerPrefixCls: string;
     triggerClassNames: import("vue").ComputedRef<any[]>;
     triggerProps: import("vue").ComputedRef<Omit<import("../trigger").TriggerProps, "class">>;
-    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "theme" | "triggerProps" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
+    menuContext: Partial<Readonly<Pick<import("./interface").InternalMenuProps, "tooltipProps" | "mode" | "triggerProps" | "theme" | "popupMaxHeight" | "levelIndent" | "autoScrollIntoView" | "scrollConfig" | "inTrigger"> & {
         selectedKeys: string[];
         openKeys: string[];
         prefixCls: string;

package/es/message/message.d.ts

@@ -61,8 +61,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     type: "normal" | "error" | "loading" | "success" | "warning" | "info";
     closable: boolean;
     showIcon: boolean;
-    resetOnUpdate: boolean;
     resetOnHover: boolean;
+    resetOnUpdate: boolean;
 }, {}, {
     AIconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         prefix: {

package/es/modal/index.d.ts

@@ -100,6 +100,10 @@ declare const Modal: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showFullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         maskAnimationName: {
             type: StringConstructor;
             default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -127,6 +131,7 @@ declare const Modal: {
         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;
     }>, {
@@ -155,8 +160,11 @@ declare const Modal: {
         } | undefined)[]>;
         teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
         handleMoveDown: (ev: MouseEvent) => void;
+        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;
@@ -178,9 +186,10 @@ declare const Modal: {
         simple: boolean;
         okLoading: boolean;
         hideCancel: boolean;
+        fullscreen: boolean;
+        showFullscreen: boolean;
         titleAlign: "center" | "start";
         alignCenter: boolean;
-        fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
         hideTitle: boolean;
@@ -423,6 +432,8 @@ declare const Modal: {
             size: "mini" | "medium" | "large" | "small";
         }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         IconClose: any;
+        IconFullscreen: any;
+        IconFullscreenExit: any;
         IconInfoCircleFill: any;
         IconCheckCircleFill: any;
         IconExclamationCircleFill: any;
@@ -532,6 +543,10 @@ declare const Modal: {
             type: BooleanConstructor;
             default: boolean;
         };
+        showFullscreen: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         maskAnimationName: {
             type: StringConstructor;
             default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -559,6 +574,7 @@ declare const Modal: {
         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;
     }>, {
@@ -587,6 +603,8 @@ declare const Modal: {
         } | undefined)[]>;
         teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
         handleMoveDown: (ev: MouseEvent) => void;
+        mergedFullscreen: import("vue").ComputedRef<boolean>;
+        toggleFullscreen: () => void;
     }, {}, {}, {}, {
         unmountOnClose: boolean;
         popupContainer: string | HTMLElement;
@@ -602,9 +620,10 @@ declare const Modal: {
         simple: boolean;
         okLoading: boolean;
         hideCancel: boolean;
+        fullscreen: boolean;
+        showFullscreen: boolean;
         titleAlign: "center" | "start";
         alignCenter: boolean;
-        fullscreen: boolean;
         maskAnimationName: string;
         modalAnimationName: string;
         hideTitle: boolean;
@@ -710,6 +729,10 @@ declare const Modal: {
         type: BooleanConstructor;
         default: boolean;
     };
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maskAnimationName: {
         type: StringConstructor;
         default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -737,6 +760,7 @@ declare const Modal: {
     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;
 }>, {
@@ -765,8 +789,11 @@ declare const Modal: {
     } | undefined)[]>;
     teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
     handleMoveDown: (ev: MouseEvent) => void;
+    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;
@@ -788,9 +815,10 @@ declare const Modal: {
     simple: boolean;
     okLoading: boolean;
     hideCancel: boolean;
+    fullscreen: boolean;
+    showFullscreen: boolean;
     titleAlign: "center" | "start";
     alignCenter: boolean;
-    fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
     hideTitle: boolean;
@@ -1033,6 +1061,8 @@ declare const Modal: {
         size: "mini" | "medium" | "large" | "small";
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     IconClose: any;
+    IconFullscreen: any;
+    IconFullscreenExit: any;
     IconInfoCircleFill: any;
     IconCheckCircleFill: any;
     IconExclamationCircleFill: any;

package/es/modal/modal.d.ts

@@ -98,6 +98,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maskAnimationName: {
         type: StringConstructor;
         default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -145,8 +149,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     } | undefined)[]>;
     teleportContainer: import("vue").Ref<string | HTMLElement | undefined, string | HTMLElement | undefined>;
     handleMoveDown: (ev: MouseEvent) => void;
+    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;
@@ -251,6 +258,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    showFullscreen: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     maskAnimationName: {
         type: StringConstructor;
         default: (props: Record<string, any>) => "fade-in-standard" | "fade-modal";
@@ -278,6 +289,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     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;
 }>, {
@@ -295,9 +307,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     simple: boolean;
     okLoading: boolean;
     hideCancel: boolean;
+    fullscreen: boolean;
+    showFullscreen: boolean;
     titleAlign: "center" | "start";
     alignCenter: boolean;
-    fullscreen: boolean;
     maskAnimationName: string;
     modalAnimationName: string;
     hideTitle: boolean;
@@ -540,6 +553,8 @@ 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;
     IconInfoCircleFill: any;
     IconCheckCircleFill: any;
     IconExclamationCircleFill: any;

package/es/modal/modal.js

@@ -6,8 +6,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_icon_check_circle_fill = resolveComponent("icon-check-circle-fill");
   const _component_icon_exclamation_circle_fill = resolveComponent("icon-exclamation-circle-fill");
   const _component_icon_close_circle_fill = resolveComponent("icon-close-circle-fill");
-  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, {
@@ -40,8 +42,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           createElementVNode("div", {
             ref: "wrapperRef",
             class: normalizeClass(_ctx.wrapperCls),
-            onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.handleMaskClick && _ctx.handleMaskClick(...args), ["self"])),
-            onMousedown: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleMaskMouseDown && _ctx.handleMaskMouseDown(...args), ["self"]))
+            onClick: _cache[3] || (_cache[3] = withModifiers((...args) => _ctx.handleMaskClick && _ctx.handleMaskClick(...args), ["self"])),
+            onMousedown: _cache[4] || (_cache[4] = withModifiers((...args) => _ctx.handleMaskMouseDown && _ctx.handleMaskMouseDown(...args), ["self"]))
           }, [
             createVNode(Transition, {
               name: _ctx.modalAnimationName,
@@ -59,7 +61,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                   !_ctx.hideTitle && (_ctx.$slots.title || _ctx.title || _ctx.closable) ? (openBlock(), createElementBlock("div", {
                     key: 0,
                     class: normalizeClass(`${_ctx.prefixCls}-header`),
-                    onMousedown: _cache[1] || (_cache[1] = (...args) => _ctx.handleMoveDown && _ctx.handleMoveDown(...args))
+                    onMousedown: _cache[2] || (_cache[2] = (...args) => _ctx.handleMoveDown && _ctx.handleMoveDown(...args))
                   }, [
                     _ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", {
                       key: 0,
@@ -81,13 +83,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
                         createTextVNode(toDisplayString(_ctx.title), 1)
                       ])
                     ], 2)) : createCommentVNode("v-if", true),
-                    !_ctx.simple && _ctx.closable ? (openBlock(), createElementBlock("div", {
+                    !_ctx.simple && _ctx.showFullscreen ? (openBlock(), createElementBlock("div", {
                       key: 1,
                       tabindex: "-1",
                       role: "button",
+                      "aria-label": "Fullscreen",
+                      class: normalizeClass(`${_ctx.prefixCls}-fullscreen-btn`),
+                      onClick: _cache[0] || (_cache[0] = (...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.simple && _ctx.closable ? (openBlock(), createElementBlock("div", {
+                      key: 2,
+                      tabindex: "-1",
+                      role: "button",
                       "aria-label": "Close",
                       class: normalizeClass(`${_ctx.prefixCls}-close-btn`),
-                      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
+                      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCancel && _ctx.handleCancel(...args))
                     }, [
                       createVNode(_component_icon_hover, null, {
                         default: withCtx(() => [