vft 0.0.145 → 0.0.146

package/es/components/input/input.vue.d.ts

@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     resize: {
-        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        type: import("vue").PropType<"both" | "none" | "vertical" | "horizontal">;
     };
     autosize: {
         type: import("vue").PropType<boolean | {
@@ -135,10 +135,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     input: (value: string) => void;
     clear: () => void;
     blur: (evt: FocusEvent) => void;
-    focus: (evt: FocusEvent) => void;
     compositionend: (evt: CompositionEvent) => void;
     compositionstart: (evt: CompositionEvent) => void;
     compositionupdate: (evt: CompositionEvent) => void;
+    focus: (evt: FocusEvent) => void;
     keydown: (evt: Event | KeyboardEvent) => void;
     mouseenter: (evt: MouseEvent) => void;
     mouseleave: (evt: MouseEvent) => void;
@@ -162,7 +162,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     resize: {
-        type: import("vue").PropType<"both" | "none" | "horizontal" | "vertical">;
+        type: import("vue").PropType<"both" | "none" | "vertical" | "horizontal">;
     };
     autosize: {
         type: import("vue").PropType<boolean | {

package/es/components/link/index.d.ts

@@ -8,9 +8,8 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
             readonly type?: "default" | "success" | "primary" | "warning" | "info" | "danger" | undefined;
             ref?: import("vue").VNodeRef | undefined;
             class?: unknown;
-            onClick?: ((...args: any[]) => any) | undefined;
-            readonly underline?: boolean | undefined;
             readonly icon?: import("..").IconProps | undefined;
+            onClick?: ((...args: any[]) => any) | undefined;
             readonly disabled?: boolean | undefined;
             ref_for?: boolean | undefined;
             ref_key?: string | undefined;
@@ -52,6 +51,7 @@ export declare const VftLink: import("vft/es/utils").SFCWithInstall<{
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[] | undefined;
+            readonly underline?: boolean | undefined;
             readonly route?: import("vue-router").RouteLocationRaw | import("@vft/router").WinOpenType | undefined;
             readonly isReplace?: boolean | undefined;
         };

package/es/components/loading/index.d.ts

@@ -0,0 +1,48 @@
+import type { App } from 'vue';
+import { vLoading } from './directive';
+import { Loading } from './service';
+export declare const VftLoading: {
+    install(app: App): void;
+    directive: import("vue").Directive<import("./directive").VftLoading, import("./directive").LoadingBinding>;
+    service: (options?: Partial<Omit<import("./types").LoadingOptionsResolved, "target" | "parent"> & {
+        target: string | HTMLElement;
+        body: boolean;
+    }>) => {
+        setText: (text: string) => void;
+        removeVftLoadingChild: () => void;
+        close: () => void;
+        handleAfterLeave: () => void;
+        vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+        $el: HTMLElement;
+        originalPosition: import("vue").Ref<string>;
+        originalOverflow: import("vue").Ref<string>;
+        visible: import("vue").Ref<boolean>;
+        parent: import("vue").Ref<import("./types").LoadingParentElement>;
+        background: import("vue").Ref<string>;
+        svg: import("vue").Ref<string>;
+        svgViewBox: import("vue").Ref<string>;
+        spinner: import("vue").Ref<string | boolean>;
+        img: import("vue").Ref<string | boolean>;
+        icon: import("vue").Ref<string | import("..").IconProps | {
+            icon: string;
+            size?: string | number | undefined;
+            color?: string | undefined;
+            rotate?: boolean | undefined;
+            rotateSpeed?: number | undefined;
+            pointer?: boolean | undefined;
+            hoverColor?: string | undefined;
+        }>;
+        text: import("vue").Ref<string>;
+        fullscreen: import("vue").Ref<boolean>;
+        rotate: import("vue").Ref<string | boolean>;
+        lock: import("vue").Ref<boolean>;
+        customClass: import("vue").Ref<string>;
+        target: import("vue").Ref<HTMLElement>;
+        beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+        closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+    };
+};
+export default VftLoading;
+export { vLoading as VftLoadingDirective, Loading as VftLoadingService, vLoading, };
+export * from './directive';
+export * from './types';

package/es/components/loading/loading.d.ts

@@ -0,0 +1,36 @@
+import type { LoadingOptionsResolved } from './types';
+export declare function createLoadingComponent(options: LoadingOptionsResolved): {
+    setText: (text: string) => void;
+    removeVftLoadingChild: () => void;
+    close: () => void;
+    handleAfterLeave: () => void;
+    vm: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
+    $el: HTMLElement;
+    originalPosition: import("vue").Ref<string>;
+    originalOverflow: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    parent: import("vue").Ref<import("./types").LoadingParentElement>;
+    background: import("vue").Ref<string>;
+    svg: import("vue").Ref<string>;
+    svgViewBox: import("vue").Ref<string>;
+    spinner: import("vue").Ref<string | boolean>;
+    img: import("vue").Ref<string | boolean>;
+    icon: import("vue").Ref<string | import("vft/es/components/icon").IconProps | {
+        icon: string;
+        size?: string | number | undefined;
+        color?: string | undefined;
+        rotate?: boolean | undefined;
+        rotateSpeed?: number | undefined;
+        pointer?: boolean | undefined;
+        hoverColor?: string | undefined;
+    }>;
+    text: import("vue").Ref<string>;
+    fullscreen: import("vue").Ref<boolean>;
+    rotate: import("vue").Ref<string | boolean>;
+    lock: import("vue").Ref<boolean>;
+    customClass: import("vue").Ref<string>;
+    target: import("vue").Ref<HTMLElement>;
+    beforeClose?: import("vue").Ref<(() => boolean) | undefined> | undefined;
+    closed?: import("vue").Ref<(() => void) | undefined> | undefined;
+};
+export type LoadingInstance = ReturnType<typeof createLoadingComponent>;

package/es/components/md-code-demo/index.d.ts

@@ -4,7 +4,7 @@ export declare const VftMdCodeDemo: import("vft/es/utils").SFCWithInstall<import
         required: true;
     };
     type: {
-        type: import("vue").PropType<"normal" | "vue" | "react">;
+        type: import("vue").PropType<"vue" | "normal" | "react">;
         default: string;
     };
     title: {
@@ -27,7 +27,7 @@ export declare const VftMdCodeDemo: import("vft/es/utils").SFCWithInstall<import
         required: true;
     };
     type: {
-        type: import("vue").PropType<"normal" | "vue" | "react">;
+        type: import("vue").PropType<"vue" | "normal" | "react">;
         default: string;
     };
     title: {
@@ -44,7 +44,7 @@ export declare const VftMdCodeDemo: import("vft/es/utils").SFCWithInstall<import
     };
 }>>, {
     title: string;
-    type: "normal" | "vue" | "react";
+    type: "vue" | "normal" | "react";
     config: string;
 }, {}>> & Record<string, any>;
 export default VftMdCodeDemo;

package/es/components/md-code-demo/md-code-demo.d.ts

@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
      * 代码演示类型
      */
     type: {
-        type: PropType<"normal" | "vue" | "react">;
+        type: PropType<"vue" | "normal" | "react">;
         default: string;
     };
     /**
@@ -61,7 +61,7 @@ declare const _default: import("vue").DefineComponent<{
      * 代码演示类型
      */
     type: {
-        type: PropType<"normal" | "vue" | "react">;
+        type: PropType<"vue" | "normal" | "react">;
         default: string;
     };
     /**
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     title: string;
-    type: "normal" | "vue" | "react";
+    type: "vue" | "normal" | "react";
     config: string;
 }, {}>;
 export default _default;

package/es/components/menu/index.d.ts

@@ -1,6 +1,6 @@
 export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -26,6 +26,9 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+    };
 }, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event | undefined) => void;
@@ -48,7 +51,7 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     }) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -74,6 +77,9 @@ export declare const VftMenu: import("vft/es/utils").SFCWithInstall<import("vue"
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<import("./sub-menu.vue").SubMenuProps>>;
+    };
 }>> & {
     onSelect?: ((menuItem: import("./types").MenuItemClicked, routerResult?: Promise<void | import("vue-router").NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {

package/es/components/menu/menu.vue.d.ts

@@ -1,4 +1,5 @@
 import type { NavigationFailure } from 'vue-router';
+import { type SubMenuProps } from './sub-menu.vue';
 import type { MenuItemClicked } from './types';
 export interface MenuProps {
     /** 菜单展示模式 */
@@ -19,10 +20,11 @@ export interface MenuProps {
     collapseTransition?: boolean;
     /** 是否省略多余的子项（仅在横向模式生效） */
     ellipsis?: boolean;
+    horizontalMenuProps?: Partial<SubMenuProps>;
 }
 declare const _default: import("vue").DefineComponent<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -48,6 +50,9 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<SubMenuProps>>;
+    };
 }, {
     open: (index: string) => void;
     close: (index: string, indexPath: string[], e?: Event | undefined) => void;
@@ -70,7 +75,7 @@ declare const _default: import("vue").DefineComponent<{
     }) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     mode: {
-        type: import("vue").PropType<"horizontal" | "vertical">;
+        type: import("vue").PropType<"vertical" | "horizontal">;
     };
     defaultActive: {
         type: import("vue").PropType<string>;
@@ -96,6 +101,9 @@ declare const _default: import("vue").DefineComponent<{
     ellipsis: {
         type: import("vue").PropType<boolean>;
     };
+    horizontalMenuProps: {
+        type: import("vue").PropType<Partial<SubMenuProps>>;
+    };
 }>> & {
     onSelect?: ((menuItem: MenuItemClicked, routerResult?: Promise<void | NavigationFailure> | undefined) => any) | undefined;
     onClose?: ((val: {

package/es/components/menu/menu.vue2.js

@@ -1,5 +1,5 @@
-import { defineComponent as P, useSlots as X, getCurrentInstance as Y, ref as s, computed as Z, watch as T, watchEffect as _, provide as B, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
-import { isNullOrUndefined as E, isMobile as le } from "@vft/utils";
+import { defineComponent as E, useSlots as X, getCurrentInstance as Y, ref as s, computed as Z, watch as T, watchEffect as _, provide as A, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
+import { isNullOrUndefined as B, isMobile as le } from "@vft/utils";
 import { VftIcon as oe } from "../icon/index.js";
 import { useResizeObserver as ue } from "@vueuse/core";
 import "../../utils/ns-cover.js";
@@ -15,9 +15,9 @@ import re from "./utils/menu-bar.js";
 const b = (
   /* hoist-static*/
   W("menu")
-), de = P({
+), de = E({
   name: b.b()
-}), ke = /* @__PURE__ */ P({
+}), ze = /* @__PURE__ */ E({
   ...de,
   props: {
     mode: { default: "vertical" },
@@ -28,11 +28,12 @@ const b = (
     menuTrigger: { default: "hover" },
     collapse: { type: Boolean },
     collapseTransition: { type: Boolean, default: !0 },
-    ellipsis: { type: Boolean, default: !0 }
+    ellipsis: { type: Boolean, default: !0 },
+    horizontalMenuProps: {}
   },
   emits: ["update:collapse", "sub-menu-click", "select", "close", "open"],
   setup(n, { expose: V, emit: v }) {
-    const y = X(), h = Y(), O = h.appContext.config.globalProperties.$router, i = s(), k = W("sub-menu"), f = s(-1), u = s(
+    const y = X(), h = Y(), O = h.appContext.config.globalProperties.$router, i = s(), z = W("sub-menu"), f = s(-1), u = s(
       n.defaultOpeneds && !n.collapse ? n.defaultOpeneds.slice(0) : []
     ), a = s(n.defaultActive), r = s({}), p = s({}), $ = Z(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), q = () => {
       const e = a.value && r.value[a.value];
@@ -58,7 +59,7 @@ const b = (
     }, L = (e) => {
       (n.mode === "horizontal" || n.collapse) && (u.value = []);
       const { index: t, indexPath: l } = e;
-      if (!(E(t) || E(l))) {
+      if (!(B(t) || B(l))) {
         if (n.router && O) {
           const o = e.route || t, m = O.push(o).then((c) => (c || (a.value = t), c));
           v("select", e, m);
@@ -96,14 +97,14 @@ const b = (
         }, t);
       };
     };
-    let z = !0;
-    const N = () => {
+    let k = !0;
+    const P = () => {
       const e = () => {
         f.value = -1, ne(() => {
           f.value = U();
         });
       };
-      z ? e() : j(e)(), z = !1;
+      k ? e() : j(e)(), k = !1;
     };
     T(
       () => n.defaultActive,
@@ -118,18 +119,18 @@ const b = (
     ), T(r.value, q);
     let S;
     _(() => {
-      n.mode === "horizontal" && n.ellipsis ? S = ue(i, N).stop : S == null || S();
+      n.mode === "horizontal" && n.ellipsis ? S = ue(i, P).stop : S == null || S();
     });
-    const R = (e) => {
+    const N = (e) => {
       p.value[e.index] = e;
-    }, w = (e) => {
+    }, R = (e) => {
       delete p.value[e.index];
     }, G = (e) => {
       r.value[e.index] = e;
     }, H = (e) => {
       delete r.value[e.index];
-    }, A = s(!1), J = s(), K = s();
-    return B(
+    }, w = s(!1), J = s(), K = s();
+    return A(
       "rootMenu",
       ee({
         props: h.props,
@@ -138,21 +139,21 @@ const b = (
         subMenus: p,
         activeIndex: a,
         isMenuPopup: $,
-        inSubMenu: A,
+        inSubMenu: w,
         inSubMenuMouseEnterTimer: J,
         inSubMenuMouseleaveTimer: K,
         addMenuItem: G,
         removeMenuItem: H,
-        addSubMenu: R,
-        removeSubMenu: w,
+        addSubMenu: N,
+        removeSubMenu: R,
         openMenu: g,
         closeMenu: C,
         handleMenuItemClick: L,
         handleSubMenuClick: D
       })
-    ), B(`subMenu:${h.uid}`, {
-      addSubMenu: R,
-      removeSubMenu: w,
+    ), A(`subMenu:${h.uid}`, {
+      addSubMenu: N,
+      removeSubMenu: R,
       mouseInChild: s(!1),
       // 表示当前是第一级的 sub-menu
       level: 0
@@ -164,9 +165,9 @@ const b = (
         t.forEach((l) => g(l, t));
       },
       close: C,
-      handleResize: N,
+      handleResize: P,
       menu: i,
-      inSubMenu: A
+      inSubMenu: w
     }), () => {
       var m;
       let e = ((m = y.default) == null ? void 0 : m.call(y)) ?? [];
@@ -178,12 +179,13 @@ const b = (
             ie,
             {
               index: "sub-menu-more",
-              class: k.e("hide-arrow")
+              class: z.e("hide-arrow"),
+              ...n.horizontalMenuProps
             },
             {
               title: () => I(oe, {
                 icon: "icon-menu-line",
-                class: k.e("icon-more")
+                class: z.e("icon-more")
               }),
               default: () => d
             }
@@ -210,5 +212,5 @@ const b = (
   }
 });
 export {
-  ke as default
+  ze as default
 };

package/es/components/modal/index.d.ts

@@ -6,11 +6,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $props: {
             title?: string | undefined;
             center?: boolean | undefined;
-            draggable?: boolean | undefined;
             fullscreen?: boolean | undefined;
             modelValue?: boolean | undefined;
             customClass?: string | undefined;
             showClose?: boolean | undefined;
+            draggable?: boolean | undefined;
             closeOnPressEscape?: boolean | undefined;
             alignCenter?: boolean | undefined;
             appendToBody?: boolean | undefined;
@@ -24,9 +24,9 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             showActionButtonGroup?: boolean | undefined;
             showSubmitButton?: boolean | undefined;
             showCancelButton?: boolean | undefined;
+            style?: unknown;
             readonly top?: string | undefined;
             readonly width?: string | number | undefined;
-            style?: unknown;
             readonly zIndex?: number | undefined;
             key?: string | number | symbol | undefined;
             ref?: import("vue").VNodeRef | undefined;
@@ -93,12 +93,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $emit: (event: string, ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-            top: {
-                type: import("vue").PropType<string>;
-            };
-            width: {
-                type: import("vue").PropType<string | number>;
-            };
             title: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -107,13 +101,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            top: {
+                type: import("vue").PropType<string>;
+            };
+            width: {
+                type: import("vue").PropType<string | number>;
+            };
             zIndex: {
                 type: import("vue").PropType<number>;
             };
-            draggable: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             fullscreen: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -130,6 +126,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            draggable: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             closeOnPressEscape: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -208,11 +208,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         }, string, {
             title: string;
             center: boolean;
-            draggable: boolean;
             fullscreen: boolean;
             modelValue: boolean;
             customClass: string;
             showClose: boolean;
+            draggable: boolean;
             closeOnPressEscape: boolean;
             alignCenter: boolean;
             appendToBody: boolean;
@@ -247,12 +247,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         $nextTick: typeof import("vue").nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
-        top: {
-            type: import("vue").PropType<string>;
-        };
-        width: {
-            type: import("vue").PropType<string | number>;
-        };
         title: {
             type: import("vue").PropType<string>;
             default: string;
@@ -261,13 +255,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        top: {
+            type: import("vue").PropType<string>;
+        };
+        width: {
+            type: import("vue").PropType<string | number>;
+        };
         zIndex: {
             type: import("vue").PropType<number>;
         };
-        draggable: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         fullscreen: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -284,6 +280,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        draggable: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         closeOnPressEscape: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -362,12 +362,6 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
     __isTeleport?: undefined;
     __isSuspense?: undefined;
 } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-    top: {
-        type: import("vue").PropType<string>;
-    };
-    width: {
-        type: import("vue").PropType<string | number>;
-    };
     title: {
         type: import("vue").PropType<string>;
         default: string;
@@ -376,13 +370,15 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    top: {
+        type: import("vue").PropType<string>;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+    };
     zIndex: {
         type: import("vue").PropType<number>;
     };
-    draggable: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     fullscreen: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -399,6 +395,10 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    draggable: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     closeOnPressEscape: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -477,11 +477,11 @@ export declare const VftModal: import("vft/es/utils").SFCWithInstall<{
 }, string, {
     title: string;
     center: boolean;
-    draggable: boolean;
     fullscreen: boolean;
     modelValue: boolean;
     customClass: string;
     showClose: boolean;
+    draggable: boolean;
     closeOnPressEscape: boolean;
     alignCenter: boolean;
     appendToBody: boolean;