x-next 0.0.0-alpha.51 → 0.0.0-alpha.52

package/README.md

@@ -27,25 +27,32 @@ app.mount('#app')
 ### 目前已完成的组件
 
 ```
-    XButton: (typeof import('x-next'))['XButton'];
-    XDialog: (typeof import('x-next'))['XDialog'];
-    XMessage: (typeof import('x-next'))['XMessage'];
-    XMessageBox: (typeof import('x-next'))['XMessageBox'];
-    XNotification: (typeof import('x-next'))['XNotification'];
-    XSpace: (typeof import('x-next'))['XSpace'];
-    XPopconfirm: (typeof import('x-next'))['XPopconfirm'];
-    XTrendChart: (typeof import('x-next'))['XTrendChart'];
-    XTimeline: (typeof import('x-next'))['XTimeline'];
-    XTimelineItem: (typeof import('x-next'))['XTimelineItem'];
-    XPopup: (typeof import('x-next'))['XPopup'];
-    XScrollbar: (typeof import('x-next'))['XScrollbar'];
-    XDrawer: (typeof import('x-next'))['XDrawer'];
-    XTag: (typeof import('x-next'))['XTag'];
-    XTooltip: (typeof import('x-next'))['XTooltip'];
-    XImage: (typeof import('x-next'))['XImage'];
-    XImagePreview: (typeof import('x-next'))['XImagePreview'];
-    XImagePreviewGroup: (typeof import('x-next'))['XImagePreviewGroup'];
-    XImagePreviewAction: (typeof import('x-next'))['XImagePreviewAction'];
-    XTabPane: (typeof import('x-next'))['XTabPane'];
-    XTabs: (typeof import('x-next'))['XTabs'];
+    XButton: (typeof import('x-next'))['Button'];
+    XDialog: (typeof import('x-next'))['Dialog'];
+    XMessage: (typeof import('x-next'))['Message'];
+    XMessageBox: (typeof import('x-next'))['MessageBox'];
+    XNotification: (typeof import('x-next'))['Notification'];
+    XSpace: (typeof import('x-next'))['Space'];
+    XPopconfirm: (typeof import('x-next'))['Popconfirm'];
+    XTrendChart: (typeof import('x-next'))['TrendChart'];
+    XTimeline: (typeof import('x-next'))['Timeline'];
+    XTimelineItem: (typeof import('x-next'))['TimelineItem'];
+    XPopup: (typeof import('x-next'))['Popup'];
+    XScrollbar: (typeof import('x-next'))['Scrollbar'];
+    XDrawer: (typeof import('x-next'))['Drawer'];
+    XTag: (typeof import('x-next'))['Tag'];
+    XTooltip: (typeof import('x-next'))['Tooltip'];
+    XImage: (typeof import('x-next'))['Image'];
+    XImagePreview: (typeof import('x-next'))['ImagePreview'];
+    XImagePreviewGroup: (typeof import('x-next'))['ImagePreviewGroup'];
+    XImagePreviewAction: (typeof import('x-next'))['ImagePreviewAction'];
+    XTabPane: (typeof import('x-next'))['TabPane'];
+    XTabs: (typeof import('x-next'))['Tabs'];
+    XButtonGroup: (typeof import('x-next'))['ButtonGroup'];
+    XDropdown: (typeof import('x-next'))['Dropdown'];
+    XDropdownButton: (typeof import('x-next'))['DropdownButton'];
+    XEmpty: (typeof import('x-next'))['Empty'];
+    XDropdownOption: (typeof import('x-next'))['DropdownOption'];
+    XDropdownGroup: (typeof import('x-next'))['DropdownGroup'];
+    XDropdownSubmenu: (typeof import('x-next'))['DropdownSubmenu'];
 ```

package/dist/_hooks/_types.d.ts

@@ -2,3 +2,9 @@ import { VNode } from 'vue';
 export interface SlotChildren {
     value?: VNode[];
 }
+type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
+export type EmitFn2<Options = Record<string, any>, Event extends keyof Options = keyof Options> = UnionToIntersection<{
+    [key in Event]: Options[key] extends (...args: infer Args) => any ? (event: key, ...args: Args) => void : (event: key, ...args: any[]) => void;
+}[Event]>;
+export type EmitType<T> = T | T[];
+export {};

package/dist/_hooks/use-trigger.d.ts

@@ -0,0 +1,13 @@
+import { Ref } from 'vue';
+import { EmitFn2 } from './_types';
+export declare const useTrigger: ({ popupVisible, defaultPopupVisible, emit, }: {
+    popupVisible?: Ref<boolean | undefined>;
+    defaultPopupVisible?: Ref<boolean>;
+    emit: EmitFn2<{
+        "update:popupVisible": (visible: boolean) => true;
+        popupVisibleChange: (visible: boolean) => true;
+    }>;
+}) => {
+    computedPopupVisible: import('vue').ComputedRef<boolean>;
+    handlePopupVisibleChange: (visible: boolean) => void;
+};

