x-next 0.0.0-alpha.2 → 0.0.0-alpha.21

package/README.md

@@ -1,95 +1,26 @@
-# Vue 3 Datepicker
+# 简介
 
-Documentation: https://icehaunter.github.io/vue3-datepicker/
+X-Next是Ringing Tech的基础UI库。
 
-This is a basic (at least for now) reimplementation of https://github.com/icehaunter/vuejs-datepicker in Vue 3 and with greatly cleaned up code.
+# 安装
 
-All date manipulation and formatting are done via the amazing [`date-fns`](https://date-fns.org/) library, so it's a direct dependency of this picker.
+### 运行
 
-## Installation
-
-Package is available on NPM: https://www.npmjs.com/package/vue3-datepicker
-
-```sh
-npm i vue3-datepicker
 ```
-
-The component is packaged mainly for use with bundlers, if you require a browser build - post an issue.
-
-## Usage
-
-For more examples see https://icehaunter.github.io/vue3-datepicker/examples.html
-
-```vue
-<template>
-  <datepicker
-    v-model="selected"
-    :locale="locale"
-    :upperLimit="to"
-    :lowerLimit="from"
-    :clearable="true"
-  />
-</template>
+pnpm i x-next
 ```
 
-## Props and attributes
-
-Attribute fallthrough is enabled, so any attribute you apply to the component will be passed down to the input.
-
-All props which accept formatting strings for dates use [`date-fns` formatting function](https://date-fns.org/docs/format) under the hood, so see that function's documentation for patterns.
+### 引入
 
-Main interaction to date selection is done via `v-model` with `Date` as expected type of the value passed.
-
-Full props documentation is available at https://icehaunter.github.io/vue3-datepicker/config.html#props
-
-| ID                       | Type                                                     | Default              | Description                                                                                                                                |
-| ------------------------ | -------------------------------------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
-| `upperLimit`             | `Date`                                                   |                      | Upper limit for available dates for picking                                                                                                |
-| `lowerLimit`             | `Date`                                                   |                      | Lower limit for available dates for picking                                                                                                |
-| `startingViewDate`       | `Date`                                                   | `() => new Date()`   | Date on which to focus when empty datepicker is opened. Default is "right now"                                                             |
-| `disabledDates`          | `{ dates: Date[] }`                                      |                      | Dates not available for picking                                                                                                            |
-| `disabledTime`           | `{ dates: Date[] }`                                      |                      | Dates not available for time picking                                                                                                       |
-| `startingView`           | `'time' \| 'day' \| 'month' \| 'year'`                   | `'day'`              | View on which the date picker should open. Can be either `year`, `month`, or `day`                                                         |
-| `minimumView`            | `'time' \| 'day' \| 'month' \| 'year'`                   | `'day'`              | If set, lower-level views won't show                                                                                                       |
-| `dayPickerHeadingFormat` | `String`                                                 | `LLLL yyyy`          | `date-fns`-type formatting for a day view heading                                                                                          |
-| `dayFormat`              | `String`                                                 | `dd`                 | `date-fns`-type formatting for each day on the day view                                                                                    |
-| `weekdayFormat`          | `String`                                                 | `EE`                 | `date-fns`-type formatting for a line of weekdays on day view                                                                              |
-| `inputFormat`            | `String`                                                 | `yyyy-MM-dd`         | `date-fns`-type format in which the string in the input should be both parsed and displayed                                                |
-| `locale`                 | [`Locale`](https://date-fns.org/v2.16.1/docs/I18n#usage) | `date-fns/locale/en` | [`date-fns` locale object](https://date-fns.org/v2.16.1/docs/I18n#usage). Used in string formatting (see default `dayPickerHeadingFormat`) |
-| `disabled`               | `Boolean`                                                | `false`              | Disables datepicker and prevents it's opening                                                                                              |
-| `typeable`               | `Boolean`                                                | `false`              | Allows user to input date manually                                                                                                         |
-| `weekStartsOn`           | `Number`                                                 | 1                    | Day on which the week should start. Number from 0 to 6, where 0 is Sunday and 6 is Saturday. Week starts with a Monday (1) by default      |
-| `clearable`              | `Boolean`                                                | `false`              | Allows clearing the selected date and setting the value to `null`                                                                          |
-| `allowOutsideInterval`   | `Boolean`                                                | `false`              | Allows user to click dates outside of current interval                                                                                     |
-
-### Events
-
-- `opened`: Emitted every time the popup opens, including on field focus
-- `closed`: Emitted every time the popup closes, including on field blur
-- `decadePageChanged`: Emitted when a page is changed on the year picker view, displaying a different decade. Has a date that is included in the shown decade as an argument.
-- `yearPageChanged`: Emitted when a page is changed on the month picker view, displaying a different year. Has a date that is included in the shown year as an argument.
-- `monthPageChanged`: Emitted when a page is changed on the day picker view, displaying a different month. Has a date that is included in the shown month as an argument.
-
-## Compatibility
-
-Package is transpiled and should be usable for everyone with ES6 and above, but the styling of the datepicker itself uses CSS Grid and CSS variables.
-
-## Example
+```
+// main.ts
+import { createApp } from 'vue'
+import XNext from 'x-next'
+import "x-next/dist/style.css"; //引入组件样式
+import App from './App.vue'
 
-```vue
-<template>
-  <datepicker v-model="picked" />
-</template>
+const app = createApp(App)
 
-<script>
-import Datepicker from '../src/datepicker/Datepicker.vue'
-components: {
-  Datepicker
-},
-data(): {
-  return {
-    picked: new Date();
-  }
-}
-</script>
+app.use(XNext)
+app.mount('#app')
 ```

package/dist/{types/_hooks → _hooks}/use-overflow.d.ts

@@ -1,4 +1,4 @@
-import { type Ref } from 'vue';
+import { Ref } from 'vue';
 export declare const useOverflow: (containerRef: Ref<HTMLElement | undefined>, targetRef?: Ref<HTMLElement | undefined>) => {
     setOverflowHidden: () => void;
     resetOverflow: () => void;

package/dist/{types/_hooks → _hooks}/use-popup-manager.d.ts

@@ -1,4 +1,4 @@
-import type { Ref } from 'vue';
+import { Ref } from 'vue';
 export type PopupType = 'popup' | 'dialog' | 'message';
 export default function usePopupManager(type: PopupType, { visible, runOnMounted, }?: {
     visible?: Ref<boolean>;

package/dist/{types/_utils → _utils}/config.d.ts

@@ -1,6 +1,6 @@
 export declare const COMPONENT_INSTALLED_KEY: unique symbol;
 export declare const getClassPrefix: (name?: string) => string;
-export declare const getComponentPrefix: (name: string) => string;
+export declare const getComponentPrefix: (name: string) => `X${string}`;
 export declare const getClassNameMixin: (name: string) => {
     block: string;
     element: (className: string) => string;

package/dist/{types/_utils → _utils}/dom.d.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties } from 'vue';
+import { CSSProperties } from 'vue';
 export declare const NOOP: () => void;
 export declare const querySelector: (selectors: string, container?: Document | HTMLElement) => HTMLElement | undefined;
 export declare const getScrollBarWidth: (element: HTMLElement) => number;

package/dist/{types/_utils → _utils}/is.d.ts

@@ -1,11 +1,12 @@
-import type { ComponentPublicInstance, VNodeNormalizedChildren } from 'vue';
+import { ComponentPublicInstance, VNodeNormalizedChildren, VNode } from 'vue';
 import { Dayjs } from 'dayjs';
-import { VNode } from 'vue';
 export declare function isArray(obj: any): obj is any[];
 export declare function isNull(obj: any): obj is null;
 export declare function isBoolean(obj: unknown): obj is boolean;
 export declare function isObject<T>(obj: T): obj is Extract<T, Record<string, any>>;
 export declare const isPromise: <T>(obj: unknown) => obj is Promise<T>;
+export declare const isAsync: (fn: unknown) => boolean;
+export declare const isAsyncOrPromise: (fn: unknown) => boolean;
 export declare function isString(obj: any): obj is string;
 export declare function isNumber(obj: any): obj is number;
 export declare function isRegExp(obj: any): boolean;
@@ -16,10 +17,8 @@ export declare function isFunction(obj: any): obj is (...args: any[]) => any;
 export declare function isEmptyObject(obj: any): boolean;
 export declare function isExist(obj: any): boolean;
 export declare function isWindow(el: any): el is Window;
-export declare const isComponentInstance: (value: any) => value is ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}, {}, {}, string, import("vue").ComponentProvideOptions>, {}, {}, "", {}, any>;
-export declare const isArrayChildren: (children: VNodeNormalizedChildren) => children is VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[];
+export declare const isComponentInstance: (value: any) => value is ComponentPublicInstance;
+export declare const isArrayChildren: (children: VNodeNormalizedChildren) => children is VNode[];
 export declare const isQuarter: (fromat: string) => boolean;
 export declare function isDayjs(time: any): time is Dayjs;
 export declare function isClient(): boolean;

package/dist/{types/_utils → _utils}/keyboard.d.ts

@@ -21,4 +21,4 @@ export interface CodeKey {
     /** meta ⌘ / ⊞ */
     meta?: boolean;
 }
-export declare const getKeyDownHandler: (codeKeyMap: Map<string | CodeKey, (e: Event) => void>) => (event: KeyboardEvent) => void;
+export declare const getKeyDownHandler: (codeKeyMap: Map<CodeKey | string, (e: Event) => void>) => (event: KeyboardEvent) => void;

package/dist/{types/_utils → _utils}/vue-eco.d.ts

@@ -1,4 +1,4 @@
-import type { VNodeTypes, VNode, PropType, Component, Plugin } from 'vue';
+import { VNodeTypes, VNode, PropType, Component, Slots, App, Plugin, DefineComponent } from 'vue';
 export type SFCWithInstall<T> = T & Plugin;
 /**
  * @description Vue生态操作封装
@@ -18,15 +18,14 @@ export declare enum ShapeFlags {
     COMPONENT_KEPT_ALIVE = 512
 }
 export declare const isElement: (vn: VNode) => boolean;
-export declare const isComponent: (vn: VNode, type?: VNodeTypes) => type is Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>;
-export declare const isTextChildren: (child: VNode, children: VNode['children']) => children is string;
-export declare const isArrayChildren: (vn: VNode, children: VNode['children']) => children is VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const isComponent: (vn: VNode, type?: VNodeTypes) => type is Component;
+export declare const isTextChildren: (child: VNode, children: VNode["children"]) => children is string;
+export declare const isArrayChildren: (vn: VNode, children: VNode["children"]) => children is VNode[];
+export declare const isSlotsChildren: (vn: VNode, children: VNode["children"]) => children is Slots;
+export declare const getAllElements: (children: VNode[] | undefined, includeText?: boolean) => VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>[];
-export declare const isSlotsChildren: (vn: VNode, children: VNode['children']) => children is Readonly<{
-    [name: string]: import("vue").Slot<any> | undefined;
-}>;
-export declare const getAllElements: (children: VNode[] | undefined, includeText?: boolean) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[];
-export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E | undefined) => SFCWithInstall<T> & E;
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;
+export declare const generateComponent: <T extends Component | DefineComponent>(name: string, component: T) => T & {
+    install(app: App): void;
+};

package/dist/{types/componets/button/index.vue.d.ts → components/button/Button.d.ts}

@@ -1,4 +1,4 @@
-declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     disabled: BooleanConstructor;
     block: BooleanConstructor;
     loading: BooleanConstructor;
@@ -11,7 +11,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         default: number;
     };
     shape: {
-        type: import("vue").PropType<import("./props").ButtonShape>;
+        type: import('vue').PropType<import('./props').ButtonShape>;
         default: undefined;
     };
     link: {
@@ -19,11 +19,11 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         default: boolean;
     };
     type: {
-        type: import("vue").PropType<import("./props").ButtonType>;
+        type: import('vue').PropType<import('./props').ButtonType>;
         default: undefined;
     };
     status: {
-        type: import("vue").PropType<import("./props").ButtonStatus>;
+        type: import('vue').PropType<import('./props').ButtonStatus>;
         default: undefined;
     };
     plain: {
@@ -31,24 +31,14 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<import("./props").ButtonSize>;
+        type: import('vue').PropType<import('./props').ButtonSize>;
         default: string;
     };
     border: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    cn: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    cls: import("vue").ComputedRef<(string | false | undefined)[]>;
-    handleClick: (event: MouseEvent) => Promise<void>;
-    isLoading: import("vue").ComputedRef<boolean>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     disabled: BooleanConstructor;
     block: BooleanConstructor;
     loading: BooleanConstructor;
@@ -61,7 +51,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         default: number;
     };
     shape: {
-        type: import("vue").PropType<import("./props").ButtonShape>;
+        type: import('vue').PropType<import('./props').ButtonShape>;
         default: undefined;
     };
     link: {
@@ -69,11 +59,11 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         default: boolean;
     };
     type: {
-        type: import("vue").PropType<import("./props").ButtonType>;
+        type: import('vue').PropType<import('./props').ButtonType>;
         default: undefined;
     };
     status: {
-        type: import("vue").PropType<import("./props").ButtonStatus>;
+        type: import('vue').PropType<import('./props').ButtonStatus>;
         default: undefined;
     };
     plain: {
@@ -81,7 +71,7 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<import("./props").ButtonSize>;
+        type: import('vue').PropType<import('./props').ButtonSize>;
         default: string;
     };
     border: {
@@ -91,17 +81,17 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    size: import("./props").ButtonSize;
-    border: boolean;
+    size: import('./props').ButtonSize;
+    type: import('./props').ButtonType;
     link: boolean;
-    block: boolean;
     disabled: boolean;
-    type: import("./props").ButtonType;
+    block: boolean;
     loading: boolean;
     loadingFill: boolean;
     debounce: number;
-    shape: import("./props").ButtonShape;
-    status: import("./props").ButtonStatus;
+    shape: import('./props').ButtonShape;
+    status: import('./props').ButtonStatus;
     plain: boolean;
-}, {}, Record<string, import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions, {}, any>>, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _sfc_main;
+    border: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/button/index.d.ts

@@ -0,0 +1,181 @@
+export declare const XButton: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        disabled: BooleanConstructor;
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        loadingFill: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        debounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        shape: {
+            type: import('vue').PropType<import('./props').ButtonShape>;
+            default: undefined;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: import('vue').PropType<import('./props').ButtonType>;
+            default: undefined;
+        };
+        status: {
+            type: import('vue').PropType<import('./props').ButtonStatus>;
+            default: undefined;
+        };
+        plain: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('./props').ButtonSize>;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], import('vue').PublicProps, {
+        size: import('./props').ButtonSize;
+        type: import('./props').ButtonType;
+        link: boolean;
+        disabled: boolean;
+        block: boolean;
+        loading: boolean;
+        loadingFill: boolean;
+        debounce: number;
+        shape: import('./props').ButtonShape;
+        status: import('./props').ButtonStatus;
+        plain: boolean;
+        border: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        disabled: BooleanConstructor;
+        block: BooleanConstructor;
+        loading: BooleanConstructor;
+        loadingFill: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        debounce: {
+            type: NumberConstructor;
+            default: number;
+        };
+        shape: {
+            type: import('vue').PropType<import('./props').ButtonShape>;
+            default: undefined;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        type: {
+            type: import('vue').PropType<import('./props').ButtonType>;
+            default: undefined;
+        };
+        status: {
+            type: import('vue').PropType<import('./props').ButtonStatus>;
+            default: undefined;
+        };
+        plain: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: import('vue').PropType<import('./props').ButtonSize>;
+            default: string;
+        };
+        border: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{
+        onClick?: ((...args: any[]) => any) | undefined;
+    }>, () => any, {}, {}, {}, {
+        size: import('./props').ButtonSize;
+        type: import('./props').ButtonType;
+        link: boolean;
+        disabled: boolean;
+        block: boolean;
+        loading: boolean;
+        loadingFill: boolean;
+        debounce: number;
+        shape: import('./props').ButtonShape;
+        status: import('./props').ButtonStatus;
+        plain: boolean;
+        border: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    disabled: BooleanConstructor;
+    block: BooleanConstructor;
+    loading: BooleanConstructor;
+    loadingFill: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+    shape: {
+        type: import('vue').PropType<import('./props').ButtonShape>;
+        default: undefined;
+    };
+    link: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    type: {
+        type: import('vue').PropType<import('./props').ButtonType>;
+        default: undefined;
+    };
+    status: {
+        type: import('vue').PropType<import('./props').ButtonStatus>;
+        default: undefined;
+    };
+    plain: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: import('vue').PropType<import('./props').ButtonSize>;
+        default: string;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
+    size: import('./props').ButtonSize;
+    type: import('./props').ButtonType;
+    link: boolean;
+    disabled: boolean;
+    block: boolean;
+    loading: boolean;
+    loadingFill: boolean;
+    debounce: number;
+    shape: import('./props').ButtonShape;
+    status: import('./props').ButtonStatus;
+    plain: boolean;
+    border: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & {
+    install(app: import('vue').App): void;
+};
+export { XButton as default };

package/dist/{types/componets → components}/button/props.d.ts

@@ -15,7 +15,7 @@ export declare const buttonProps: {
         default: number;
     };
     shape: {
-        type: import("vue").PropType<ButtonShape>;
+        type: import('vue').PropType<ButtonShape>;
         default: undefined;
     };
     link: {
@@ -23,11 +23,11 @@ export declare const buttonProps: {
         default: boolean;
     };
     type: {
-        type: import("vue").PropType<ButtonType>;
+        type: import('vue').PropType<ButtonType>;
         default: undefined;
     };
     status: {
-        type: import("vue").PropType<ButtonStatus>;
+        type: import('vue').PropType<ButtonStatus>;
         default: undefined;
     };
     plain: {
@@ -35,7 +35,7 @@ export declare const buttonProps: {
         default: boolean;
     };
     size: {
-        type: import("vue").PropType<ButtonSize>;
+        type: import('vue').PropType<ButtonSize>;
         default: string;
     };
     border: {

package/dist/{types/componets/dialog/index.vue.d.ts → components/dialog/Dialog.d.ts}

@@ -1,6 +1,6 @@
-declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     renderTo: {
-        type: import("vue").PropType<string | HTMLElement>;
+        type: import('vue').PropType<string | HTMLElement>;
         default: string;
     };
     disabled: {
@@ -78,42 +78,9 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         type: BooleanConstructor;
         default: boolean;
     };
-}>, {
-    cls: import("vue").ComputedRef<(string | false | undefined)[]>;
-    ns: string;
-    cn: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    cnOMB: {
-        block: string;
-        element: (className: string) => string;
-        modifier: (className: string) => string;
-        is: (className: string) => string;
-    };
-    messageBoxNs: string;
-    containerStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    dialogStyle: import("vue").ComputedRef<import("vue").CSSProperties>;
-    dialogRef: import("vue").Ref<HTMLElement | undefined, HTMLElement | undefined>;
-    teleportContainer: import("vue").ComputedRef<HTMLElement | undefined>;
-    teleportDisabled: import("vue").ComputedRef<boolean>;
-    modelVisible: import("vue").ComputedRef<boolean>;
-    mergeVisible: import("vue").ComputedRef<boolean>;
-    interceptClose: (action: 'cancel' | 'ok', e?: Event) => void;
-    afterLeave: () => void;
-    afterEnter: () => void;
-    handleMaskClick: () => void;
-    handleCancel: (e: Event) => void;
-    handleOk: (e: Event) => void;
-    loadingObj: {
-        ok: boolean;
-        cancel: boolean;
-    };
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close" | "closed" | "opened" | "update:modelValue")[], "open" | "close" | "closed" | "opened" | "update:modelValue", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close" | "open" | "closed" | "opened" | "update:modelValue")[], "close" | "open" | "closed" | "opened" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     renderTo: {
-        type: import("vue").PropType<string | HTMLElement>;
+        type: import('vue').PropType<string | HTMLElement>;
         default: string;
     };
     disabled: {
@@ -192,12 +159,14 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
         default: boolean;
     };
 }>> & Readonly<{
-    onOpen?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
     onClosed?: ((...args: any[]) => any) | undefined;
     onOpened?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }>, {
+    title: string;
+    disabled: boolean;
     height: string | number;
     minHeight: string | number;
     minWidth: string | number;
@@ -205,8 +174,6 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
     width: string | number;
     mask: boolean;
     center: boolean;
-    disabled: boolean;
-    title: string;
     renderTo: string | HTMLElement;
     modelValue: boolean;
     destroyOnClosed: boolean;
@@ -217,5 +184,5 @@ declare const _sfc_main: import("vue").DefineComponent<import("vue").ExtractProp
     popupClass: string;
     showClose: boolean;
     showHeaderBottomLine: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _sfc_main;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;