ele-admin-plus 1.4.0 → 1.4.1

package/es/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/es/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/es/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/es/ele-image-viewer/index.js

@@ -1,27 +1,15 @@
-import { defineComponent, ref, computed, onDeactivated, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, unref, mergeProps, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, ref, onDeactivated, createBlock, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, createCommentVNode, normalizeStyle, normalizeClass, unref, mergeProps, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { ElImageViewer } from "element-plus";
 import { omit } from "../utils/common";
 import { imageViewerEmits, imageViewerProps } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "EleImageViewer" },
+  ...{ name: "EleImageViewer", inheritAttrs: false },
   __name: "index",
   props: imageViewerProps,
   emits: imageViewerEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
     const emit = __emit;
     const imageViewerRef = ref(null);
-    const viewerProps = computed(() => {
-      const options = omit(props, [
-        "modelValue",
-        "customClass",
-        "customStyle",
-        "transitionName",
-        "keepAlive"
-      ]);
-      options.teleported = false;
-      return options;
-    });
     const handleClose = () => {
       emit("update:modelValue", false);
       emit("close");
@@ -57,9 +45,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(["ele-image-viewer", _ctx.customClass]),
               style: normalizeStyle(_ctx.customStyle)
             }, [
-              createVNode(unref(ElImageViewer), mergeProps(viewerProps.value, {
+              createVNode(unref(ElImageViewer), mergeProps({
+                ..._ctx.$attrs,
+                ...unref(omit)(_ctx.$props, [
+                  "modelValue",
+                  "customClass",
+                  "customStyle",
+                  "transitionName",
+                  "keepAlive"
+                ])
+              }, {
                 ref_key: "imageViewerRef",
                 ref: imageViewerRef,
+                teleported: false,
                 onClose: handleClose,
                 onSwitch: handleSwitch,
                 onRotate: handleRotate

package/es/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/es/ele-loading/index.js

@@ -1,9 +1,9 @@
-import { defineComponent, computed, withDirectives, createBlock, openBlock, unref, normalizeClass, withCtx, renderSlot, createCommentVNode, createElementBlock, normalizeStyle, createElementVNode, toDisplayString, vShow } from "vue";
+import { defineComponent, computed, withDirectives, createBlock, openBlock, unref, mergeProps, withCtx, renderSlot, createCommentVNode, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, vShow } from "vue";
 import { vLoading } from "element-plus";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
 import { loadingProps } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "EleLoading" },
+  ...{ name: "EleLoading", inheritAttrs: false },
   __name: "index",
   props: loadingProps,
   setup(__props) {
@@ -12,13 +12,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return props.type === "circle";
     });
     return (_ctx, _cache) => {
-      return withDirectives((openBlock(), createBlock(unref(ReceiverView), {
+      return withDirectives((openBlock(), createBlock(unref(ReceiverView), 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: normalizeClass(["ele-loading", { "ele-loading-show": _ctx.loading }])
-      }, {
+        class: ["ele-loading", { "ele-loading-show": _ctx.loading }]
+      }), {
         default: withCtx(() => [
           renderSlot(_ctx.$slots, "default"),
           !isCircle.value ? withDirectives((openBlock(), createElementBlock("div", {
@@ -49,7 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]) : 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"])), [
         [unref(vLoading), isCircle.value && _ctx.loading]
       ]);
     };

package/es/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/es/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/es/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/es/ele-menus/types.d.ts

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

package/es/ele-menus/util.js

@@ -27,7 +27,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/es/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;

package/es/ele-modal/index.js

@@ -1,10 +1,11 @@
 import { defineComponent, ref, computed, watch, onMounted, onActivated, onDeactivated, createBlock, openBlock, Teleport, createVNode, unref, mergeProps, createSlots, withCtx, normalizeStyle, normalizeClass, renderSlot, createElementVNode, createElementBlock, createCommentVNode, createTextVNode, toDisplayString, withModifiers, resolveDynamicComponent, nextTick } from "vue";
 import { ElDialog, ElIcon } from "element-plus";
 import { CompressOutlined, ExpandOutlined, CloseOutlined, ResizeOutlined } from "../icons/index";
+import { pick } from "../utils/common";
 import ReceiverView from "../ele-config-provider/components/receiver-view";
 import { useLayoutState, useResponsive } from "../ele-pro-layout/util";
 import { wrapperClass, getModalContainer, useModalEvent, closedClass } from "./util";
-import { modalEmits, modalProps } from "./props";
+import { modalEmits, modalProps, dialogPropKeys } from "./props";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "EleModal", inheritAttrs: false },
   __name: "index",
@@ -20,7 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isActivated = ref(true);
     const dialogClass = computed(() => {
       const classes = [wrapperClass];
-      if (props.responsive ?? isResponsive.value ?? true) {
+      if (isResponsive.value) {
         classes.push("ele-modal-responsive");
       }
       if (props.alignCenter || props.position === "center") {
@@ -166,7 +167,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         to: teleportTo.value,
         disabled: teleportDisabled.value
       }, [
-        createVNode(unref(ElDialog), mergeProps(_ctx.$attrs, {
+        createVNode(unref(ElDialog), mergeProps({ ..._ctx.$attrs, ...unref(pick)(_ctx.$props, unref(dialogPropKeys)) }, {
           ref_key: "dialogRef",
           ref: dialogRef,
           modelValue: _ctx.modelValue,
@@ -283,15 +284,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ]),
           default: withCtx(() => [
             createVNode(unref(ReceiverView), {
+              wrapHeight: _ctx.bodyHeight,
               wrapPosition: false,
-              class: normalizeClass(["ele-modal-body", { "is-form": _ctx.form }, _ctx.modalBodyClass]),
+              class: normalizeClass([
+                "ele-modal-body",
+                { "is-fluid-body": _ctx.bodyHeight != null },
+                { "is-form": _ctx.form },
+                _ctx.modalBodyClass
+              ]),
               style: normalizeStyle(_ctx.bodyStyle)
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "default")
               ]),
               _: 3
-            }, 8, ["class", "style"])
+            }, 8, ["wrapHeight", "class", "style"])
           ]),
           _: 2
         }, [

package/es/ele-modal/props.d.ts

@@ -15,6 +15,8 @@ export declare const modalProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /** 弹窗主体高度 */
+    bodyHeight: (NumberConstructor | StringConstructor)[];
     /** 是否可以拖出边界 */
     moveOut: PropType<MoveOut>;
     /** 是否可以拉伸 */

package/es/ele-modal/props.js

@@ -9,6 +9,8 @@ const modalProps = {
     type: Boolean,
     default: true
   },
+  /** 弹窗主体高度 */
+  bodyHeight: [String, Number],
   /** 是否可以拖出边界 */
   moveOut: [Boolean, Array],
   /** 是否可以拉伸 */

package/es/ele-modal/style/index.scss

@@ -39,6 +39,11 @@
       }
     }
   }
+
+  &.dialog-fade-enter-active .el-overlay-dialog *,
+  &.dialog-fade-leave-active .el-overlay-dialog * {
+    pointer-events: none !important;
+  }
 }
 
 /* header */
@@ -59,6 +64,11 @@
   box-sizing: border-box;
 }
 
+.is-show-header-border > .el-dialog__header > .ele-modal-header {
+  padding: eleVar('modal', 'bordered-header-padding');
+  border-bottom: eleVar('modal', 'bordered-header-border');
+}
+
 /* 图标按钮 */
 .ele-modal-tool {
   flex-shrink: 0;
@@ -90,6 +100,12 @@
   padding: eleVar('modal', 'body-padding');
   box-sizing: border-box;
 
+  &.is-fluid-body {
+    max-height: 100%;
+    min-height: 100%;
+    overflow: auto;
+  }
+
   &.is-form {
     padding: eleVar('modal', 'form-body-padding');
   }