package/dist/_utils/vue-eco.d.ts

@@ -1,4 +1,5 @@
 import { VNodeTypes, VNode, PropType, Component, Slots, App, Plugin, DefineComponent } from 'vue';
+import { Data } from './types';
 export type SFCWithInstall<T> = T & Plugin;
 type ObjectData = Record<string, unknown>;
 /**
@@ -20,9 +21,11 @@ export declare enum ShapeFlags {
 }
 export declare const isElement: (vn: VNode) => boolean;
 export declare const isComponent: (vn: VNode, type?: VNodeTypes) => type is Component;
+export declare const isNamedComponent: (child: VNode, name: string) => boolean;
 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 getChildrenString: (children: VNode[]) => string;
 export declare const isEmptyChildren: (children?: VNode[]) => boolean;
 export declare const getAllElements: (children: VNode[] | undefined, includeText?: boolean) => VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
@@ -33,6 +36,7 @@ export declare const getFirstElementFromChildren: (children: VNode[] | undefined
 export declare const getChildrenArray: (vn: VNode) => VNode[] | undefined;
 export declare const getComponentsFromVNode: (vn: VNode, name: string) => number[];
 export declare const getComponentsFromChildren: (children: VNode[] | undefined, name: string) => number[];
+export declare const resolveProps: (vn: VNode) => Data;
 export declare const mergeFirstChild: (children: VNode[] | undefined, extraProps: ObjectData | ((vn: VNode) => ObjectData)) => boolean;
 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 & {

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

@@ -1,5 +1,8 @@
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     block: BooleanConstructor;
     loading: BooleanConstructor;
     loadingFill: {
@@ -19,7 +22,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     type: {
-        type: import('vue').PropType<import('./props').ButtonType>;
+        type: import('vue').PropType<import('./props').ButtonTypes>;
         default: string;
     };
     status: {
@@ -39,7 +42,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
 }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     block: BooleanConstructor;
     loading: BooleanConstructor;
     loadingFill: {
@@ -59,7 +65,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         default: boolean;
     };
     type: {
-        type: import('vue').PropType<import('./props').ButtonType>;
+        type: import('vue').PropType<import('./props').ButtonTypes>;
         default: string;
     };
     status: {
@@ -82,7 +88,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
     size: import('./props').ButtonSize;
-    type: import('./props').ButtonType;
+    type: import('./props').ButtonTypes;
     link: boolean;
     disabled: boolean;
     block: boolean;

package/dist/components/button/ButtonGroup.vue.d.ts

@@ -0,0 +1,90 @@
+import { PropType } from 'vue';
+import { Status, Size, BorderShape } from '../../_utils/constant';
+import { ButtonTypes } from './props';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 按钮的类型，分为五种：次要按钮、主要按钮、虚框按钮、线性按钮、文字按钮。
+     * @en Children button types are divided into five types: secondary, primary, dashed, outline and text.
+     */
+    type: {
+        type: PropType<ButtonTypes>;
+    };
+    /**
+     * @zh 按钮的状态
+     * @en Children button state
+     * @values 'normal','warning','success','danger'
+     */
+    status: {
+        type: PropType<Status>;
+    };
+    /**
+     * @zh 按钮的形状
+     * @en Button shape
+     */
+    shape: {
+        type: PropType<BorderShape>;
+    };
+    /**
+     * @zh 按钮的尺寸
+     * @en Children button size
+     * @values 'mini','small','medium','large'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 全部子按钮是否禁用
+     * @en All children whether the button is disabled
+     */
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /**
+     * @zh 按钮的类型，分为五种：次要按钮、主要按钮、虚框按钮、线性按钮、文字按钮。
+     * @en Children button types are divided into five types: secondary, primary, dashed, outline and text.
+     */
+    type: {
+        type: PropType<ButtonTypes>;
+    };
+    /**
+     * @zh 按钮的状态
+     * @en Children button state
+     * @values 'normal','warning','success','danger'
+     */
+    status: {
+        type: PropType<Status>;
+    };
+    /**
+     * @zh 按钮的形状
+     * @en Button shape
+     */
+    shape: {
+        type: PropType<BorderShape>;
+    };
+    /**
+     * @zh 按钮的尺寸
+     * @en Children button size
+     * @values 'mini','small','medium','large'
+     */
+    size: {
+        type: PropType<Size>;
+    };
+    /**
+     * @zh 全部子按钮是否禁用
+     * @en All children whether the button is disabled
+     */
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

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

