ele-admin-plus 1.4.0 → 1.4.1

package/lib/ele-icon-select/style/index.scss

@@ -4,19 +4,32 @@
 
 @include set-icon-var($ele);
 
+/* 选择框 */
 .ele-select.is-icon-select .el-input__prefix-inner {
   color: elVar('input', 'text-color');
 }
 
-.ele-icon-select-popper.is-responsive {
+/* 下拉面板 */
+.ele-icon-select-popper.is-icon-select-responsive {
   max-width: calc(100vw - 32px);
 }
 
-.ele-icon-select {
+.ele-icon-select-popper.is-icon-select-default,
+.ele-icon-select-popper > .ele-popover-body,
+.ele-icon-select-popper > .el-dialog__body > .ele-modal-body,
+.ele-icon-select-popper > .el-drawer__body > .ele-drawer-body {
   display: flex;
   flex-direction: column;
+  padding: 0;
 }
 
+.ele-icon-select-main {
+  flex: 1;
+  display: flex;
+  overflow: auto;
+}
+
+/* 顶栏 */
 .ele-icon-select-header {
   display: flex;
   align-items: center;
@@ -91,6 +104,7 @@
   }
 }
 
+/* 顶栏搜索框 */
 .ele-icon-select-search {
   width: 100%;
   flex-shrink: 0;
@@ -107,20 +121,14 @@
   padding-left: 12px;
 }
 
-.ele-icon-select-main {
-  flex: 1;
-  display: flex;
-  overflow: auto;
-}
-
+/* 左侧菜单 */
 .ele-icon-select-menus {
-  height: 100%;
-  width: eleVar('icon', 'menus-width');
   flex-shrink: 0;
-  overflow: auto;
+  width: eleVar('icon', 'menus-width');
   padding: eleVar('icon', 'menus-padding');
   box-shadow: -0.8px 0 0 elVar('border-color', 'light') inset;
   box-sizing: border-box;
+  overflow: auto;
 
   .ele-icon-select-menu {
     height: eleVar('icon', 'menu-height');
@@ -184,6 +192,7 @@
   }
 }
 
+/* 图标列表 */
 .ele-icon-select-body {
   flex: 1;
   height: 100%;
@@ -198,11 +207,12 @@
 .ele-icon-select-grid {
   box-sizing: border-box;
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(auto-fill, minmax(56px, 1fr));
   grid-gap: 8px;
 
   .ele-icon-select-item {
-    height: 48px;
+    height: eleVar('icon', 'item-height');
+    padding: eleVar('icon', 'item-padding');
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -211,11 +221,7 @@
     font-size: eleVar('icon', 'font-size');
     border: eleVar('icon', 'border');
     border-radius: eleVar('icon', 'radius');
-    transition: (
-      color $transition-base,
-      background-color $transition-base,
-      border-color $transition-base
-    );
+    transition: (color $transition-base, background-color $transition-base);
     box-sizing: border-box;
     overflow: hidden;
     cursor: pointer;
@@ -232,4 +238,30 @@
       border: eleVar('icon', 'active-border');
     }
   }
+
+  .ele-icon-select-item-name {
+    max-width: 100%;
+    font-size: eleVar('icon', 'name-font-size');
+    margin-top: eleVar('icon', 'name-margin-top');
+    white-space: nowrap;
+    word-break: break-all;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  &.is-loose {
+    grid-template-columns: repeat(auto-fill, minmax(98px, 1fr));
+
+    .ele-icon-select-item {
+      font-size: eleVar('icon', 'loose-font-size');
+      height: eleVar('icon', 'loose-item-height');
+      padding: eleVar('icon', 'loose-item-padding');
+    }
+  }
+}
+
+/* 抽屉模式 */
+.ele-icon-select-popper > .el-drawer__body > .ele-drawer-body {
+  height: 100%;
+  overflow: auto;
 }

package/lib/ele-icon-select/types.d.ts

@@ -14,3 +14,16 @@ export interface IconItem {
     icons?: string[];
   }[];
 }
+
+/**
+ * 图标文字提示
+ */
+export type ItemTooltip = boolean | 'static';
+
+/**
+ * 国际化
+ */
+export interface IconSelectLocale {
+  title: string;
+  searchPlaceholder: string;
+}

package/lib/ele-image-viewer/index.cjs

@@ -4,25 +4,13 @@ const elementPlus = require("element-plus");
 const common = require("../utils/common");
 const props = require("./props");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "EleImageViewer" },
