ele-admin-plus 1.2.1-beta.1 → 1.2.1-beta.3

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

@@ -51,12 +51,11 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    mapStyle: StringConstructor; /** 地图渲染状态 */
+    mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
     okText: StringConstructor;
-    emptyProps: import('vue').PropType<import('../../ele-app/el').ElEmptyProps>; /** 确定按钮请求状态 */
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    /** POI数据 */
+    emptyProps: import('vue').PropType<import('../../ele-app/el').ElEmptyProps>;
+    searchStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
     mode: {
         type: import('vue').PropType<import('../types').SelectMode>;
         default: string;
@@ -67,7 +66,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     clickMessage: StringConstructor;
     selected: import('vue').PropType<PoiItem>;
-    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
 }, {
     SearchOutlined: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
     mapRef: import('vue').Ref<HTMLDivElement | null>;
@@ -78,12 +77,12 @@ declare const _default: import('vue').DefineComponent<{
     confirmLoading: import('vue').Ref<boolean>;
     data: import('vue').Ref<{
         [x: string]: any;
-        key?: string | undefined;
-        name?: string | undefined;
-        address?: string | undefined;
-        lat?: number | undefined;
-        lng?: number | undefined;
-        district?: string | undefined;
+        key?: string;
+        name?: string;
+        address?: string;
+        lat?: number;
+        lng?: number;
+        district?: string;
         city?: {
             province: string;
             city: string;
@@ -93,12 +92,12 @@ declare const _default: import('vue').DefineComponent<{
     }[]>;
     suggestionData: import('vue').Ref<{
         [x: string]: any;
-        key?: string | undefined;
-        name?: string | undefined;
-        address?: string | undefined;
-        lat?: number | undefined;
-        lng?: number | undefined;
-        district?: string | undefined;
+        key?: string;
+        name?: string;
+        address?: string;
+        lat?: number;
+        lng?: number;
+        district?: string;
         city?: {
             province: string;
             city: string;
@@ -110,12 +109,12 @@ declare const _default: import('vue').DefineComponent<{
     keywords: import('vue').Ref<string>;
     current: import('vue').Ref<{
         [x: string]: any;
-        key?: string | undefined;
-        name?: string | undefined;
-        address?: string | undefined;
-        lat?: number | undefined;
-        lng?: number | undefined;
-        district?: string | undefined;
+        key?: string;
+        name?: string;
+        address?: string;
+        lat?: number;
+        lng?: number;
+        district?: string;
         city?: {
             province: string;
             city: string;
@@ -186,12 +185,11 @@ declare const _default: import('vue').DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    mapStyle: StringConstructor; /** 地图渲染状态 */
+    mapStyle: StringConstructor;
     darkMode: BooleanConstructor;
     okText: StringConstructor;
-    emptyProps: import('vue').PropType<import('../../ele-app/el').ElEmptyProps>; /** 确定按钮请求状态 */
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    /** POI数据 */
+    emptyProps: import('vue').PropType<import('../../ele-app/el').ElEmptyProps>;
+    searchStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
     mode: {
         type: import('vue').PropType<import('../types').SelectMode>;
         default: string;
@@ -202,7 +200,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     clickMessage: StringConstructor;
     selected: import('vue').PropType<PoiItem>;
-    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: import('vue').PropType<import('../../ele-app/types').StyleValue>;
 }>> & {
     onSelect?: ((_selected: PoiItem | null) => any) | undefined;
     onDone?: ((_result: PoiItem) => any) | undefined;

package/es/ele-map-picker/components/map-view.js

@@ -673,6 +673,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.keywords = $event),
               prefixIcon: _ctx.SearchOutlined,
               placeholder: _ctx.searchPlaceholder,
+              validateEvent: false,
               onChange: _ctx.handleSearch
             }, null, 8, ["modelValue", "prefixIcon", "placeholder", "onChange"])
           ], 4)) : createCommentVNode("", true),

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

@@ -13,7 +13,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     locale: import('vue').PropType<Partial<MapLocale>>;
     keywordMode: BooleanConstructor;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     height: {
         type: StringConstructor;
         default: string;
@@ -51,8 +51,8 @@ declare const _default: import('vue').DefineComponent<{
     message: StringConstructor;
     suggestionCity: {
         type: StringConstructor;
-        default: string; /** 地图密钥 */
-    }; /** 地图密钥 */
+        default: string;
+    };
     searchPlaceholder: StringConstructor;
     markerSrc: {
         type: StringConstructor;
@@ -67,7 +67,7 @@ declare const _default: import('vue').DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     mode: {
         type: import('vue').PropType<import('./types').SelectMode>;
         default: string;
@@ -78,7 +78,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     clickMessage: StringConstructor;
     selected: import('vue').PropType<PoiItem>;
-    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }, {
     lang: import('vue').ComputedRef<MapLocale>;
     isResponsive: import('vue').ComputedRef<boolean>;
@@ -103,7 +103,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     locale: import('vue').PropType<Partial<MapLocale>>;
     keywordMode: BooleanConstructor;
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     height: {
         type: StringConstructor;
         default: string;
@@ -141,8 +141,8 @@ declare const _default: import('vue').DefineComponent<{
     message: StringConstructor;
     suggestionCity: {
         type: StringConstructor;
-        default: string; /** 地图密钥 */
-    }; /** 地图密钥 */
+        default: string;
+    };
     searchPlaceholder: StringConstructor;
     markerSrc: {
         type: StringConstructor;
@@ -157,7 +157,7 @@ declare const _default: import('vue').DefineComponent<{
     darkMode: BooleanConstructor;
     okText: StringConstructor;
     emptyProps: import('vue').PropType<import('../ele-app/el').ElEmptyProps>;
-    searchStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     mode: {
         type: import('vue').PropType<import('./types').SelectMode>;
         default: string;
@@ -168,7 +168,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     clickMessage: StringConstructor;
     selected: import('vue').PropType<PoiItem>;
-    sideStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
 }>> & {
     "onUpdate:modelValue"?: ((_value: boolean) => any) | undefined;
     onOpen?: (() => any) | undefined;

package/es/ele-map-picker/props.d.ts

@@ -1,4 +1,5 @@
 import { PropType, ExtractPropTypes } from 'vue';
+import { StyleValue } from '../ele-app/types';
 import { ElEmptyProps } from '../ele-app/el';
 import { EleModalProps } from '../ele-app/plus';
 import { SelectMode, PoiItem, MapLocale } from './types';
@@ -81,7 +82,7 @@ export declare const mapProps: {
     /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
     /** 自定义搜索栏样式 */
-    searchStyle: PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: PropType<StyleValue>;
     /** 位置选择模式 */
     mode: {
         type: PropType<SelectMode>;
@@ -97,7 +98,7 @@ export declare const mapProps: {
     /** 回显选中的位置 */
     selected: PropType<PoiItem>;
     /** 侧栏容器样式 */
-    sideStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: PropType<StyleValue>;
 };
 export declare const mapPickerProps: {
     /** 弹窗是否显示 */
@@ -114,7 +115,7 @@ export declare const mapPickerProps: {
     /** 是否使用关键字检索模式, 默认POI检索模式 */
     keywordMode: BooleanConstructor;
     /** 自定义header样式 */
-    headerStyle: PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: PropType<StyleValue>;
     /** 地图的高度 */
     height: {
         type: StringConstructor;
@@ -189,7 +190,7 @@ export declare const mapPickerProps: {
     /** 空组件属性 */
     emptyProps: PropType<ElEmptyProps>;
     /** 自定义搜索栏样式 */
-    searchStyle: PropType<Partial<import('vue').CSSProperties>>;
+    searchStyle: PropType<StyleValue>;
     /** 位置选择模式 */
     mode: {
         type: PropType<SelectMode>;
@@ -205,7 +206,7 @@ export declare const mapPickerProps: {
     /** 回显选中的位置 */
     selected: PropType<PoiItem>;
     /** 侧栏容器样式 */
-    sideStyle: PropType<Partial<import('vue').CSSProperties>>;
+    sideStyle: PropType<StyleValue>;
 };
 export type MapPickerProps = ExtractPropTypes<typeof mapPickerProps>;
 export type MapProps = ExtractPropTypes<typeof mapProps>;

package/es/ele-map-picker/style/index.scss

@@ -181,7 +181,7 @@
     padding: 0;
     width: 200px;
     max-width: calc(100% - 16px);
-    background: elVar('bg-color');
+    background: elVar('bg-color', 'overlay');
     box-shadow: elVar('box-shadow', 'lighter');
     border-radius: elVar('border-radius', 'base');
   }

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

@@ -26,7 +26,7 @@ declare const _default: import('vue').DefineComponent<{
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;
@@ -78,7 +78,7 @@ declare const _default: import('vue').DefineComponent<{
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;

package/es/ele-menus/index.js

@@ -108,22 +108,22 @@ const index = defineComponent({
         }
       }
     };
-    const onItemClick = (item, e) => {
+    const handleItemClick = (item, e) => {
       emit("itemClick", item, e);
     };
-    const onItemMouseenter = (item, e) => {
+    const handleItemMouseenter = (item, e) => {
       triggerTooltip(e);
       emit("itemMouseenter", item, e);
     };
-    const onItemMouseleave = (item, e) => {
+    const handleItemMouseleave = (item, e) => {
       hideTooltip();
       emit("itemMouseleave", item, e);
     };
-    const onParentMouseenter = (item, e) => {
+    const handleParentMouseenter = (item, e) => {
       triggerTooltip(e);
       emit("parentMouseenter", item, e);
     };
-    const onParentMouseleave = (item, e) => {
+    const handleParentMouseleave = (item, e) => {
       hideTooltip();
       emit("parentMouseleave", item, e);
     };
@@ -174,12 +174,12 @@ const index = defineComponent({
             props.popupColorful,
             props.firstPopperClass,
             true,
-            onItemClick,
-            onItemMouseenter,
-            onItemMouseleave,
+            handleItemClick,
+            handleItemMouseenter,
+            handleItemMouseleave,
             isWebkit,
-            onParentMouseenter,
-            onParentMouseleave
+            handleParentMouseenter,
+            handleParentMouseleave
           );
           if (moreItems) {
             const ellipsisProps = props.ellipsisProps || {};
@@ -218,12 +218,12 @@ const index = defineComponent({
                       props.popupColorful,
                       props.firstPopperClass,
                       false,
-                      onItemClick,
-                      onItemMouseenter,
-                      onItemMouseleave,
+                      handleItemClick,
+                      handleItemMouseenter,
+                      handleItemMouseleave,
                       isWebkit,
-                      onParentMouseenter,
-                      onParentMouseleave
+                      handleParentMouseenter,
+                      handleParentMouseleave
                     );
                   },
                   title: () => {

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

@@ -38,7 +38,7 @@ export declare const menusProps: {
     defaultOpeneds: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string[]) | (() => string[]) | ((new (...args: any[]) => string[]) | (() => string[]))[], unknown, unknown, () => [], boolean>;
     uniqueOpened: BooleanConstructor;
     router: BooleanConstructor;
-    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "hover" | "click", unknown, "hover", boolean>;
+    menuTrigger: import('element-plus/es/utils/index').EpPropFinalized<StringConstructor, "click" | "hover", unknown, "hover", boolean>;
     collapse: BooleanConstructor;
     backgroundColor: StringConstructor;
     textColor: StringConstructor;

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

@@ -265,6 +265,7 @@
     background: eleVar('menu-popup', 'bg');
     box-shadow: eleVar('menu-popup', 'shadow');
     border-radius: eleVar('menu-popup', 'radius');
+    overflow-x: hidden;
     overflow-y: auto;
 
     .el-menu-item,
@@ -274,6 +275,10 @@
       background: none;
     }
 
+    .el-menu-item-group__title {
+      padding-left: eleVar('menu-popup', 'item-padding');
+    }
+
     .el-menu-item::after {
       display: none;
     }

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

@@ -1,4 +1,5 @@
 import { VNode, Slot } from 'vue';
+import { ClassValue, ClassValues } from '../ele-app/types';
 import { MenuItem, MenuTheme, PopupMenuTheme, PopupColorful, MenuResult, MenuEllipsisOption, MenuItemEvent } from './types';
 
 /** 子菜单项链接类名 */
@@ -11,6 +12,12 @@ export declare const triggerClass = "ele-menu-trigger";
 export declare const overflowClass = "ele-menu-overflow";
 /** 菜单省略项的类名 */
 export declare const ellipsisClass = "ele-sub-menu-ellipsis";
+/**
+ * 合并类名
+ * @param class1 类名
+ * @param class2 用户自定义类名
+ */
+export declare function mergeClass(class1?: ClassValue, class2?: ClassValue): ClassValues;
 /**
  * 生成菜单链接节点
  * @param path 链接地址

package/es/ele-menus/util.js

@@ -8,6 +8,16 @@ const titleClass = "ele-menu-title";
 const triggerClass = "ele-menu-trigger";
 const overflowClass = "ele-menu-overflow";
 const ellipsisClass = "ele-sub-menu-ellipsis";
+function mergeClass(class1, class2) {
+  const classes = [];
+  if (class1 != null && class1 !== "") {
+    classes.push(class1);
+  }
+  if (class2 != null && class2 !== "") {
+    classes.push(class2);
+  }
+  return classes;
+}
 function getLinkNode(path) {
   if (isExternalLink(path)) {
     return h("a", {
@@ -98,7 +108,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
             index: item.index || item.path,
             route: item.route,
             disabled: item.disabled,
-            class: item.overflow ? overflowClass : void 0,
+            class: mergeClass(
+              item.overflow ? overflowClass : void 0,
+              item.class
+            ),
+            style: item.style,
             onClick: () => {
             }
           },
@@ -124,30 +138,34 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
     );
     if (item.group === true && !parentIsGroup) {
       nodes.push(
-        h(ElMenuItemGroup, { key }, {
-          default: () => {
-            return renderItems(
-              item.children,
-              sIcon,
-              sTitle,
-              tipDisabled,
-              theme,
-              popTheme,
-              colorful,
-              popupColorful,
-              firstPopClass,
-              first,
-              onItemClick,
-              onItemMouseenter,
-              onItemMouseleave,
-              webkit,
-              onParentMouseenter,
-              onParentMouseleave,
-              true
-            );
-          },
-          title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
-        })
+        h(
+          ElMenuItemGroup,
+          { key, style: item.style, class: item.class },
+          {
+            default: () => {
+              return renderItems(
+                item.children,
+                sIcon,
+                sTitle,
+                tipDisabled,
+                theme,
+                popTheme,
+                colorful,
+                popupColorful,
+                firstPopClass,
+                first,
+                onItemClick,
+                onItemMouseenter,
+                onItemMouseleave,
+                webkit,
+                onParentMouseenter,
+                onParentMouseleave,
+                true
+              );
+            },
+            title: () => getNodes(iNodes, tNodes, bNode, parentTriggerNode)
+          }
+        )
       );
       return;
     }
@@ -176,7 +194,11 @@ function renderItems(items, sIcon, sTitle, tipDisabled, theme, popTheme, colorfu
           expandOpenIcon: item.expandOpenIcon ?? ArrowDown,
           collapseCloseIcon: item.collapseCloseIcon ?? ArrowRight,
           collapseOpenIcon: item.collapseOpenIcon ?? ArrowRight,
-          class: item.overflow ? overflowClass : void 0
+          class: mergeClass(
+            item.overflow ? overflowClass : void 0,
+            item.class
+          ),
+          style: item.style
         },
         {
           default: () => {
@@ -342,6 +364,7 @@ export {
   getPopperClass,
   getTriggerNode,
   linkClass,
+  mergeClass,
   overflowClass,
   renderItems,
   titleClass,

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

@@ -1,5 +1,4 @@
 import { ElDialogInstance } from '../ele-app/el';
-import { Position } from './types';
 
 declare const _default: import('vue').DefineComponent<{
     appendToBody: {
@@ -12,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     moveOut: import('vue').PropType<import('./types').MoveOut>;
     resizable: import('vue').PropType<import('./types').Resizable>;
-    position: import('vue').PropType<Position>;
+    position: import('vue').PropType<import('./types').Position>;
     resetOnClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -28,18 +27,18 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    closeBtnStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    fullscreenBtnStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    resizeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    fullscreenBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    resizeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
-    form: BooleanConstructor; /** 弹窗类名 */
+    form: BooleanConstructor;
     appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
@@ -79,7 +78,7 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import('vue').PropType<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>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -95,16 +94,18 @@ declare const _default: import('vue').DefineComponent<{
     dialogClass: import('vue').ComputedRef<string>;
     teleportTo: import('vue').ComputedRef<string | Element>;
     teleportDisabled: import('vue').ComputedRef<boolean>;
-    handleHeaderMousedown: (event: MouseEvent) => void;
-    handleResizeMousedown: (event: MouseEvent) => void;
+    handleHeaderMousedown: (e: MouseEvent) => void;
+    handleHeaderTouchstart: (e: TouchEvent) => void;
+    handleResizeMousedown: (e: MouseEvent) => void;
+    handleResizeTouchstart: (e: TouchEvent) => void;
     updateModelValue: (modelValue: boolean) => void;
     toggleFullscreen: (fullscreen?: boolean) => void;
-    onOpen: () => void;
-    onOpened: () => void;
-    onClose: () => void;
-    onClosed: () => void;
-    onOpenAutoFocus: () => void;
-    onCloseAutoFocus: () => void;
+    handleOpen: () => void;
+    handleOpened: () => void;
+    handleClose: () => void;
+    handleClosed: () => void;
+    handleOpenAutoFocus: () => void;
+    handleCloseAutoFocus: () => void;
 }, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     'update:fullscreen': (_fullscreen: boolean) => boolean;
     open: () => boolean;
@@ -125,7 +126,7 @@ declare const _default: import('vue').DefineComponent<{
     };
     moveOut: import('vue').PropType<import('./types').MoveOut>;
     resizable: import('vue').PropType<import('./types').Resizable>;
-    position: import('vue').PropType<Position>;
+    position: import('vue').PropType<import('./types').Position>;
     resetOnClose: {
         type: BooleanConstructor;
         default: boolean;
@@ -141,18 +142,18 @@ declare const _default: import('vue').DefineComponent<{
         type: NumberConstructor;
         default: number;
     };
-    headerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    titleStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    bodyStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    footerStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    closeBtnStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    fullscreenBtnStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
-    resizeIconStyle: import('vue').PropType<Partial<import('vue').CSSProperties>>;
+    headerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    titleStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    bodyStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    footerStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    closeBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    fullscreenBtnStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
+    resizeIconStyle: import('vue').PropType<import('../ele-app/types').StyleValue>;
     responsive: {
         type: BooleanConstructor;
         default: null;
     };
-    form: BooleanConstructor; /** 弹窗类名 */
+    form: BooleanConstructor;
     appendTo: import('element-plus/es/utils/index').EpPropFinalized<(new (...args: any[]) => string & {}) | (() => string) | ((new (...args: any[]) => string & {}) | (() => string))[], unknown, unknown, "body", boolean>;
     beforeClose: {
         readonly type: import('vue').PropType<import('element-plus').DialogBeforeCloseFn>;
@@ -192,7 +193,7 @@ declare const _default: import('vue').DefineComponent<{
     center: BooleanConstructor;
     alignCenter: BooleanConstructor;
     closeIcon: {
-        readonly type: import('vue').PropType<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>>;
+        readonly type: import('vue').PropType<import('element-plus/es/utils/index').EpPropMergeType<(new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) | ((new (...args: any[]) => (string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>) & {}) | (() => string | import('vue').Component<any, any, any, import('vue').ComputedOptions, import('vue').MethodOptions>))[], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;