@geelato/web-vue 2.57.0 → 2.58.1

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

@@ -137,12 +137,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             unmountOnClose?: boolean | undefined;
             size?: "mini" | "medium" | "large" | "small" | undefined;
             type?: "time" | "time-range" | undefined;
-            readonly?: boolean | undefined;
+            modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
+            placeholder?: string | string[] | undefined;
             error?: boolean | undefined;
+            readonly?: boolean | undefined;
             allowClear?: boolean | undefined;
-            placeholder?: string | string[] | undefined;
             format: string;
-            modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
             triggerProps?: Record<string, unknown> | undefined;
             disableConfirm?: boolean | undefined;
             use12Hours?: boolean | undefined;
@@ -330,8 +330,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
     onSelect?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined;
-    onChange?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: CalendarValue | undefined) => any) | undefined;
+    onChange?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined;
     "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
     onOk?: ((value: CalendarValue | undefined, date: Date | undefined, dateString: string | undefined) => any) | undefined;
     "onSelect-shortcut"?: ((shortcut: ShortcutType) => any) | undefined;
@@ -344,8 +344,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean;
     unmountOnClose: boolean;
     mode: "month" | "year" | "date" | "week" | "quarter";
-    readonly: boolean;
     error: boolean;
+    readonly: boolean;
     allowClear: boolean;
     disabledInput: boolean;
     hideTrigger: boolean;
@@ -406,7 +406,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }, {}, {}, {
         focus(): void;
         blur(): void;
-    }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "press-enter" | "change" | "blur")[], "clear" | "press-enter" | "change" | "blur", 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">;
         };
@@ -445,9 +445,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         "onPress-enter"?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean;
+        error: boolean;
         focused: boolean;
         readonly: boolean;
-        error: boolean;
         allowClear: boolean;
     }, {}, {
         IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -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

@@ -152,12 +152,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             unmountOnClose?: boolean | undefined;
             size?: "mini" | "medium" | "large" | "small" | undefined;
             type?: "time" | "time-range" | undefined;
-            readonly?: boolean | undefined;
+            modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
+            placeholder?: string | string[] | undefined;
             error?: boolean | undefined;
+            readonly?: boolean | undefined;
             allowClear?: boolean | undefined;
-            placeholder?: string | string[] | undefined;
             format: string;
-            modelValue?: import("../time-picker/interface").TimeValue | import("../time-picker/interface").TimeValue[] | undefined;
             triggerProps?: Record<string, unknown> | undefined;
             disableConfirm?: boolean | undefined;
             use12Hours?: boolean | undefined;
@@ -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: {
@@ -438,8 +438,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onUpdate:popupVisible"?: ((visible: boolean) => any) | undefined;
     onClear?: (() => any) | undefined;
     onSelect?: ((value: (CalendarValue | undefined)[], date: (Date | undefined)[], dateString: (string | undefined)[]) => any) | undefined;
-    onChange?: ((value: (CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
     "onUpdate:modelValue"?: ((value: (CalendarValue | undefined)[] | undefined) => any) | undefined;
+    onChange?: ((value: (CalendarValue | undefined)[] | undefined, date: (Date | undefined)[] | undefined, dateString: (string | undefined)[] | undefined) => any) | undefined;
     "onPopup-visible-change"?: ((visible: boolean) => any) | undefined;
     onOk?: ((value: CalendarValue[], date: Date[], dateString: string[]) => any) | undefined;
     "onSelect-shortcut"?: ((shortcut: ShortcutType) => any) | undefined;
@@ -452,8 +452,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean | boolean[];
     unmountOnClose: boolean;
     mode: "month" | "year" | "date" | "week" | "quarter";
-    readonly: boolean;
     error: boolean;
+    readonly: boolean;
     allowClear: boolean;
     disabledInput: boolean;
     hideTrigger: boolean;
@@ -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: {
@@ -3933,11 +3933,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         "onUpdate:focusedIndex"?: ((...args: any[]) => any) | undefined;
     }>, {
         disabled: boolean | boolean[];
+        placeholder: string[];
+        error: boolean;
         focused: boolean;
         readonly: boolean;
-        error: boolean;
         allowClear: boolean;
-        placeholder: string[];
         value: (Dayjs | undefined)[];
     }, {}, {
         IconHover: import("vue").DefineComponent<import("vue").ExtractPropTypes<{

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(() => [

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;