+  ...{ name: "EleImageViewer", inheritAttrs: false },
   __name: "index",
   props: props.imageViewerProps,
   emits: props.imageViewerEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const props2 = __props;
     const emit = __emit;
     const imageViewerRef = vue.ref(null);
-    const viewerProps = vue.computed(() => {
-      const options = common.omit(props2, [
-        "modelValue",
-        "customClass",
-        "customStyle",
-        "transitionName",
-        "keepAlive"
-      ]);
-      options.teleported = false;
-      return options;
-    });
     const handleClose = () => {
       emit("update:modelValue", false);
       emit("close");
@@ -58,9 +46,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               class: vue.normalizeClass(["ele-image-viewer", _ctx.customClass]),
               style: vue.normalizeStyle(_ctx.customStyle)
             }, [
-              vue.createVNode(vue.unref(elementPlus.ElImageViewer), vue.mergeProps(viewerProps.value, {
+              vue.createVNode(vue.unref(elementPlus.ElImageViewer), vue.mergeProps({
+                ..._ctx.$attrs,
+                ...vue.unref(common.omit)(_ctx.$props, [
+                  "modelValue",
+                  "customClass",
+                  "customStyle",
+                  "transitionName",
+                  "keepAlive"
+                ])
+              }, {
                 ref_key: "imageViewerRef",
                 ref: imageViewerRef,
+                teleported: false,
                 onClose: handleClose,
                 onSwitch: handleSwitch,
                 onRotate: handleRotate

package/lib/ele-image-viewer/index.d.ts

@@ -77,14 +77,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: 7;
     };
-    showProgress: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: false;
-    };
+    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;
@@ -175,14 +168,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: 7;
     };
-    showProgress: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: false;
-    };
+    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;

package/lib/ele-image-viewer/props.d.ts

@@ -84,14 +84,7 @@ export declare const imageViewerProps: {
     } & {
         readonly default: 7;
     };
-    showProgress: {
-        readonly type: import('vue').PropType<boolean>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    } & {
-        readonly default: false;
-    };
+    showProgress: BooleanConstructor;
     crossorigin: {
         readonly type: import('vue').PropType<"" | "anonymous" | "use-credentials">;
         readonly required: false;

package/lib/ele-loading/index.cjs

@@ -4,7 +4,7 @@ const elementPlus = require("element-plus");
 const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const props = require("./props");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{ name: "EleLoading" },
+  ...{ name: "EleLoading", inheritAttrs: false },
   __name: "index",
   props: props.loadingProps,
   setup(__props) {
@@ -13,13 +13,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return props2.type === "circle";
     });
     return (_ctx, _cache) => {
-      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ReceiverView), {
+      return vue.withDirectives((vue.openBlock(), vue.createBlock(vue.unref(ReceiverView), vue.mergeProps(_ctx.$attrs, {
         "element-loading-text": isCircle.value ? _ctx.text : void 0,
         "element-loading-background": isCircle.value ? _ctx.background : void 0,
         "element-loading-spinner": isCircle.value ? _ctx.spinner : void 0,
         "element-loading-svg-view-box": isCircle.value ? _ctx.svgViewBox : void 0,
-        class: vue.normalizeClass(["ele-loading", { "ele-loading-show": _ctx.loading }])
-      }, {
+        class: ["ele-loading", { "ele-loading-show": _ctx.loading }]
+      }), {
         default: vue.withCtx(() => [
           vue.renderSlot(_ctx.$slots, "default"),
           !isCircle.value ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]) : vue.createCommentVNode("", true)
         ]),
         _: 3
-      }, 8, ["element-loading-text", "element-loading-background", "element-loading-spinner", "element-loading-svg-view-box", "class"])), [
+      }, 16, ["element-loading-text", "element-loading-background", "element-loading-spinner", "element-loading-svg-view-box", "class"])), [
         [vue.unref(elementPlus.vLoading), isCircle.value && _ctx.loading]
       ]);
     };

package/lib/ele-map-picker/index.d.ts

@@ -1,8 +1,6 @@
-import { Ref } from 'vue';
-import { default as MapView } from './components/map-view';
-import { PoiItem, MapLocale } from './types';
+import { EleMapPickerViewInstance } from '../ele-app/plusx';
+import { PoiItem } from './types';
 