@@ -0,0 +1,11 @@
+import { InjectionKey } from 'vue';
+import { Size, Status } from '../../_utils/constant';
+import { ButtonTypes } from './props';
+export interface ButtonGroupContext {
+    size: Size | undefined;
+    status: Status | undefined;
+    type: ButtonTypes | undefined;
+    disabled: boolean;
+    shape: 'square' | 'round' | 'circle' | undefined;
+}
+export declare const buttonGroupInjectionKey: InjectionKey<ButtonGroupContext>;

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

@@ -1,6 +1,10 @@
-export declare const XButton: {
+import { ButtonShape, ButtonSize, ButtonStatus, ButtonTypes } from './props';
+export declare const Button: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
-        disabled: BooleanConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         block: BooleanConstructor;
         loading: BooleanConstructor;
         loadingFill: {
@@ -12,7 +16,7 @@ export declare const XButton: {
             default: number;
         };
         shape: {
-            type: import('vue').PropType<import('./props').ButtonShape>;
+            type: import('vue').PropType<ButtonShape>;
             default: undefined;
         };
         link: {
@@ -20,11 +24,11 @@ export declare const XButton: {
             default: boolean;
         };
         type: {
-            type: import('vue').PropType<import('./props').ButtonType>;
+            type: import('vue').PropType<ButtonTypes>;
             default: string;
         };
         status: {
-            type: import('vue').PropType<import('./props').ButtonStatus>;
+            type: import('vue').PropType<ButtonStatus>;
             default: string;
         };
         plain: {
@@ -32,7 +36,7 @@ export declare const XButton: {
             default: boolean;
         };
         size: {
-            type: import('vue').PropType<import('./props').ButtonSize>;
+            type: import('vue').PropType<ButtonSize>;
             default: string;
         };
         border: {
@@ -42,16 +46,16 @@ export declare const XButton: {
     }>> & 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;
+        size: ButtonSize;
+        type: ButtonTypes;
         link: boolean;
         disabled: boolean;
         block: boolean;
         loading: boolean;
         loadingFill: boolean;
         debounce: number;
-        shape: import('./props').ButtonShape;
-        status: import('./props').ButtonStatus;
+        shape: ButtonShape;
+        status: ButtonStatus;
         plain: boolean;
         border: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -62,7 +66,10 @@ export declare const XButton: {
         M: {};
         Defaults: {};
     }, Readonly<import('vue').ExtractPropTypes<{
-        disabled: BooleanConstructor;
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         block: BooleanConstructor;
         loading: BooleanConstructor;
         loadingFill: {
@@ -74,7 +81,7 @@ export declare const XButton: {
             default: number;
         };
         shape: {
-            type: import('vue').PropType<import('./props').ButtonShape>;
+            type: import('vue').PropType<ButtonShape>;
             default: undefined;
         };
         link: {
@@ -82,11 +89,11 @@ export declare const XButton: {
             default: boolean;
         };
         type: {
-            type: import('vue').PropType<import('./props').ButtonType>;
+            type: import('vue').PropType<ButtonTypes>;
             default: string;
         };
         status: {
-            type: import('vue').PropType<import('./props').ButtonStatus>;
+            type: import('vue').PropType<ButtonStatus>;
             default: string;
         };
         plain: {
@@ -94,7 +101,7 @@ export declare const XButton: {
             default: boolean;
         };
         size: {
-            type: import('vue').PropType<import('./props').ButtonSize>;
+            type: import('vue').PropType<ButtonSize>;
             default: string;
         };
         border: {
@@ -104,16 +111,16 @@ export declare const XButton: {
     }>> & Readonly<{
         onClick?: ((...args: any[]) => any) | undefined;
     }>, () => any, {}, {}, {}, {
-        size: import('./props').ButtonSize;
-        type: import('./props').ButtonType;
+        size: ButtonSize;
+        type: ButtonTypes;
         link: boolean;
         disabled: boolean;
         block: boolean;
         loading: boolean;
         loadingFill: boolean;
         debounce: number;
-        shape: import('./props').ButtonShape;
-        status: import('./props').ButtonStatus;
+        shape: ButtonShape;
+        status: ButtonStatus;
         plain: boolean;
         border: boolean;
     }>;
@@ -121,7 +128,10 @@ export declare const XButton: {
     __isTeleport?: never;
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     block: BooleanConstructor;
     loading: BooleanConstructor;
     loadingFill: {
@@ -133,7 +143,7 @@ export declare const XButton: {
         default: number;
     };
     shape: {
-        type: import('vue').PropType<import('./props').ButtonShape>;
+        type: import('vue').PropType<ButtonShape>;
         default: undefined;
     };
     link: {
@@ -141,11 +151,11 @@ export declare const XButton: {
         default: boolean;
     };
     type: {
-        type: import('vue').PropType<import('./props').ButtonType>;
+        type: import('vue').PropType<ButtonTypes>;
         default: string;
     };
     status: {
-        type: import('vue').PropType<import('./props').ButtonStatus>;
+        type: import('vue').PropType<ButtonStatus>;
         default: string;
     };
     plain: {
@@ -153,7 +163,7 @@ export declare const XButton: {
         default: boolean;
     };
     size: {
-        type: import('vue').PropType<import('./props').ButtonSize>;
+        type: import('vue').PropType<ButtonSize>;
         default: string;
     };
     border: {
@@ -163,19 +173,123 @@ export declare const XButton: {
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", {
-    size: import('./props').ButtonSize;
-    type: import('./props').ButtonType;
+    size: ButtonSize;
+    type: ButtonTypes;
     link: boolean;
     disabled: boolean;
     block: boolean;
     loading: boolean;
     loadingFill: boolean;
     debounce: number;
-    shape: import('./props').ButtonShape;
-    status: import('./props').ButtonStatus;
+    shape: ButtonShape;
+    status: 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 };
+export declare const ButtonGroup: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<ButtonTypes>;
+        };
+        status: {
+            type: import('vue').PropType<import('../../_utils/constant').Status>;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../_utils/constant').BorderShape>;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        disabled: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        type: {
+            type: import('vue').PropType<ButtonTypes>;
+        };
+        status: {
+            type: import('vue').PropType<import('../../_utils/constant').Status>;
+        };
+        shape: {
+            type: import('vue').PropType<import('../../_utils/constant').BorderShape>;
+        };
+        size: {
+            type: import('vue').PropType<import('../../_utils/constant').Size>;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {
+        className: {
+            block: string;
+            element: (className: string) => string;
+            modifier: (className: string) => string;
+            is: (className: string) => string;
+        };
+    }, {}, {}, {}, {
+        disabled: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: import('vue').PropType<ButtonTypes>;
+    };
+    status: {
+        type: import('vue').PropType<import('../../_utils/constant').Status>;
+    };
+    shape: {
+        type: import('vue').PropType<import('../../_utils/constant').BorderShape>;
+    };
+    size: {
+        type: import('vue').PropType<import('../../_utils/constant').Size>;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    className: {
+        block: string;
+        element: (className: string) => string;
+        modifier: (className: string) => string;
+        is: (className: string) => string;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    disabled: 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 type ButtonProps = {
+    disabled?: boolean;
+    block?: boolean;
+    loading?: boolean;
+    loadingFill?: boolean;
+    debounce?: number;
+    shape?: ButtonShape;
+    link?: boolean;
+    type?: ButtonTypes;
+    status?: ButtonStatus;
+    plain?: boolean;
+    size?: ButtonSize;
+    border?: boolean;
+};
+export { Button as default };

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

@@ -1,9 +1,13 @@
+import { PropType } from 'vue';
 export type ButtonSize = 'mini' | 'small' | 'medium' | 'large' | 'huge';
 export type ButtonStatus = 'default' | 'success' | 'warning' | 'strong' | 'danger' | 'info';
-export type ButtonType = 'primary' | 'default' | 'dashed' | 'outline' | 'text';
+export type ButtonTypes = 'primary' | 'default' | 'dashed' | 'outline' | 'text';
 export type ButtonShape = 'round' | 'circle' | 'square';
 export declare const buttonProps: {
-    disabled: BooleanConstructor;
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     block: BooleanConstructor;
     loading: BooleanConstructor;
     loadingFill: {
@@ -15,7 +19,7 @@ export declare const buttonProps: {
         default: number;
     };
     shape: {
-        type: import('vue').PropType<ButtonShape>;
+        type: PropType<ButtonShape>;
         default: undefined;
     };
     link: {
@@ -23,11 +27,11 @@ export declare const buttonProps: {
         default: boolean;
     };
     type: {
-        type: import('vue').PropType<ButtonType>;
+        type: PropType<ButtonTypes>;
         default: string;
     };
     status: {
-        type: import('vue').PropType<ButtonStatus>;
+        type: PropType<ButtonStatus>;
         default: string;
     };
     plain: {
@@ -35,7 +39,7 @@ export declare const buttonProps: {
         default: boolean;
     };
     size: {
-        type: import('vue').PropType<ButtonSize>;
+        type: PropType<ButtonSize>;
         default: string;
     };
     border: {

package/dist/components/dialog/Dialog.d.ts

@@ -167,13 +167,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>, {
     title: string;
     disabled: boolean;
+    top: string | number;
+    center: boolean;
+    mask: boolean;
     height: string | number;
     minHeight: string | number;
     minWidth: string | number;
-    top: string | number;
     width: string | number;
-    mask: boolean;
-    center: boolean;
     renderTo: string | HTMLElement;
     modelValue: boolean;
     destroyOnClosed: boolean;