vxe-pc-ui 4.20.34 → 4.20.35

package/es/drawer/src/drawer.js

@@ -10,827 +10,830 @@ import VxeButtonComponent from "../../button";
 import VxeLoadingComponent from "../../loading";
 import VxeScrollbarComponent from "../../scrollbar";
 const { getIcon, getConfig, getI18n, useFns, globalEvents, GLOBAL_EVENT_KEYS, createEvent, renderEmptyElement } = VxeUI;
-var drawer_default = defineVxeComponent({
-  name: "VxeDrawer",
-  props: {
-    modelValue: Boolean,
-    id: String,
-    title: String,
-    loading: {
-      type: Boolean,
-      default: null
-    },
-    className: String,
-    position: {
-      type: [String, Object],
-      default: () => getConfig().drawer.position
-    },
-    lockView: {
-      type: Boolean,
-      default: () => getConfig().drawer.lockView
-    },
-    lockScroll: Boolean,
-    mask: {
-      type: Boolean,
-      default: () => getConfig().drawer.mask
-    },
-    maskClosable: {
-      type: Boolean,
-      default: () => getConfig().drawer.maskClosable
-    },
-    escClosable: {
-      type: Boolean,
-      default: () => getConfig().drawer.escClosable
-    },
-    cancelClosable: {
-      type: Boolean,
-      default: () => getConfig().drawer.cancelClosable
-    },
-    confirmClosable: {
-      type: Boolean,
-      default: () => getConfig().drawer.confirmClosable
-    },
-    showHeader: {
-      type: Boolean,
-      default: () => getConfig().drawer.showHeader
-    },
-    showFooter: {
-      type: Boolean,
-      default: () => getConfig().drawer.showFooter
-    },
-    showClose: {
-      type: Boolean,
-      default: () => getConfig().drawer.showClose
-    },
-    content: [Number, String],
-    useHtml: {
-      type: Boolean,
-      default: () => getConfig().drawer.useHtml
-    },
-    showCancelButton: {
-      type: Boolean,
-      default: null
-    },
-    cancelButtonText: {
-      type: String,
-      default: () => getConfig().drawer.cancelButtonText
-    },
-    showConfirmButton: {
-      type: Boolean,
-      default: () => getConfig().drawer.showConfirmButton
-    },
-    confirmButtonText: {
-      type: String,
-      default: () => getConfig().drawer.confirmButtonText
-    },
-    destroyOnClose: {
-      type: Boolean,
-      default: () => getConfig().drawer.destroyOnClose
-    },
-    showTitleOverflow: {
-      type: Boolean,
-      default: () => getConfig().drawer.showTitleOverflow
-    },
-    preload: Boolean,
-    width: {
-      type: [Number, String],
-      default: () => getConfig().drawer.width
-    },
-    height: {
-      type: [Number, String],
-      default: () => getConfig().drawer.height
-    },
-    minWidth: {
-      type: [Number, String],
-      default: () => getConfig().drawer.minWidth
-    },
-    minHeight: {
-      type: [Number, String],
-      default: () => getConfig().drawer.minHeight
-    },
-    resize: {
-      type: Boolean,
-      default: () => getConfig().drawer.resize
-    },
-    border: {
-      type: Boolean,
-      default: () => getConfig().drawer.border
-    },
-    showTitleBackground: {
-      type: Boolean,
-      default: () => getConfig().drawer.showTitleBackground
-    },
-    zIndex: Number,
-    transfer: {
-      type: Boolean,
-      default: () => getConfig().drawer.transfer
-    },
-    appendTo: {
-      type: [String, Function],
-      default: () => getConfig().drawer.appendTo
-    },
-    isWithinAppendTo: {
-      type: Boolean,
-      default: () => getConfig().drawer.isWithinAppendTo
-    },
-    padding: {
-      type: Boolean,
-      default: () => getConfig().drawer.padding
-    },
-    size: {
-      type: String,
-      default: () => getConfig().drawer.size || getConfig().size
-    },
-    beforeHideMethod: Function,
-    slots: Object,
-    useScrollbar: {
-      type: Boolean,
-      default: () => getDefaultConfig(getConfig().drawer.useScrollbar, getConfig().useScrollbar)
+var drawer_default = (
+  /* define-vxe-component start */
+  defineVxeComponent({
+    name: "VxeDrawer",
+    props: {
+      modelValue: Boolean,
+      id: String,
+      title: String,
+      loading: {
+        type: Boolean,
+        default: null
+      },
+      className: String,
+      position: {
+        type: [String, Object],
+        default: () => getConfig().drawer.position
+      },
+      lockView: {
+        type: Boolean,
+        default: () => getConfig().drawer.lockView
+      },
+      lockScroll: Boolean,
+      mask: {
+        type: Boolean,
+        default: () => getConfig().drawer.mask
+      },
+      maskClosable: {
+        type: Boolean,
+        default: () => getConfig().drawer.maskClosable
+      },
+      escClosable: {
+        type: Boolean,
+        default: () => getConfig().drawer.escClosable
+      },
+      cancelClosable: {
+        type: Boolean,
+        default: () => getConfig().drawer.cancelClosable
+      },
+      confirmClosable: {
+        type: Boolean,
+        default: () => getConfig().drawer.confirmClosable
+      },
+      showHeader: {
+        type: Boolean,
+        default: () => getConfig().drawer.showHeader
+      },
+      showFooter: {
+        type: Boolean,
+        default: () => getConfig().drawer.showFooter
+      },
+      showClose: {
+        type: Boolean,
+        default: () => getConfig().drawer.showClose
+      },
+      content: [Number, String],
+      useHtml: {
+        type: Boolean,
+        default: () => getConfig().drawer.useHtml
+      },
+      showCancelButton: {
+        type: Boolean,
+        default: null
+      },
+      cancelButtonText: {
+        type: String,
+        default: () => getConfig().drawer.cancelButtonText
+      },
+      showConfirmButton: {
+        type: Boolean,
+        default: () => getConfig().drawer.showConfirmButton
+      },
+      confirmButtonText: {
+        type: String,
+        default: () => getConfig().drawer.confirmButtonText
+      },
+      destroyOnClose: {
+        type: Boolean,
+        default: () => getConfig().drawer.destroyOnClose
+      },
+      showTitleOverflow: {
+        type: Boolean,
+        default: () => getConfig().drawer.showTitleOverflow
+      },
+      preload: Boolean,
+      width: {
+        type: [Number, String],
+        default: () => getConfig().drawer.width
+      },
+      height: {
+        type: [Number, String],
+        default: () => getConfig().drawer.height
+      },
+      minWidth: {
+        type: [Number, String],
+        default: () => getConfig().drawer.minWidth
+      },
+      minHeight: {
+        type: [Number, String],
+        default: () => getConfig().drawer.minHeight
+      },
+      resize: {
+        type: Boolean,
+        default: () => getConfig().drawer.resize
+      },
+      border: {
+        type: Boolean,
+        default: () => getConfig().drawer.border
+      },
+      showTitleBackground: {
+        type: Boolean,
+        default: () => getConfig().drawer.showTitleBackground
+      },
+      zIndex: Number,
+      transfer: {
+        type: Boolean,
+        default: () => getConfig().drawer.transfer
+      },
+      appendTo: {
+        type: [String, Function],
+        default: () => getConfig().drawer.appendTo
+      },
+      isWithinAppendTo: {
+        type: Boolean,
+        default: () => getConfig().drawer.isWithinAppendTo
+      },
+      padding: {
+        type: Boolean,
+        default: () => getConfig().drawer.padding
+      },
+      size: {
+        type: String,
+        default: () => getConfig().drawer.size || getConfig().size
+      },
+      beforeHideMethod: Function,
+      slots: Object,
+      useScrollbar: {
+        type: Boolean,
+        default: () => getDefaultConfig(getConfig().drawer.useScrollbar, getConfig().useScrollbar)
+      },
+      scrollbarConfig: Object
     },
-    scrollbarConfig: Object
-  },
-  emits: ["update:modelValue", "show", "hide", "before-hide", "close", "confirm", "cancel", "resize"],
-  setup(props, context) {
-    const { slots, emit } = context;
-    const xID = XEUtils.uniqueId();
-    const $xeModal = inject("$xeModal", null);
-    const $xeParentDrawer = inject("$xeDrawer", null);
-    const $xeTable = inject("$xeTable", null);
-    const $xeForm = inject("$xeForm", null);
-    const { computeSize } = useFns.useSize(props);
-    const { computeIsVScrollbar } = useFns.useVScrollbar(props);
-    const refElem = ref();
-    const refDrawerBox = ref();
-    const refConfirmBtn = ref();
-    const refCancelBtn = ref();
-    const reactData = reactive({
-      initialized: false,
-      visible: false,
-      contentVisible: false,
-      drawerZIndex: 0,
-      resizeFlag: 1
-    });
-    const defaultFuncProps = {
-      beforeHideMethod: getConfig().drawer.beforeHideMethod
-    };
-    const refMaps = {
-      refElem
-    };
-    const computeBtnTransfer = computed(() => {
-      const { transfer } = props;
-      if (transfer === null) {
-        const globalTransfer = getConfig().modal.transfer;
-        if (XEUtils.isBoolean(globalTransfer)) {
-          return globalTransfer;
+    emits: ["update:modelValue", "show", "hide", "before-hide", "close", "confirm", "cancel", "resize"],
+    setup(props, context) {
+      const { slots, emit } = context;
+      const xID = XEUtils.uniqueId();
+      const $xeModal = inject("$xeModal", null);
+      const $xeParentDrawer = inject("$xeDrawer", null);
+      const $xeTable = inject("$xeTable", null);
+      const $xeForm = inject("$xeForm", null);
+      const { computeSize } = useFns.useSize(props);
+      const { computeIsVScrollbar } = useFns.useVScrollbar(props);
+      const refElem = ref();
+      const refDrawerBox = ref();
+      const refConfirmBtn = ref();
+      const refCancelBtn = ref();
+      const reactData = reactive({
+        initialized: false,
+        visible: false,
+        contentVisible: false,
+        drawerZIndex: 0,
+        resizeFlag: 1
+      });
+      const defaultFuncProps = {
+        beforeHideMethod: getConfig().drawer.beforeHideMethod
+      };
+      const refMaps = {
+        refElem
+      };
+      const computeBtnTransfer = computed(() => {
+        const { transfer } = props;
+        if (transfer === null) {
+          const globalTransfer = getConfig().modal.transfer;
+          if (XEUtils.isBoolean(globalTransfer)) {
+            return globalTransfer;
+          }
+          if ($xeTable || $xeModal || $xeParentDrawer || $xeForm) {
+            return true;
+          }
         }
-        if ($xeTable || $xeModal || $xeParentDrawer || $xeForm) {
-          return true;
+        return transfer;
+      });
+      const computeDragType = computed(() => {
+        switch (props.position) {
+          case "top":
+            return "sb";
+          case "bottom":
+            return "st";
+          case "left":
+            return "wr";
         }
-      }
-      return transfer;
-    });
-    const computeDragType = computed(() => {
-      switch (props.position) {
-        case "top":
-          return "sb";
-        case "bottom":
-          return "st";
-        case "left":
-          return "wr";
-      }
-      return "wl";
-    });
-    const computeScrollbarOpts = computed(() => {
-      return Object.assign({}, getConfig().modal.scrollbarConfig, props.scrollbarConfig);
-    });
-    const computeScrollbarProps = computed(() => {
-      const scrollbarOpts = computeScrollbarOpts.value;
-      const { viewClassName, viewInnerClassName } = scrollbarOpts;
-      return {
-        width: scrollbarOpts.width,
-        height: scrollbarOpts.height,
-        autoHide: scrollbarOpts.autoHide,
-        visible: scrollbarOpts.visible,
-        xConfig: scrollbarOpts.xConfig,
-        yConfig: scrollbarOpts.yConfig,
-        className: scrollbarOpts.className,
-        viewAttrs: scrollbarOpts.viewAttrs,
-        viewClassName: "vxe-drawer--scrollbar-content-view" + (viewClassName ? " " + viewClassName : ""),
-        viewInnerClassName: "vxe-drawer--scrollbar-content-inner" + (viewClassName ? " " + viewInnerClassName : "")
+        return "wl";
+      });
+      const computeScrollbarOpts = computed(() => {
+        return Object.assign({}, getConfig().modal.scrollbarConfig, props.scrollbarConfig);
+      });
+      const computeScrollbarProps = computed(() => {
+        const scrollbarOpts = computeScrollbarOpts.value;
+        const { viewClassName, viewInnerClassName } = scrollbarOpts;
+        return {
+          width: scrollbarOpts.width,
+          height: scrollbarOpts.height,
+          autoHide: scrollbarOpts.autoHide,
+          visible: scrollbarOpts.visible,
+          xConfig: scrollbarOpts.xConfig,
+          yConfig: scrollbarOpts.yConfig,
+          className: scrollbarOpts.className,
+          viewAttrs: scrollbarOpts.viewAttrs,
+          viewClassName: "vxe-drawer--scrollbar-content-view" + (viewClassName ? " " + viewClassName : ""),
+          viewInnerClassName: "vxe-drawer--scrollbar-content-inner" + (viewClassName ? " " + viewInnerClassName : "")
+        };
+      });
+      const computeMaps = {};
+      const $xeDrawer = {
+        xID,
+        props,
+        context,
+        reactData,
+        getRefMaps: () => refMaps,
+        getComputeMaps: () => computeMaps
       };
-    });
-    const computeMaps = {};
-    const $xeDrawer = {
-      xID,
-      props,
-      context,
-      reactData,
-      getRefMaps: () => refMaps,
-      getComputeMaps: () => computeMaps
-    };
-    const getBox = () => {
-      const boxElem = refDrawerBox.value;
-      return boxElem;
-    };
-    const recalculate = () => {
-      const { position, width, height } = props;
-      const boxElem = getBox();
-      if (boxElem) {
-        const isTb = position === "top" || position === "bottom";
-        boxElem.style.height = isTb ? toCssUnit(height) : "";
-        boxElem.style.width = isTb ? "" : toCssUnit(width);
-      }
-      return nextTick();
-    };
-    const updateZindex = () => {
-      const { zIndex } = props;
-      const { drawerZIndex } = reactData;
-      if (zIndex) {
-        reactData.drawerZIndex = zIndex;
-      } else if (drawerZIndex < getLastZIndex()) {
-        reactData.drawerZIndex = nextZIndex();
-      }
-    };
-    const removeActiveQueue = () => {
-      if (allActiveDrawers.indexOf($xeDrawer) > -1) {
-        XEUtils.remove(allActiveDrawers, (item) => item === $xeDrawer);
-      }
-    };
-    const closeDrawer = (type) => {
-      const { visible } = reactData;
-      const beHideMethod = props.beforeHideMethod || defaultFuncProps.beforeHideMethod;
-      const params = { type };
-      if (visible) {
-        Promise.resolve(beHideMethod ? beHideMethod(params) : null).then((rest) => {
-          if (!XEUtils.isError(rest)) {
-            const el = refElem.value;
-            if (el) {
-              el.setAttribute("data-effect", "y");
-            }
-            reactData.contentVisible = false;
-            removeActiveQueue();
-            dispatchEvent("before-hide", params, null);
-            setTimeout(() => {
-              reactData.visible = false;
-              emit("update:modelValue", false);
-              dispatchEvent("hide", params, null);
-            }, 200);
-            setTimeout(() => {
-              const el2 = refElem.value;
-              if (el2) {
-                el2.removeAttribute("data-effect");
+      const getBox = () => {
+        const boxElem = refDrawerBox.value;
+        return boxElem;
+      };
+      const recalculate = () => {
+        const { position, width, height } = props;
+        const boxElem = getBox();
+        if (boxElem) {
+          const isTb = position === "top" || position === "bottom";
+          boxElem.style.height = isTb ? toCssUnit(height) : "";
+          boxElem.style.width = isTb ? "" : toCssUnit(width);
+        }
+        return nextTick();
+      };
+      const updateZindex = () => {
+        const { zIndex } = props;
+        const { drawerZIndex } = reactData;
+        if (zIndex) {
+          reactData.drawerZIndex = zIndex;
+        } else if (drawerZIndex < getLastZIndex()) {
+          reactData.drawerZIndex = nextZIndex();
+        }
+      };
+      const removeActiveQueue = () => {
+        if (allActiveDrawers.indexOf($xeDrawer) > -1) {
+          XEUtils.remove(allActiveDrawers, (item) => item === $xeDrawer);
+        }
+      };
+      const closeDrawer = (type) => {
+        const { visible } = reactData;
+        const beHideMethod = props.beforeHideMethod || defaultFuncProps.beforeHideMethod;
+        const params = { type };
+        if (visible) {
+          Promise.resolve(beHideMethod ? beHideMethod(params) : null).then((rest) => {
+            if (!XEUtils.isError(rest)) {
+              const el = refElem.value;
+              if (el) {
+                el.setAttribute("data-effect", "y");
               }
-            }, 350);
-          }
-        }).catch((e) => e);
-      }
-      return nextTick();
-    };
-    const closeEvent = (evnt) => {
-      const type = "close";
-      dispatchEvent(type, { type }, evnt);
-      closeDrawer(type);
-    };
-    const confirmEvent = (evnt) => {
-      const { confirmClosable } = props;
-      const type = "confirm";
-      dispatchEvent(type, { type }, evnt);
-      if (confirmClosable) {
-        closeDrawer(type);
-      }
-    };
-    const cancelEvent = (evnt) => {
-      const { cancelClosable } = props;
-      const type = "cancel";
-      dispatchEvent(type, { type }, evnt);
-      if (cancelClosable) {
+              reactData.contentVisible = false;
+              removeActiveQueue();
+              dispatchEvent("before-hide", params, null);
+              setTimeout(() => {
+                reactData.visible = false;
+                emit("update:modelValue", false);
+                dispatchEvent("hide", params, null);
+              }, 200);
+              setTimeout(() => {
+                const el2 = refElem.value;
+                if (el2) {
+                  el2.removeAttribute("data-effect");
+                }
+              }, 350);
+            }
+          }).catch((e) => e);
+        }
+        return nextTick();
+      };
+      const closeEvent = (evnt) => {
+        const type = "close";
+        dispatchEvent(type, { type }, evnt);
         closeDrawer(type);
-      }
-    };
-    const openDrawer = () => {
-      const { showFooter } = props;
-      const { initialized, visible } = reactData;
-      if (!initialized) {
-        reactData.initialized = true;
-      }
-      if (!visible) {
-        reactData.visible = true;
-        reactData.contentVisible = false;
-        updateZindex();
-        allActiveDrawers.push($xeDrawer);
-        nextTick(() => {
-          const el = refElem.value;
-          if (el) {
-            el.setAttribute("data-effect", "y");
-          }
-        });
-        setTimeout(() => {
-          recalculate();
-          reactData.contentVisible = true;
+      };
+      const confirmEvent = (evnt) => {
+        const { confirmClosable } = props;
+        const type = "confirm";
+        dispatchEvent(type, { type }, evnt);
+        if (confirmClosable) {
+          closeDrawer(type);
+        }
+      };
+      const cancelEvent = (evnt) => {
+        const { cancelClosable } = props;
+        const type = "cancel";
+        dispatchEvent(type, { type }, evnt);
+        if (cancelClosable) {
+          closeDrawer(type);
+        }
+      };
+      const openDrawer = () => {
+        const { showFooter } = props;
+        const { initialized, visible } = reactData;
+        if (!initialized) {
+          reactData.initialized = true;
+        }
+        if (!visible) {
+          reactData.visible = true;
+          reactData.contentVisible = false;
+          updateZindex();
+          allActiveDrawers.push($xeDrawer);
           nextTick(() => {
-            if (showFooter) {
-              const confirmBtn = refConfirmBtn.value;
-              const cancelBtn = refCancelBtn.value;
-              const operBtn = confirmBtn || cancelBtn;
-              if (operBtn) {
-                operBtn.focus();
-              }
+            const el = refElem.value;
+            if (el) {
+              el.setAttribute("data-effect", "y");
             }
-            const type = "";
-            const params = { type };
-            emit("update:modelValue", true);
-            dispatchEvent("show", params, null);
           });
-        }, 10);
-        setTimeout(() => {
-          const el = refElem.value;
-          if (el) {
-            el.removeAttribute("data-effect");
-          }
-        }, 350);
-      }
-      return nextTick();
-    };
-    const dispatchEvent = (type, params, evnt) => {
-      emit(type, createEvent(evnt, { $drawer: $xeDrawer }, params));
-    };
-    const drawerMethods = {
-      dispatchEvent,
-      open: openDrawer,
-      close() {
-        return closeDrawer("close");
-      },
-      getBox
-    };
-    const selfClickEvent = (evnt) => {
-      const el = refElem.value;
-      if (props.maskClosable && evnt.target === el) {
-        const type = "mask";
-        closeDrawer(type);
-      }
-    };
-    const handleGlobalKeydownEvent = (evnt) => {
-      const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
-      if (isEsc) {
-        const lastDrawer = XEUtils.max(allActiveDrawers, (item) => item.reactData.drawerZIndex);
-        if (lastDrawer) {
           setTimeout(() => {
-            if (lastDrawer === $xeDrawer && lastDrawer.props.escClosable) {
-              const type = "exit";
-              dispatchEvent("close", { type }, evnt);
-              closeDrawer(type);
-            }
+            recalculate();
+            reactData.contentVisible = true;
+            nextTick(() => {
+              if (showFooter) {
+                const confirmBtn = refConfirmBtn.value;
+                const cancelBtn = refCancelBtn.value;
+                const operBtn = confirmBtn || cancelBtn;
+                if (operBtn) {
+                  operBtn.focus();
+                }
+              }
+              const type = "";
+              const params = { type };
+              emit("update:modelValue", true);
+              dispatchEvent("show", params, null);
+            });
           }, 10);
+          setTimeout(() => {
+            const el = refElem.value;
+            if (el) {
+              el.removeAttribute("data-effect");
+            }
+          }, 350);
         }
-      }
-    };
-    const boxMousedownEvent = () => {
-      const { drawerZIndex } = reactData;
-      if (allActiveDrawers.some((comp) => comp.reactData.visible && comp.reactData.drawerZIndex > drawerZIndex)) {
-        updateZindex();
-      }
-    };
-    const dragEvent = (evnt) => {
-      evnt.preventDefault();
-      const { resize, isWithinAppendTo } = props;
-      const el = refElem.value;
-      const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
-      if (!parentWrapperEl) {
-        return;
-      }
-      const visibleWidth = parentWrapperEl.clientWidth - (resize && isWithinAppendTo ? 8 : 0);
-      const visibleHeight = parentWrapperEl.clientHeight - (resize && isWithinAppendTo ? 8 : 0);
-      const marginSize = 0;
-      const targetElem = evnt.target;
-      const type = targetElem.getAttribute("type");
-      const minWidth = XEUtils.toNumber(props.minWidth);
-      const minHeight = XEUtils.toNumber(props.minHeight);
-      const maxWidth = visibleWidth;
-      const maxHeight = visibleHeight;
-      const boxElem = getBox();
-      const clientWidth = boxElem.clientWidth;
-      const clientHeight = boxElem.clientHeight;
-      const disX = evnt.clientX;
-      const disY = evnt.clientY;
-      const offsetTop = boxElem.offsetTop;
-      const offsetLeft = boxElem.offsetLeft;
-      const params = { type: "resize" };
-      document.onmousemove = (evnt2) => {
-        evnt2.preventDefault();
-        let dragLeft;
-        let dragTop;
-        let width;
-        let height;
-        switch (type) {
-          case "wl":
-            dragLeft = disX - evnt2.clientX;
-            width = dragLeft + clientWidth;
-            if (offsetLeft - dragLeft > marginSize) {
-              if (width > minWidth) {
-                boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
+        return nextTick();
+      };
+      const dispatchEvent = (type, params, evnt) => {
+        emit(type, createEvent(evnt, { $drawer: $xeDrawer }, params));
+      };
+      const drawerMethods = {
+        dispatchEvent,
+        open: openDrawer,
+        close() {
+          return closeDrawer("close");
+        },
+        getBox
+      };
+      const selfClickEvent = (evnt) => {
+        const el = refElem.value;
+        if (props.maskClosable && evnt.target === el) {
+          const type = "mask";
+          closeDrawer(type);
+        }
+      };
+      const handleGlobalKeydownEvent = (evnt) => {
+        const isEsc = globalEvents.hasKey(evnt, GLOBAL_EVENT_KEYS.ESCAPE);
+        if (isEsc) {
+          const lastDrawer = XEUtils.max(allActiveDrawers, (item) => item.reactData.drawerZIndex);
+          if (lastDrawer) {
+            setTimeout(() => {
+              if (lastDrawer === $xeDrawer && lastDrawer.props.escClosable) {
+                const type = "exit";
+                dispatchEvent("close", { type }, evnt);
+                closeDrawer(type);
               }
-            }
-            break;
-          case "st":
-            dragTop = disY - evnt2.clientY;
-            height = clientHeight + dragTop;
-            if (offsetTop - dragTop > marginSize) {
-              if (height > minHeight) {
-                boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
+            }, 10);
+          }
+        }
+      };
+      const boxMousedownEvent = () => {
+        const { drawerZIndex } = reactData;
+        if (allActiveDrawers.some((comp) => comp.reactData.visible && comp.reactData.drawerZIndex > drawerZIndex)) {
+          updateZindex();
+        }
+      };
+      const dragEvent = (evnt) => {
+        evnt.preventDefault();
+        const { resize, isWithinAppendTo } = props;
+        const el = refElem.value;
+        const parentWrapperEl = getPopupWrapperElement(isWithinAppendTo ? el : document.body);
+        if (!parentWrapperEl) {
+          return;
+        }
+        const visibleWidth = parentWrapperEl.clientWidth - (resize && isWithinAppendTo ? 8 : 0);
+        const visibleHeight = parentWrapperEl.clientHeight - (resize && isWithinAppendTo ? 8 : 0);
+        const marginSize = 0;
+        const targetElem = evnt.target;
+        const type = targetElem.getAttribute("type");
+        const minWidth = XEUtils.toNumber(props.minWidth);
+        const minHeight = XEUtils.toNumber(props.minHeight);
+        const maxWidth = visibleWidth;
+        const maxHeight = visibleHeight;
+        const boxElem = getBox();
+        const clientWidth = boxElem.clientWidth;
+        const clientHeight = boxElem.clientHeight;
+        const disX = evnt.clientX;
+        const disY = evnt.clientY;
+        const offsetTop = boxElem.offsetTop;
+        const offsetLeft = boxElem.offsetLeft;
+        const params = { type: "resize" };
+        document.onmousemove = (evnt2) => {
+          evnt2.preventDefault();
+          let dragLeft;
+          let dragTop;
+          let width;
+          let height;
+          switch (type) {
+            case "wl":
+              dragLeft = disX - evnt2.clientX;
+              width = dragLeft + clientWidth;
+              if (offsetLeft - dragLeft > marginSize) {
+                if (width > minWidth) {
+                  boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
+                }
               }
-            }
-            break;
-          case "wr":
-            dragLeft = evnt2.clientX - disX;
-            width = dragLeft + clientWidth;
-            if (offsetLeft + width + marginSize < visibleWidth) {
-              if (width > minWidth) {
-                boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
+              break;
+            case "st":
+              dragTop = disY - evnt2.clientY;
+              height = clientHeight + dragTop;
+              if (offsetTop - dragTop > marginSize) {
+                if (height > minHeight) {
+                  boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
+                }
               }
-            }
-            break;
-          case "sb":
-            dragTop = evnt2.clientY - disY;
-            height = dragTop + clientHeight;
-            if (offsetTop + height + marginSize < visibleHeight) {
-              if (height > minHeight) {
-                boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
+              break;
+            case "wr":
+              dragLeft = evnt2.clientX - disX;
+              width = dragLeft + clientWidth;
+              if (offsetLeft + width + marginSize < visibleWidth) {
+                if (width > minWidth) {
+                  boxElem.style.width = `${width < maxWidth ? width : maxWidth}px`;
+                }
               }
-            }
-            break;
-        }
-        boxElem.className = boxElem.className.replace(/\s?is--drag/, "") + " is--drag";
-        dispatchEvent("resize", params, evnt2);
-        reactData.resizeFlag++;
+              break;
+            case "sb":
+              dragTop = evnt2.clientY - disY;
+              height = dragTop + clientHeight;
+              if (offsetTop + height + marginSize < visibleHeight) {
+                if (height > minHeight) {
+                  boxElem.style.height = `${height < maxHeight ? height : maxHeight}px`;
+                }
+              }
+              break;
+          }
+          boxElem.className = boxElem.className.replace(/\s?is--drag/, "") + " is--drag";
+          dispatchEvent("resize", params, evnt2);
+          reactData.resizeFlag++;
+        };
+        document.onmouseup = () => {
+          document.onmousemove = null;
+          document.onmouseup = null;
+          reactData.resizeFlag++;
+          setTimeout(() => {
+            boxElem.className = boxElem.className.replace(/\s?is--drag/, "");
+          }, 50);
+        };
       };
-      document.onmouseup = () => {
-        document.onmousemove = null;
-        document.onmouseup = null;
-        reactData.resizeFlag++;
-        setTimeout(() => {
-          boxElem.className = boxElem.className.replace(/\s?is--drag/, "");
-        }, 50);
+      const formDesignPrivateMethods = {};
+      Object.assign($xeDrawer, drawerMethods, formDesignPrivateMethods);
+      const renderTitles = () => {
+        const { slots: propSlots = {}, showClose, title } = props;
+        const titleSlot = slots.title || propSlots.title;
+        const cornerSlot = slots.corner || propSlots.corner;
+        return [
+          h(
+            "div",
+            {
+              class: "vxe-drawer--header-title"
+            },
+            titleSlot ? getSlotVNs(titleSlot({ $drawer: $xeDrawer })) : title ? getFuncText(title) : getI18n("vxe.alert.title")
+          ),
+          h(
+            "div",
+            {
+              class: "vxe-drawer--header-right"
+            },
+            [
+              cornerSlot ? h(
+                "div",
+                {
+                  class: "vxe-drawer--corner-wrapper"
+                },
+                getSlotVNs(cornerSlot({ $drawer: $xeDrawer }))
+              ) : renderEmptyElement($xeDrawer),
+              showClose ? h(
+                "div",
+                {
+                  class: ["vxe-drawer--close-btn", "trigger--btn"],
+                  title: getI18n("vxe.drawer.close"),
+                  onClick: closeEvent
+                },
+                [
+                  h("i", {
+                    class: getIcon().DRAWER_CLOSE
+                  })
+                ]
+              ) : renderEmptyElement($xeDrawer)
+            ]
+          )
+        ];
       };
-    };
-    const formDesignPrivateMethods = {};
-    Object.assign($xeDrawer, drawerMethods, formDesignPrivateMethods);
-    const renderTitles = () => {
-      const { slots: propSlots = {}, showClose, title } = props;
-      const titleSlot = slots.title || propSlots.title;
-      const cornerSlot = slots.corner || propSlots.corner;
-      return [
-        h(
-          "div",
-          {
-            class: "vxe-drawer--header-title"
-          },
-          titleSlot ? getSlotVNs(titleSlot({ $drawer: $xeDrawer })) : title ? getFuncText(title) : getI18n("vxe.alert.title")
-        ),
-        h(
+      const renderHeader = () => {
+        const { slots: propSlots = {}, showTitleOverflow } = props;
+        const headerSlot = slots.header || propSlots.header;
+        if (props.showHeader) {
+          return h(
+            "div",
+            {
+              class: [
+                "vxe-drawer--header",
+                {
+                  "is--ellipsis": showTitleOverflow
+                }
+              ]
+            },
+            headerSlot ? getSlotVNs(headerSlot({ $drawer: $xeDrawer })) : renderTitles()
+          );
+        }
+        return renderEmptyElement($xeDrawer);
+      };
+      const renderBody = () => {
+        const { slots: propSlots = {}, content, useHtml } = props;
+        const isVScrollbar = computeIsVScrollbar.value;
+        const scrollbarProps = computeScrollbarProps.value;
+        const defaultSlot = slots.default || propSlots.default;
+        const leftSlot = slots.left || propSlots.left;
+        const rightSlot = slots.right || propSlots.right;
+        const contVNs = [];
+        if (useHtml && !defaultSlot) {
+          contVNs.push(
+            isVScrollbar ? h(
+              VxeScrollbarComponent,
+              {
+                key: "shc",
+                class: "vxe-drawer--scrollbar-content",
+                ...scrollbarProps
+              },
+              {
+                default() {
+                  return [
+                    h("div", {
+                      class: "vxe-drawer--scrollbar-content-html",
+                      innerHTML: getFuncText(content)
+                    })
+                  ];
+                }
+              }
+            ) : h("div", {
+              key: "hc",
+              class: "vxe-drawer--content",
+              innerHTML: getFuncText(content)
+            })
+          );
+        } else {
+          contVNs.push(
+            isVScrollbar ? h(
+              VxeScrollbarComponent,
+              {
+                key: "sdc",
+                class: "vxe-drawer--scrollbar-content",
+                ...scrollbarProps
+              },
+              {
+                default: () => defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer })) : getFuncText(content)
+              }
+            ) : h(
+              "div",
+              {
+                key: "dc",
+                class: "vxe-drawer--content"
+              },
+              defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer })) : getFuncText(content)
+            )
+          );
+        }
+        return h(
           "div",
           {
-            class: "vxe-drawer--header-right"
+            class: "vxe-drawer--body"
           },
           [
-            cornerSlot ? h(
+            leftSlot ? h(
               "div",
               {
-                class: "vxe-drawer--corner-wrapper"
+                class: "vxe-drawer--body-left"
               },
-              getSlotVNs(cornerSlot({ $drawer: $xeDrawer }))
+              getSlotVNs(leftSlot({ $drawer: $xeDrawer }))
             ) : renderEmptyElement($xeDrawer),
-            showClose ? h(
+            h(
               "div",
               {
-                class: ["vxe-drawer--close-btn", "trigger--btn"],
-                title: getI18n("vxe.drawer.close"),
-                onClick: closeEvent
+                class: "vxe-drawer--body-default"
               },
-              [
-                h("i", {
-                  class: getIcon().DRAWER_CLOSE
-                })
-              ]
-            ) : renderEmptyElement($xeDrawer)
+              contVNs
+            ),
+            rightSlot ? h(
+              "div",
+              {
+                class: "vxe-drawer--body-right"
+              },
+              getSlotVNs(rightSlot({ $drawer: $xeDrawer }))
+            ) : renderEmptyElement($xeDrawer),
+            h(VxeLoadingComponent, {
+              class: "vxe-drawer--loading",
+              modelValue: props.loading
+            })
           ]
-        )
-      ];
-    };
-    const renderHeader = () => {
-      const { slots: propSlots = {}, showTitleOverflow } = props;
-      const headerSlot = slots.header || propSlots.header;
-      if (props.showHeader) {
+        );
+      };
+      const renderDefaultFooter = () => {
+        const { slots: propSlots = {}, showCancelButton, showConfirmButton, loading } = props;
+        const lfSlot = slots.leftfoot || propSlots.leftfoot;
+        const rfSlot = slots.rightfoot || propSlots.rightfoot;
+        const btnVNs = [];
+        if (showCancelButton) {
+          btnVNs.push(
+            h(VxeButtonComponent, {
+              key: 1,
+              ref: refCancelBtn,
+              content: props.cancelButtonText || getI18n("vxe.button.cancel"),
+              onClick: cancelEvent
+            })
+          );
+        }
+        if (showConfirmButton) {
+          btnVNs.push(
+            h(VxeButtonComponent, {
+              key: 2,
+              ref: refConfirmBtn,
+              loading,
+              status: "primary",
+              content: props.confirmButtonText || getI18n("vxe.button.confirm"),
+              onClick: confirmEvent
+            })
+          );
+        }
         return h(
           "div",
           {
-            class: [
-              "vxe-drawer--header",
-              {
-                "is--ellipsis": showTitleOverflow
-              }
-            ]
+            class: "vxe-drawer--footer-wrapper"
           },
-          headerSlot ? getSlotVNs(headerSlot({ $drawer: $xeDrawer })) : renderTitles()
-        );
-      }
-      return renderEmptyElement($xeDrawer);
-    };
-    const renderBody = () => {
-      const { slots: propSlots = {}, content, useHtml } = props;
-      const isVScrollbar = computeIsVScrollbar.value;
-      const scrollbarProps = computeScrollbarProps.value;
-      const defaultSlot = slots.default || propSlots.default;
-      const leftSlot = slots.left || propSlots.left;
-      const rightSlot = slots.right || propSlots.right;
-      const contVNs = [];
-      if (useHtml && !defaultSlot) {
-        contVNs.push(
-          isVScrollbar ? h(
-            VxeScrollbarComponent,
-            {
-              key: "shc",
-              class: "vxe-drawer--scrollbar-content",
-              ...scrollbarProps
-            },
-            {
-              default() {
-                return [
-                  h("div", {
-                    class: "vxe-drawer--scrollbar-content-html",
-                    innerHTML: getFuncText(content)
-                  })
-                ];
-              }
-            }
-          ) : h("div", {
-            key: "hc",
-            class: "vxe-drawer--content",
-            innerHTML: getFuncText(content)
-          })
-        );
-      } else {
-        contVNs.push(
-          isVScrollbar ? h(
-            VxeScrollbarComponent,
-            {
-              key: "sdc",
-              class: "vxe-drawer--scrollbar-content",
-              ...scrollbarProps
-            },
-            {
-              default: () => defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer })) : getFuncText(content)
-            }
-          ) : h(
-            "div",
-            {
-              key: "dc",
-              class: "vxe-drawer--content"
-            },
-            defaultSlot ? getSlotVNs(defaultSlot({ $drawer: $xeDrawer })) : getFuncText(content)
-          )
-        );
-      }
-      return h(
-        "div",
-        {
-          class: "vxe-drawer--body"
-        },
-        [
-          leftSlot ? h(
-            "div",
-            {
-              class: "vxe-drawer--body-left"
-            },
-            getSlotVNs(leftSlot({ $drawer: $xeDrawer }))
-          ) : renderEmptyElement($xeDrawer),
-          h(
-            "div",
-            {
-              class: "vxe-drawer--body-default"
-            },
-            contVNs
-          ),
-          rightSlot ? h(
-            "div",
-            {
-              class: "vxe-drawer--body-right"
-            },
-            getSlotVNs(rightSlot({ $drawer: $xeDrawer }))
-          ) : renderEmptyElement($xeDrawer),
-          h(VxeLoadingComponent, {
-            class: "vxe-drawer--loading",
-            modelValue: props.loading
-          })
-        ]
-      );
-    };
-    const renderDefaultFooter = () => {
-      const { slots: propSlots = {}, showCancelButton, showConfirmButton, loading } = props;
-      const lfSlot = slots.leftfoot || propSlots.leftfoot;
-      const rfSlot = slots.rightfoot || propSlots.rightfoot;
-      const btnVNs = [];
-      if (showCancelButton) {
-        btnVNs.push(
-          h(VxeButtonComponent, {
-            key: 1,
-            ref: refCancelBtn,
-            content: props.cancelButtonText || getI18n("vxe.button.cancel"),
-            onClick: cancelEvent
-          })
-        );
-      }
-      if (showConfirmButton) {
-        btnVNs.push(
-          h(VxeButtonComponent, {
-            key: 2,
-            ref: refConfirmBtn,
-            loading,
-            status: "primary",
-            content: props.confirmButtonText || getI18n("vxe.button.confirm"),
-            onClick: confirmEvent
-          })
+          [
+            h(
+              "div",
+              {
+                class: "vxe-drawer--footer-left"
+              },
+              lfSlot ? getSlotVNs(lfSlot({ $drawer: $xeDrawer })) : []
+            ),
+            h(
+              "div",
+              {
+                class: "vxe-drawer--footer-right"
+              },
+              rfSlot ? getSlotVNs(rfSlot({ $drawer: $xeDrawer })) : btnVNs
+            )
+          ]
         );
-      }
-      return h(
-        "div",
-        {
-          class: "vxe-drawer--footer-wrapper"
-        },
-        [
-          h(
-            "div",
-            {
-              class: "vxe-drawer--footer-left"
-            },
-            lfSlot ? getSlotVNs(lfSlot({ $drawer: $xeDrawer })) : []
-          ),
-          h(
+      };
+      const renderFooter = () => {
+        const { slots: propSlots = {} } = props;
+        const footerSlot = slots.footer || propSlots.footer;
+        if (props.showFooter) {
+          return h(
             "div",
             {
-              class: "vxe-drawer--footer-right"
+              class: "vxe-drawer--footer"
             },
-            rfSlot ? getSlotVNs(rfSlot({ $drawer: $xeDrawer })) : btnVNs
-          )
-        ]
-      );
-    };
-    const renderFooter = () => {
-      const { slots: propSlots = {} } = props;
-      const footerSlot = slots.footer || propSlots.footer;
-      if (props.showFooter) {
+            footerSlot ? getSlotVNs(footerSlot({ $drawer: $xeDrawer })) : [renderDefaultFooter()]
+          );
+        }
+        return renderEmptyElement($xeDrawer);
+      };
+      const renderVN = () => {
+        const { border, showTitleBackground, slots: propSlots = {}, className, position, loading, lockScroll, padding, lockView, mask, resize, appendTo, destroyOnClose, isWithinAppendTo } = props;
+        const { initialized, contentVisible, visible } = reactData;
+        const asideSlot = slots.aside || propSlots.aside;
+        const vSize = computeSize.value;
+        const dragType = computeDragType.value;
+        const btnTransfer = computeBtnTransfer.value;
         return h(
-          "div",
+          Teleport,
           {
-            class: "vxe-drawer--footer"
+            to: getPopupContainer(appendTo),
+            disabled: btnTransfer ? !initialized : true
           },
-          footerSlot ? getSlotVNs(footerSlot({ $drawer: $xeDrawer })) : [renderDefaultFooter()]
-        );
-      }
-      return renderEmptyElement($xeDrawer);
-    };
-    const renderVN = () => {
-      const { border, showTitleBackground, slots: propSlots = {}, className, position, loading, lockScroll, padding, lockView, mask, resize, appendTo, destroyOnClose, isWithinAppendTo } = props;
-      const { initialized, contentVisible, visible } = reactData;
-      const asideSlot = slots.aside || propSlots.aside;
-      const vSize = computeSize.value;
-      const dragType = computeDragType.value;
-      const btnTransfer = computeBtnTransfer.value;
-      return h(
-        Teleport,
-        {
-          to: getPopupContainer(appendTo),
-          disabled: btnTransfer ? !initialized : true
-        },
-        [
-          h(
-            "div",
-            {
-              ref: refElem,
-              class: [
-                "vxe-drawer--wrapper",
-                `pos--${position}`,
-                isWithinAppendTo ? "ctx--within" : "ctx--free",
-                className || "",
-                {
-                  [`size--${vSize}`]: vSize,
-                  "is--padding": padding,
-                  "is--border": border,
-                  "is--title-bg": showTitleBackground,
-                  "lock--scroll": lockScroll,
-                  "lock--view": lockView,
-                  "is--resize": resize,
-                  "is--mask": mask,
-                  "is--visible": contentVisible,
-                  "is--active": visible,
-                  "is--loading": loading
-                }
-              ],
-              style: {
-                zIndex: reactData.drawerZIndex
-              },
-              onClick: selfClickEvent
-            },
-            [
-              h(
-                "div",
-                {
-                  ref: refDrawerBox,
-                  class: "vxe-drawer--box",
-                  onMousedown: boxMousedownEvent
+          [
+            h(
+              "div",
+              {
+                ref: refElem,
+                class: [
+                  "vxe-drawer--wrapper",
+                  `pos--${position}`,
+                  isWithinAppendTo ? "ctx--within" : "ctx--free",
+                  className || "",
+                  {
+                    [`size--${vSize}`]: vSize,
+                    "is--padding": padding,
+                    "is--border": border,
+                    "is--title-bg": showTitleBackground,
+                    "lock--scroll": lockScroll,
+                    "lock--view": lockView,
+                    "is--resize": resize,
+                    "is--mask": mask,
+                    "is--visible": contentVisible,
+                    "is--active": visible,
+                    "is--loading": loading
+                  }
+                ],
+                style: {
+                  zIndex: reactData.drawerZIndex
                 },
-                [
-                  asideSlot ? h(
-                    "div",
-                    {
-                      class: "vxe-drawer--aside"
-                    },
-                    getSlotVNs(asideSlot({ $drawer: $xeDrawer }))
-                  ) : renderEmptyElement($xeDrawer),
-                  h(
-                    "div",
-                    {
-                      class: "vxe-drawer--container"
-                    },
-                    !reactData.initialized || destroyOnClose && !reactData.visible ? [] : [
-                      renderHeader(),
-                      renderBody(),
-                      renderFooter(),
-                      resize ? h(
-                        "span",
-                        {
-                          class: "vxe-drawer--resize"
-                        },
-                        [
-                          h("span", {
-                            class: `${dragType}-resize`,
-                            type: dragType,
-                            onMousedown: dragEvent
-                          })
-                        ]
-                      ) : renderEmptyElement($xeDrawer)
-                    ]
-                  )
-                ]
-              )
-            ]
-          )
-        ]
+                onClick: selfClickEvent
+              },
+              [
+                h(
+                  "div",
+                  {
+                    ref: refDrawerBox,
+                    class: "vxe-drawer--box",
+                    onMousedown: boxMousedownEvent
+                  },
+                  [
+                    asideSlot ? h(
+                      "div",
+                      {
+                        class: "vxe-drawer--aside"
+                      },
+                      getSlotVNs(asideSlot({ $drawer: $xeDrawer }))
+                    ) : renderEmptyElement($xeDrawer),
+                    h(
+                      "div",
+                      {
+                        class: "vxe-drawer--container"
+                      },
+                      !reactData.initialized || destroyOnClose && !reactData.visible ? [] : [
+                        renderHeader(),
+                        renderBody(),
+                        renderFooter(),
+                        resize ? h(
+                          "span",
+                          {
+                            class: "vxe-drawer--resize"
+                          },
+                          [
+                            h("span", {
+                              class: `${dragType}-resize`,
+                              type: dragType,
+                              onMousedown: dragEvent
+                            })
+                          ]
+                        ) : renderEmptyElement($xeDrawer)
+                      ]
+                    )
+                  ]
+                )
+              ]
+            )
+          ]
+        );
+      };
+      const reFlag = ref(0);
+      watch(
+        () => props.width,
+        () => {
+          reFlag.value++;
+        }
       );
-    };
-    const reFlag = ref(0);
-    watch(
-      () => props.width,
-      () => {
-        reFlag.value++;
-      }
-    );
-    watch(
-      () => props.height,
-      () => {
-        reFlag.value++;
-      }
-    );
-    watch(
-      () => props.position,
-      () => {
-        reFlag.value++;
-      }
-    );
-    watch(reFlag, recalculate);
-    watch(
-      () => props.modelValue,
-      (value) => {
-        if (value) {
-          openDrawer();
-        } else {
-          closeDrawer("model");
+      watch(
+        () => props.height,
+        () => {
+          reFlag.value++;
+        }
+      );
+      watch(
+        () => props.position,
+        () => {
+          reFlag.value++;
+        }
+      );
+      watch(reFlag, recalculate);
+      watch(
+        () => props.modelValue,
+        (value) => {
+          if (value) {
+            openDrawer();
+          } else {
+            closeDrawer("model");
+          }
         }
-      }
-    );
-    onMounted(() => {
-      reactData.initialized = !!props.preload;
-      nextTick(() => {
-        if (props.modelValue) {
-          openDrawer();
+      );
+      onMounted(() => {
+        reactData.initialized = !!props.preload;
+        nextTick(() => {
+          if (props.modelValue) {
+            openDrawer();
+          }
+          recalculate();
+        });
+        if (props.escClosable) {
+          globalEvents.on($xeDrawer, "keydown", handleGlobalKeydownEvent);
         }
-        recalculate();
       });
-      if (props.escClosable) {
-        globalEvents.on($xeDrawer, "keydown", handleGlobalKeydownEvent);
-      }
-    });
-    onUnmounted(() => {
-      globalEvents.off($xeDrawer, "keydown");
-      removeActiveQueue();
-    });
-    provide("$xeDrawer", $xeDrawer);
-    $xeDrawer.renderVN = renderVN;
-    return $xeDrawer;
-  },
-  render() {
-    return this.renderVN();
-  }
-});
+      onUnmounted(() => {
+        globalEvents.off($xeDrawer, "keydown");
+        removeActiveQueue();
+      });
+      provide("$xeDrawer", $xeDrawer);
+      $xeDrawer.renderVN = renderVN;
+      return $xeDrawer;
+    },
+    render() {
+      return this.renderVN();
+    }
+  })
+);
 export {
   drawer_default as default
 };