-type MapViewInstance = InstanceType<typeof MapView> | null;
 declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
 declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     modelValue: BooleanConstructor;
@@ -11,7 +9,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: null;
     };
-    locale: import('vue').PropType<Partial<MapLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').MapLocale>>;
     keywordMode: BooleanConstructor;
     headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     height: {
@@ -80,7 +78,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     selected: import('vue').PropType<PoiItem>;
     sideStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>, {
-    mapRef: Ref<MapViewInstance, MapViewInstance>;
+    mapRef: import('vue').Ref<EleMapPickerViewInstance, EleMapPickerViewInstance>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     done: (_result: PoiItem) => void;
     open: () => void;
@@ -94,7 +92,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: null;
     };
-    locale: import('vue').PropType<Partial<MapLocale>>;
+    locale: import('vue').PropType<Partial<import('./types').MapLocale>>;
     keywordMode: BooleanConstructor;
     headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     height: {

package/lib/ele-mention/index.d.ts

@@ -70,6 +70,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    inputmode: {
+        readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    name: StringConstructor;
     ariaLabel: StringConstructor;
     id: {
         readonly type: import('vue').PropType<string>;
@@ -219,6 +228,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     input: (value: string) => void;
     select: (option: import('element-plus').MentionOption, prefix: string) => void;
     "update:modelValue": (value: string) => void;
+    "whole-remove": (pattern: string, prefix: string) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     options: import('vue').PropType<MentionOption[] | import('./types').MentionOptionsFunction>;
     prefix: {
@@ -287,6 +297,15 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    inputmode: {
+        readonly type: import('vue').PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    name: StringConstructor;
     ariaLabel: StringConstructor;
     id: {
         readonly type: import('vue').PropType<string>;
@@ -433,28 +452,30 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onInput?: ((value: string) => any) | undefined;
     onSelect?: ((option: import('element-plus').MentionOption, prefix: string) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onWhole-remove"?: ((pattern: string, prefix: string) => any) | undefined;
 }>, {
     split: string;
     type: string;
     placement: "top" | "bottom";
     popperClass: string;
-    clearable: boolean;
-    disabled: boolean;
-    loading: boolean;
-    offset: number;
-    autofocus: boolean;
-    validateEvent: boolean;
-    popperOptions: Partial<import('element-plus').Options>;
+    inputmode: "search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined;
     id: string;
-    tabindex: string | number;
+    disabled: boolean;
     autosize: import('element-plus').InputAutoSize;
     autocomplete: string;
     readonly: boolean;
+    clearable: boolean;
     showPassword: boolean;
     showWordLimit: boolean;
     containerRole: string;
+    tabindex: string | number;
+    validateEvent: boolean;
     inputStyle: import('vue').StyleValue;
+    autofocus: boolean;
     rows: number;
+    loading: boolean;
+    offset: number;
+    popperOptions: Partial<import('element-plus').Options>;
     prefix: string | string[];
     filterOption: false | ((pattern: string, option: import('element-plus').MentionOption) => boolean);
     showArrow: boolean;

package/lib/ele-mention/props.d.ts

@@ -74,6 +74,15 @@ export declare const mentionProps: {
     } & {
         readonly default: () => Partial<import('element-plus').Options>;
     };
+    inputmode: {
+        readonly type: PropType<"search" | "text" | "none" | "url" | "email" | "tel" | "numeric" | "decimal" | undefined>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    } & {
+        readonly default: undefined;
+    };
+    name: StringConstructor;
     ariaLabel: StringConstructor;
     id: {
         readonly type: PropType<string>;

package/lib/ele-menus/types.d.ts

@@ -93,6 +93,8 @@ export interface MenuResult {
   items?: MenuItem[];
   /** 省略的菜单数据 */
   moreItems?: MenuItem[];
+  /** 选中的菜单路径 */
+  activeIndex?: string;
 }
 
 /**

package/lib/ele-menus/util.cjs

@@ -29,7 +29,7 @@ function getMenuItems(menus, index, horizontal) {
     return { ...d, group: false };
   });
   if (index == null || index < 0 || index >= data.length) {
-    return { items: data };
+    return { items: data, activeIndex: `/item${index}` };
   }
   const items = index === 0 ? [] : data.slice(0, index);
   const moreItems = index === 0 ? data : data.slice(index);

package/lib/ele-modal/index.cjs

@@ -2,6 +2,7 @@
 const vue = require("vue");
 const elementPlus = require("element-plus");
 const index = require("../icons/index");
+const common = require("../utils/common");
 const ReceiverView = require("../ele-config-provider/components/receiver-view");
 const util = require("../ele-pro-layout/util");
 const util$1 = require("./util");
@@ -12,75 +13,75 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   props: props.modalProps,
   emits: props.modalEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const props2 = __props;
+    const props$1 = __props;
     const emit = __emit;
     const layoutState = util.useLayoutState();
-    const isResponsive = util.useResponsive(props2);
+    const isResponsive = util.useResponsive(props$1);
     const dialogRef = vue.ref(null);
-    const isFullscreen = vue.ref(props2.fullscreen ?? false);
+    const isFullscreen = vue.ref(props$1.fullscreen ?? false);
     const isActivated = vue.ref(true);
     const dialogClass = vue.computed(() => {
       const classes = [util$1.wrapperClass];
-      if (props2.responsive ?? isResponsive.value ?? true) {
+      if (isResponsive.value) {
         classes.push("ele-modal-responsive");
       }
-      if (props2.alignCenter || props2.position === "center") {
+      if (props$1.alignCenter || props$1.position === "center") {
         classes.push("ele-modal-center");
-      } else if (props2.position === "top") {
+      } else if (props$1.position === "top") {
         classes.push("ele-modal-top");
-      } else if (props2.position === "bottom") {
+      } else if (props$1.position === "bottom") {
         classes.push("ele-modal-bottom");
-      } else if (props2.position === "left") {
+      } else if (props$1.position === "left") {
         classes.push("ele-modal-left");
-      } else if (props2.position === "right") {
+      } else if (props$1.position === "right") {
         classes.push("ele-modal-right");
-      } else if (props2.position === "leftTop") {
+      } else if (props$1.position === "leftTop") {
         classes.push("ele-modal-left-top");
-      } else if (props2.position === "leftBottom") {
+      } else if (props$1.position === "leftBottom") {
         classes.push("ele-modal-left-bottom");
-      } else if (props2.position === "rightTop") {
+      } else if (props$1.position === "rightTop") {
         classes.push("ele-modal-right-top");
-      } else if (props2.position === "rightBottom") {
+      } else if (props$1.position === "rightBottom") {
         classes.push("ele-modal-right-bottom");
       }
-      if (props2.draggable) {
+      if (props$1.draggable) {
         classes.push("ele-modal-movable");
       }
-      if (props2.resizable) {
+      if (props$1.resizable) {
         classes.push("ele-modal-resizable");
       }
-      if (props2.multiple) {
+      if (props$1.multiple) {
         classes.push("ele-modal-multiple");
       }
       if (isFullscreen.value) {
         classes.push("ele-modal-fullscreen");
       }
-      if (!props2.modelValue) {
+      if (!props$1.modelValue) {
         classes.push(util$1.closedClass);
       }
-      if (!isActivated.value && props2.modelValue) {
+      if (!isActivated.value && props$1.modelValue) {
         classes.push("ele-modal-hide");
       }
-      if (props2.inner) {
+      if (props$1.inner) {
         classes.push("ele-modal-inner");
       }
-      if (props2.modalClass) {
-        classes.push(props2.modalClass);
+      if (props$1.modalClass) {
+        classes.push(props$1.modalClass);
       }
       return classes.join(" ");
     });
     const teleportTo = vue.computed(() => {
       return util$1.getModalContainer(
-        props2.inner,
-        props2.multiple,
-        props2.appendTo,
+        props$1.inner,
+        props$1.multiple,
+        props$1.appendTo,
         layoutState.modalsEl
       );
     });
     const teleportDisabled = vue.computed(() => {
-      const appendTo = props2.appendTo || "body";
-      const disabled = appendTo === "body" ? !props2.appendToBody : false;
-      return props2.multiple || props2.inner ? false : disabled;
+      const appendTo = props$1.appendTo || "body";
+      const disabled = appendTo === "body" ? !props$1.appendToBody : false;
+      return props$1.multiple || props$1.inner ? false : disabled;
     });
     const {
       handleHeaderMousedown,
@@ -92,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       topModal,
       setInitPosition,
       resetModalStyle
-    } = util$1.useModalEvent(dialogRef, props2, isFullscreen);
+    } = util$1.useModalEvent(dialogRef, props$1, isFullscreen);
     const updateModelValue = (modelValue) => {
       emit("update:modelValue", modelValue);
     };
@@ -104,11 +105,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("update:fullscreen", isFullscreen.value);
     };
     const handleOpen = () => {
-      if (props2.resetOnClose || props2.destroyOnClose) {
-        isFullscreen.value = props2.fullscreen ?? false;
+      if (props$1.resetOnClose || props$1.destroyOnClose) {
+        isFullscreen.value = props$1.fullscreen ?? false;
       }
       vue.nextTick(() => {
-        if (props2.resetOnClose) {
+        if (props$1.resetOnClose) {
           resetModalStyle();
         } else {
           setInitPosition();
@@ -141,13 +142,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       dialogRef.value && dialogRef.value.handleClose();
     };
     vue.watch(
-      () => props2.fullscreen,
+      () => props$1.fullscreen,
       (fullscreen) => {
         isFullscreen.value = fullscreen ?? false;
       }
     );
     vue.onMounted(() => {
-      if (props2.modelValue) {
+      if (props$1.modelValue) {
         setInitPosition();
       }
     });
@@ -167,7 +168,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         to: teleportTo.value,
         disabled: teleportDisabled.value
       }, [
-        vue.createVNode(vue.unref(elementPlus.ElDialog), vue.mergeProps(_ctx.$attrs, {
+        vue.createVNode(vue.unref(elementPlus.ElDialog), vue.mergeProps({ ..._ctx.$attrs, ...vue.unref(common.pick)(_ctx.$props, vue.unref(props.dialogPropKeys)) }, {
           ref_key: "dialogRef",
           ref: dialogRef,
           modelValue: _ctx.modelValue,
@@ -284,15 +285,21 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ]),
           default: vue.withCtx(() => [
             vue.createVNode(vue.unref(ReceiverView), {
+              wrapHeight: _ctx.bodyHeight,
               wrapPosition: false,
-              class: vue.normalizeClass(["ele-modal-body", { "is-form": _ctx.form }, _ctx.modalBodyClass]),
+              class: vue.normalizeClass([
+                "ele-modal-body",
+                { "is-fluid-body": _ctx.bodyHeight != null },
+                { "is-form": _ctx.form },
+                _ctx.modalBodyClass
+              ]),
               style: vue.normalizeStyle(_ctx.bodyStyle)
             }, {
               default: vue.withCtx(() => [
                 vue.renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 8, ["class", "style"])
+            }, 8, ["wrapHeight", "class", "style"])
           ]),
           _: 2
         }, [

package/lib/ele-modal/index.d.ts

@@ -23,6 +23,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    bodyHeight: (StringConstructor | NumberConstructor)[];
     moveOut: import('vue').PropType<import('./types').MoveOut>;
     resizable: import('vue').PropType<import('./types').Resizable>;
     position: import('vue').PropType<import('./types').Position>;
@@ -191,11 +192,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     close: () => void;
     open: () => void;
     "update:modelValue": (value: boolean) => void;
-    closed: () => void;
-    "update:fullscreen": (_fullscreen: boolean) => void;
     opened: () => void;
+    closed: () => void;
     openAutoFocus: () => void;
     closeAutoFocus: () => void;
+    "update:fullscreen": (_fullscreen: boolean) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     appendToBody: {
         type: BooleanConstructor;
@@ -205,6 +206,7 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    bodyHeight: (StringConstructor | NumberConstructor)[];
     moveOut: import('vue').PropType<import('./types').MoveOut>;
     resizable: import('vue').PropType<import('./types').Resizable>;
     position: import('vue').PropType<import('./types').Position>;
@@ -369,11 +371,11 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     onClose?: (() => any) | undefined;
     onOpen?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClosed?: (() => any) | undefined;
-    "onUpdate:fullscreen"?: ((_fullscreen: boolean) => any) | undefined;
     onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
     onOpenAutoFocus?: (() => any) | undefined;
     onCloseAutoFocus?: (() => any) | undefined;
+    "onUpdate:fullscreen"?: ((_fullscreen: boolean) => any) | undefined;
 }>, {
     form: boolean;
     title: string;
@@ -399,10 +401,10 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
     multiple: boolean;
     minWidth: number;
     minHeight: number;
-    responsive: boolean;
-    inner: boolean;
     resetOnClose: boolean;
     maxable: boolean;
+    inner: boolean;
+    responsive: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;