ele-admin-plus 1.1.9-beta.7 → 1.1.9-beta.9

package/es/ele-icon-select/index.js

@@ -1,17 +1,18 @@
 import { defineComponent, ref, computed, watch, resolveComponent, openBlock, createBlock, createSlots, withCtx, createElementVNode, normalizeStyle, createElementBlock, renderSlot, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createVNode, normalizeProps, guardReactiveProps } from "vue";
+import { ElInput } from "element-plus";
 import { useResponsive } from "../ele-config-provider/receiver";
 import EleBasicSelect from "../ele-basic-select/index";
 import { valueIsChanged } from "../ele-basic-select/util";
+import { SearchOutlined } from "../icons";
 import IconGrid from "./components/icon-grid";
 import { iconSelectProps, iconSelectEmits } from "./props";
 const _sfc_main = defineComponent({
   name: "EleIconSelect",
-  components: { EleBasicSelect, IconGrid },
+  components: { ElInput, EleBasicSelect, IconGrid },
   props: iconSelectProps,
   emits: iconSelectEmits,
   setup(props, { emit }) {
     const isResponsive = useResponsive(props);
-    const iconState = { keyword: "" };
     const selectRef = ref(null);
     const selectVisible = ref(false);
     const tabs = ref([]);
@@ -19,6 +20,7 @@ const _sfc_main = defineComponent({
     const menus = ref([]);
     const menuActive = ref();
     const icons = ref([]);
+    const keywords = ref("");
     const tabBar = computed(() => {
       if (!tabs.value || !tabs.value.length) {
         return false;
@@ -81,10 +83,11 @@ const _sfc_main = defineComponent({
       if (!data) {
         return [];
       }
-      if (!iconState.keyword) {
+      if (!keywords.value) {
         return data;
       }
-      return data.filter((t) => t.toLowerCase().includes(iconState.keyword));
+      const keyword = keywords.value.toLowerCase();
+      return data.filter((t) => t.toLowerCase().includes(keyword));
     };
     const updateVisible = (visible) => {
       if (visible) {
@@ -112,9 +115,11 @@ const _sfc_main = defineComponent({
     const onSelectBlur = (e) => {
       emit("blur", e);
     };
-    const onSelectFilter = (keywords) => {
+    const onSelectFilter = (value) => {
       var _a;
-      iconState.keyword = keywords ? keywords.toLowerCase() : "";
+      if (keywords.value !== value) {
+        keywords.value = value;
+      }
       initData();
       if (!((_a = props.data) == null ? void 0 : _a.length) || icons.value.length) {
         return;
@@ -124,17 +129,18 @@ const _sfc_main = defineComponent({
         if (typeof d === "string") {
           return;
         }
+        const keyword = keywords.value.toLowerCase();
         if (d.children != null && d.children.length) {
           for (let j = 0; j < d.children.length; j++) {
             const icons2 = d.children[j].icons;
-            if (icons2 && icons2.some((t) => t.toLowerCase().includes(iconState.keyword))) {
+            if (icons2 && icons2.some((t) => t.toLowerCase().includes(keyword))) {
               menuActive.value = j;
               tabActive.value = i;
               initData();
               return;
             }
           }
-        } else if (d.icons != null && d.icons.some((t) => t.toLowerCase().includes(iconState.keyword))) {
+        } else if (d.icons != null && d.icons.some((t) => t.toLowerCase().includes(keyword))) {
           tabActive.value = i;
           initData();
           return;
@@ -164,6 +170,7 @@ const _sfc_main = defineComponent({
       }
     );
     return {
+      SearchOutlined,
       selectRef,
       selectVisible,
       tabs,
@@ -171,6 +178,7 @@ const _sfc_main = defineComponent({
       menus,
       menuActive,
       icons,
+      keywords,
       tabBar,
       selectPopperClass,
       iconPopperStyle,
@@ -197,6 +205,7 @@ const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { class: "ele-icon-select-main" };
 const _hoisted_3 = ["onClick"];
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElInput = resolveComponent("ElInput");
   const _component_IconGrid = resolveComponent("IconGrid");
   const _component_EleBasicSelect = resolveComponent("EleBasicSelect");
   return openBlock(), createBlock(_component_EleBasicSelect, {
@@ -208,7 +217,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     clearable: _ctx.clearable,
     placeholder: _ctx.placeholder,
     automaticDropdown: _ctx.automaticDropdown,
-    filterable: _ctx.filterable,
+    filterable: typeof _ctx.filterable === "boolean" ? _ctx.filterable : false,
     teleported: _ctx.teleported,
     persistent: _ctx.persistent,
     placement: _ctx.placement,
@@ -232,7 +241,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         class: "ele-icon-select",
         style: normalizeStyle(_ctx.iconPopperStyle)
       }, [
-        _ctx.tabBar ? (openBlock(), createElementBlock("div", {
+        _ctx.tabBar || _ctx.filterable === "popper" ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: "ele-icon-select-header",
           style: normalizeStyle(_ctx.headerStyle)
@@ -251,6 +260,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               }, toDisplayString(t), 11, _hoisted_1);
             }), 128))
           ], 4)) : createCommentVNode("", true),
+          _ctx.filterable === "popper" ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: "ele-icon-select-search",
+            style: normalizeStyle(_ctx.searchStyle)
+          }, [
+            createVNode(_component_ElInput, {
+              size: "small",
+              clearable: true,
+              modelValue: _ctx.keywords,
+              prefixIcon: _ctx.SearchOutlined,
+              placeholder: _ctx.filterPlaceholder,
+              "onUpdate:modelValue": _ctx.onSelectFilter
+            }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onUpdate:modelValue"])
+          ], 4)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "tabRightExtra")
         ], 4)) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_2, [

package/es/ele-icon-select/props.d.ts

@@ -23,7 +23,7 @@ export declare const iconSelectProps: {
     /** 是否在输入框获得焦点后自动弹出选项菜单 */
     automaticDropdown: BooleanConstructor;
     /** 是否可以筛选 */
-    filterable: BooleanConstructor;
+    filterable: (BooleanConstructor | StringConstructor)[];
     /** 是否将下拉框插入 body */
     teleported: {
         type: BooleanConstructor;
@@ -87,6 +87,11 @@ export declare const iconSelectProps: {
     gridStyle: PropType<Partial<import("vue").CSSProperties>>;
     /** 图标样式 */
     itemStyle: PropType<Partial<import("vue").CSSProperties>>;
+    /** 搜索框提示文本 */
+    filterPlaceholder: {
+        type: StringConstructor;
+        default: string;
+    };
     /** 是否开启响应式 */
     responsive: {
         type: BooleanConstructor;

package/es/ele-icon-select/props.js

@@ -17,7 +17,7 @@ const iconSelectProps = {
   /** 是否在输入框获得焦点后自动弹出选项菜单 */
   automaticDropdown: Boolean,
   /** 是否可以筛选 */
-  filterable: Boolean,
+  filterable: [Boolean, String],
   /** 是否将下拉框插入 body */
   teleported: {
     type: Boolean,
@@ -81,6 +81,11 @@ const iconSelectProps = {
   gridStyle: Object,
   /** 图标样式 */
   itemStyle: Object,
+  /** 搜索框提示文本 */
+  filterPlaceholder: {
+    type: String,
+    default: ""
+  },
   /** 是否开启响应式 */
   responsive: {
     type: Boolean,

package/es/ele-icon-select/style/index.js

@@ -1,5 +1,6 @@
 import 'element-plus/es/components/empty/style/index';
 import 'element-plus/es/components/scrollbar/style/index';
+import 'element-plus/es/components/input/style/index';
 import '../../ele-tooltip/style/index';
 import '../../ele-basic-select/style/index';
 import './index.scss';

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

@@ -28,7 +28,6 @@
 .ele-icon-select-tabs {
   flex: 1;
   overflow: auto;
-  overflow: overlay;
   display: flex;
   align-items: center;
 
@@ -92,6 +91,22 @@
   }
 }
 
+.ele-icon-select-search {
+  width: 100%;
+  flex-shrink: 0;
+  padding: eleVar('icon', 'search-padding');
+  box-sizing: border-box;
+
+  & > .el-input .el-input__prefix .el-input__icon {
+    font-size: eleVar('icon', 'search-icon-size');
+  }
+}
+
+.ele-icon-select-tabs + .ele-icon-select-search {
+  width: eleVar('icon', 'search-width');
+  padding-left: 12px;
+}
+
 .ele-icon-select-main {
   flex: 1;
   display: flex;
@@ -103,7 +118,6 @@
   width: eleVar('icon', 'menus-width');
   flex-shrink: 0;
   overflow: auto;
-  overflow: overlay;
   padding: eleVar('icon', 'menus-padding');
   box-shadow: -0.8px 0 0 elVar('border-color', 'light') inset;
   box-sizing: border-box;

package/es/ele-loading/index.d.ts

@@ -13,7 +13,6 @@ declare const _default: import("vue").DefineComponent<{
     blur: BooleanConstructor;
     size: import("vue").PropType<import("./types").LoadingSize>;
     spinnerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    /** 根节点属性 */
     textStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }, {
     isCircle: import("vue").ComputedRef<boolean>;
@@ -31,7 +30,6 @@ declare const _default: import("vue").DefineComponent<{
     blur: BooleanConstructor;
     size: import("vue").PropType<import("./types").LoadingSize>;
     spinnerStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
-    /** 根节点属性 */
     textStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
 }>>, {
     type: import("./types").LoadingType;

package/es/ele-loading/index.js

@@ -1,17 +1,15 @@
-import { defineComponent, computed, resolveDirective, withDirectives, openBlock, createElementBlock, normalizeProps, guardReactiveProps, renderSlot, normalizeStyle, normalizeClass, toDisplayString, createCommentVNode, vShow, createElementVNode } from "vue";
+import { defineComponent, computed, resolveComponent, resolveDirective, withDirectives, openBlock, createBlock, normalizeProps, guardReactiveProps, withCtx, renderSlot, createElementBlock, normalizeStyle, normalizeClass, toDisplayString, createCommentVNode, vShow, createElementVNode } from "vue";
 import { vLoading } from "element-plus";
-import { useLicense } from "../ele-config-provider/receiver";
+import ReceiverView from "../ele-config-provider/components/receiver-view";
 import { loadingProps } from "./props";
 const _sfc_main = defineComponent({
   name: "EleLoading",
-  directives: {
-    loading: vLoading
-  },
+  directives: { loading: vLoading },
+  components: { ReceiverView },
   props: loadingProps,
   setup(props) {
-    const { authenticated } = useLicense();
     const isCircle = computed(() => {
-      return !authenticated.value || props.type === "circle";
+      return props.type === "circle";
     });
     const rootProps = computed(() => {
       const obj = {
@@ -42,31 +40,35 @@ const _hoisted_1 = /* @__PURE__ */ createElementVNode("div", { class: "ele-loadi
   /* @__PURE__ */ createElementVNode("i")
 ], -1);
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ReceiverView = resolveComponent("ReceiverView");
   const _directive_loading = resolveDirective("loading");
-  return withDirectives((openBlock(), createElementBlock("div", normalizeProps(guardReactiveProps(_ctx.rootProps)), [
-    renderSlot(_ctx.$slots, "default"),
-    !_ctx.isCircle ? withDirectives((openBlock(), createElementBlock("div", {
-      key: 0,
-      style: normalizeStyle(_ctx.spinnerStyle),
-      class: normalizeClass([
-        "ele-loading-spinner",
-        { "ele-loading-blur": _ctx.blur },
-        { "ele-loading-small": _ctx.size === "small" },
-        { "ele-loading-large": _ctx.size === "large" }
-      ])
-    }, [
-      renderSlot(_ctx.$slots, "spinner", {}, () => [
-        _hoisted_1
-      ]),
-      _ctx.text ? (openBlock(), createElementBlock("div", {
+  return withDirectives((openBlock(), createBlock(_component_ReceiverView, normalizeProps(guardReactiveProps(_ctx.rootProps)), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default"),
+      !_ctx.isCircle ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
-        class: "ele-loading-text",
-        style: normalizeStyle(_ctx.textStyle)
-      }, toDisplayString(_ctx.text), 5)) : createCommentVNode("", true)
-    ], 6)), [
-      [vShow, _ctx.loading]
-    ]) : createCommentVNode("", true)
-  ], 16)), [
+        style: normalizeStyle(_ctx.spinnerStyle),
+        class: normalizeClass([
+          "ele-loading-spinner",
+          { "ele-loading-blur": _ctx.blur },
+          { "ele-loading-small": _ctx.size === "small" },
+          { "ele-loading-large": _ctx.size === "large" }
+        ])
+      }, [
+        renderSlot(_ctx.$slots, "spinner", {}, () => [
+          _hoisted_1
+        ]),
+        _ctx.text ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: "ele-loading-text",
+          style: normalizeStyle(_ctx.textStyle)
+        }, toDisplayString(_ctx.text), 5)) : createCommentVNode("", true)
+      ], 6)), [
+        [vShow, _ctx.loading]
+      ]) : createCommentVNode("", true)
+    ]),
+    _: 3
+  }, 16)), [
     [_directive_loading, _ctx.isCircle && _ctx.loading]
   ]);
 }

package/es/ele-map-picker/components/map-view.d.ts

@@ -195,11 +195,11 @@ declare const _default: import("vue").DefineComponent<{
     onDone?: ((_result: CenterPoint) => any) | undefined;
     onMapDone?: ((_ins: any) => any) | undefined;
 }, {
+    height: string;
+    zoom: number;
     required: boolean;
     mode: import("../types").SelectMode;
-    height: string;
     filterable: boolean;
-    zoom: number;
     selectedZoom: number;
     poiLimit: number;
     poiType: string;

package/es/ele-menus/index.d.ts

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     firstPopperClass: StringConstructor;
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import("vue").PropType<import("./types").EllipsisProps>;
-    textEllipsisTooltip: BooleanConstructor;
+    textEllipsisTooltip: BooleanConstructor; /** 菜单组件实例 */
     textEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
@@ -45,7 +45,7 @@ declare const _default: import("vue").DefineComponent<{
     open: (index: string) => void;
     close: (index: string) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    itemClick: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean; /** 文本溢出提示是否显示 */
+    itemClick: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
     itemMouseenter: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
     itemMouseleave: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
     parentMouseenter: (_item: import("./types").MenuItem, _e: MouseEvent) => boolean;
@@ -71,7 +71,7 @@ declare const _default: import("vue").DefineComponent<{
     firstPopperClass: StringConstructor;
     tooltipDisabled: BooleanConstructor;
     ellipsisProps: import("vue").PropType<import("./types").EllipsisProps>;
-    textEllipsisTooltip: BooleanConstructor;
+    textEllipsisTooltip: BooleanConstructor; /** 菜单组件实例 */
     textEllipsisTooltipProps: import("vue").PropType<Partial<import("../ele-tooltip/props").TooltipProps>>;
     mode: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "vertical", boolean>;
     defaultActive: import("element-plus/es/utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;

package/es/ele-menus/index.js

@@ -1,7 +1,6 @@
 import { defineComponent, ref, computed, onMounted, watch, h } from "vue";
 import { ElMenu, ElSubMenu, ElIcon } from "element-plus";
 import EleTooltip from "../ele-tooltip/index";
-import { useLicense } from "../ele-config-provider/receiver";
 import { pick, contentIsEllipsis } from "../utils/core";
 import { EllipsisOutlined } from "../icons";
 import { useMenuEllipsis, getMenuItems, renderItems, getPopperClass, ellipsisClass, titleClass } from "./util";
@@ -11,7 +10,6 @@ const index = defineComponent({
   props: menusProps,
   emits: menusEmits,
   setup(props, { slots, emit, expose }) {
-    const { authenticated } = useLicense();
     const isWebkit = navigator.userAgent.includes("WebKit");
     const menuRef = ref(null);
     const ellipsisRef = ref(null);
@@ -123,11 +121,11 @@ const index = defineComponent({
           ref: menuRef,
           ellipsis: false,
           class: [
-            { "ele-menu": authenticated.value },
-            { "ele-menu-dark": authenticated.value && props.theme === "dark" },
-            { "is-night": authenticated.value && props.theme === "dark" },
-            { "ele-menu-colorful": authenticated.value && props.colorful },
-            { "is-colorful": authenticated.value && props.colorful }
+            "ele-menu",
+            { "ele-menu-dark": props.theme === "dark" },
+            { "is-night": props.theme === "dark" },
+            { "ele-menu-colorful": props.colorful },
+            { "is-colorful": props.colorful }
           ],
           onOpen: (index2, indexPath) => {
             emit("open", index2, indexPath);
@@ -225,6 +223,7 @@ const index = defineComponent({
               h(EleTooltip, {
                 trigger: "click",
                 placement: "right",
+                persistent: false,
                 ...props.textEllipsisTooltipProps || {},
                 virtualTriggering: true,
                 virtualRef: tooltipVirtualRef.value,

package/es/ele-menus/style/index.js

@@ -3,4 +3,6 @@ import 'element-plus/es/components/menu-item/style/index';
 import 'element-plus/es/components/menu-item-group/style/index';
 import 'element-plus/es/components/sub-menu/style/index';
 import 'element-plus/es/components/icon/style/index';
+import 'element-plus/es/components/badge/style/index';
+import '../../ele-tooltip/style/index';
 import './index.scss';

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

@@ -26,7 +26,8 @@
     position: relative;
 
     .el-icon:not(.el-sub-menu__icon-arrow) {
-      width: auto !important;
+      #{elVarName('menu-icon-width')}: auto;
+      width: auto;
       font-size: eleVar('menu', 'icon-font-size');
       margin: eleVar('menu', 'icon-margin');
     }

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

@@ -33,7 +33,7 @@ declare const _default: import("vue").DefineComponent<{
     closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
-        type: BooleanConstructor; /** 布局状态 */
+        type: BooleanConstructor;
         default: null;
     };
     form: BooleanConstructor;
@@ -144,7 +144,7 @@ declare const _default: import("vue").DefineComponent<{
     closeBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     fullscreenBtnStyle: import("vue").PropType<Partial<import("vue").CSSProperties>>;
     responsive: {
-        type: BooleanConstructor; /** 布局状态 */
+        type: BooleanConstructor;
         default: null;
     };
     form: BooleanConstructor;

package/es/ele-modal/index.js

@@ -2,7 +2,8 @@ import { defineComponent, ref, computed, unref, watch, onActivated, onDeactivate
 import { ElDialog, ElIcon } from "element-plus";
 import { CloseOutlined, CompressOutlined, ExpandOutlined } from "../icons";
 import { pick } from "../utils/core";
-import { useLicense, useLayoutState } from "../ele-config-provider/receiver";
+import { useLayoutState } from "../ele-config-provider/receiver";
+import ReceiverView from "../ele-config-provider/components/receiver-view";
 import { getModalContainer, resizableClass, multipleClass, fullscreenClass, closedClass, hideClass, innerClass, collapseClass, compactClass, maximizedClass, hasTabClass, mixSidebarClass, singleSidebarClass, topLayoutClass, expandedClass, mobileClass, setInitPosition, wrapperClass, responsiveClass, movableClass, setModalTop, resetModalStyle, handleMovable, handleResizable } from "./util";
 import { modalProps, modalEmits, dialogPropKeys } from "./props";
 const _sfc_main = defineComponent({
@@ -12,13 +13,13 @@ const _sfc_main = defineComponent({
     ElIcon,
     CloseOutlined,
     CompressOutlined,
-    ExpandOutlined
+    ExpandOutlined,
+    ReceiverView
   },
   inheritAttrs: false,
   props: modalProps,
   emits: modalEmits,
   setup(props, { emit, attrs }) {
-    const { authenticated } = useLicense();
     const layoutProvide = useLayoutState();
     const dialogRef = ref(null);
     const teleportTo = ref(
@@ -186,7 +187,7 @@ const _sfc_main = defineComponent({
     };
     const onOpened = () => {
       const el = getModalEl();
-      if (authenticated.value && el) {
+      if (el) {
         el.addEventListener("mousedown", mousedownListener);
       }
       emit("opened");
@@ -293,6 +294,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ExpandOutlined = resolveComponent("ExpandOutlined");
   const _component_ElIcon = resolveComponent("ElIcon");
   const _component_CloseOutlined = resolveComponent("CloseOutlined");
+  const _component_ReceiverView = resolveComponent("ReceiverView");
   const _component_ElDialog = resolveComponent("ElDialog");
   return openBlock(), createBlock(Teleport, {
     to: _ctx.teleportTo,
@@ -359,13 +361,17 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         ], 4)
       ]),
       default: withCtx(() => [
-        _ctx.dialogEnable ? (openBlock(), createElementBlock("div", {
+        _ctx.dialogEnable ? (openBlock(), createBlock(_component_ReceiverView, {
           key: 0,
+          wrapPosition: false,
           class: "ele-modal-body",
           style: normalizeStyle(_ctx.bodyStyle)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 4)) : createCommentVNode("", true)
+        }, {
+          default: withCtx(() => [
+            renderSlot(_ctx.$slots, "default")
+          ]),
+          _: 3
+        }, 8, ["style"])) : createCommentVNode("", true)
       ]),
       _: 2
     }, [

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

@@ -22,6 +22,7 @@
       position: relative;
       background: eleVar('modal', 'bg');
       border-radius: eleVar('modal', 'radius');
+      margin-bottom: eleVar('modal', 'mobile-space');
 
       & > .el-dialog__header,
       & > .el-dialog__footer {
@@ -105,52 +106,40 @@
 }
 
 /* 默认位置 */
-.ele-modal-center > .el-overlay-dialog > .el-dialog,
-.ele-modal-top > .el-overlay-dialog > .el-dialog,
-.ele-modal-bottom > .el-overlay-dialog > .el-dialog,
-.ele-modal-left > .el-overlay-dialog > .el-dialog,
-.ele-modal-right > .el-overlay-dialog > .el-dialog,
-.ele-modal-left-top > .el-overlay-dialog > .el-dialog,
-.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog,
-.ele-modal-right-top > .el-overlay-dialog > .el-dialog,
-.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
+.ele-modal-top > .el-overlay-dialog > .el-dialog {
   margin: 0;
 }
 
-.ele-modal-center > .el-overlay-dialog {
-  justify-content: center;
+.ele-modal-center > .el-overlay-dialog > .el-dialog {
+  margin: auto;
 }
 
-.ele-modal-bottom > .el-overlay-dialog {
-  justify-content: flex-end;
+.ele-modal-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto auto 0 auto;
 }
 
-.ele-modal-left > .el-overlay-dialog {
-  justify-content: center;
-  align-items: flex-start;
+.ele-modal-left > .el-overlay-dialog > .el-dialog {
+  margin: auto auto auto 0;
 }
 
-.ele-modal-right > .el-overlay-dialog {
-  justify-content: center;
-  align-items: flex-end;
+.ele-modal-right > .el-overlay-dialog > .el-dialog {
+  margin: auto 0 auto auto;
 }
 
-.ele-modal-left-top > .el-overlay-dialog {
-  align-items: flex-start;
+.ele-modal-left-top > .el-overlay-dialog > .el-dialog {
+  margin: 0 auto 0 0;
 }
 
-.ele-modal-left-bottom > .el-overlay-dialog {
-  justify-content: flex-end;
-  align-items: flex-start;
+.ele-modal-left-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto auto 0 0;
 }
 
-.ele-modal-right-top > .el-overlay-dialog {
-  align-items: flex-end;
+.ele-modal-right-top > .el-overlay-dialog > .el-dialog {
+  margin: 0 0 0 auto;
 }
 
-.ele-modal-right-bottom > .el-overlay-dialog {
-  justify-content: flex-end;
-  align-items: flex-end;
+.ele-modal-right-bottom > .el-overlay-dialog > .el-dialog {
+  margin: auto 0 0 auto;
 }
 
 /* 支持拖拽 */

package/es/ele-pagination/index.d.ts

@@ -1,11 +1,11 @@
 declare const _default: import("vue").DefineComponent<{
+    total: import("vue").PropType<import("./types").PaginationTotal>;
     type: {
         type: import("vue").PropType<import("./types").PaginationType>;
         default: string;
     };
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    total: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     currentPage: NumberConstructor;
@@ -23,19 +23,21 @@ declare const _default: import("vue").DefineComponent<{
     disabled: BooleanConstructor;
     hideOnSinglePage: BooleanConstructor;
 }, {
+    isInfinite: import("vue").ComputedRef<boolean>;
+    pageTotal: import("vue").ComputedRef<number | undefined>;
     onUpdateCurrentPage: (currentPage: number) => void;
     onUpdatePageSize: (pageSize: number) => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     'update:currentPage': (_currentPage: number) => boolean;
     'update:pageSize': (_pageSize: number) => boolean;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    total: import("vue").PropType<import("./types").PaginationTotal>;
     type: {
         type: import("vue").PropType<import("./types").PaginationType>;
         default: string;
     };
     pageSize: NumberConstructor;
     defaultPageSize: NumberConstructor;
-    total: NumberConstructor;
     pageCount: NumberConstructor;
     pagerCount: import("element-plus/es/utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 7, boolean>;
     currentPage: NumberConstructor;
@@ -57,18 +59,18 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:pageSize"?: ((_pageSize: number) => any) | undefined;
 }, {
     type: import("./types").PaginationType;
-    popperClass: string;
-    disabled: boolean;
-    teleported: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
-    small: boolean;
-    layout: string;
-    background: boolean;
     pagerCount: number;
+    layout: string;
     pageSizes: number[];
+    popperClass: string;
     prevText: string;
     prevIcon: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>;
     nextText: string;
     nextIcon: import("element-plus/es/utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) | ((new (...args: any[]) => (string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>) & {}) | (() => string | import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>))[], unknown, unknown>;
+    teleported: import("element-plus/es/utils/index").EpPropMergeType<BooleanConstructor, unknown, unknown>;
+    small: boolean;
+    background: boolean;
+    disabled: boolean;
     hideOnSinglePage: boolean;
 }, {}>;
 export default _default;