ep-craft 0.1.37 → 0.1.39

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

@@ -0,0 +1,173 @@
+import type { ExtractPublicPropTypes, TransitionProps } from 'vue';
+import type { DialogContentProps } from './dialog-content';
+type DoneFn = (cancel?: boolean) => void;
+export type DialogBeforeCloseFn = (done: DoneFn) => void;
+export type DialogTransition = string | TransitionProps;
+/**
+ * @description dialog component props
+ */
+export interface DialogProps extends DialogContentProps {
+    /**
+     * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`
+     */
+    appendToBody?: boolean;
+    /**
+     * @description which element the Dialog appends to
+     */
+    appendTo?: string | HTMLElement;
+    /**
+     * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog
+     */
+    beforeClose?: DialogBeforeCloseFn;
+    /**
+     * @description destroy elements in Dialog when closed
+     */
+    destroyOnClose?: boolean;
+    /**
+     * @description whether the Dialog can be closed by clicking the mask
+     */
+    closeOnClickModal?: boolean;
+    /**
+     * @description whether the Dialog can be closed by pressing ESC
+     */
+    closeOnPressEscape?: boolean;
+    /**
+     * @description whether scroll of body is disabled while Dialog is displayed
+     */
+    lockScroll?: boolean;
+    /**
+     * @description whether a mask is displayed
+     */
+    modal?: boolean;
+    /**
+     * @description whether the mask is penetrable
+     */
+    modalPenetrable?: boolean;
+    /**
+     * @description the Time(milliseconds) before open
+     */
+    openDelay?: number;
+    /**
+     * @description the Time(milliseconds) before close
+     */
+    closeDelay?: number;
+    /**
+     * @description value for `margin-top` of Dialog CSS, default is 15vh
+     */
+    top?: string;
+    /**
+     * @description visibility of Dialog
+     */
+    modelValue?: boolean;
+    /**
+     * @description custom class names for mask
+     */
+    modalClass?: string;
+    /**
+     * @description width of Dialog, default is 50%
+     */
+    width?: string | number;
+    /**
+     * @description same as z-index in native CSS, z-order of dialog
+     */
+    zIndex?: number;
+    /**
+     * @description trap focus within dialog
+     */
+    trapFocus?: boolean;
+    /**
+     * @description header's aria-level attribute
+     */
+    headerAriaLevel?: string;
+    /**
+     * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props
+     */
+    transition?: DialogTransition;
+}
+export declare const dialogProps: {
+    readonly appendToBody: BooleanConstructor;
+    readonly appendTo: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement) | (((new (...args: any[]) => string | HTMLElement) | (() => string | HTMLElement)) | null)[], unknown, unknown, "body", boolean>;
+    readonly beforeClose: {
+        readonly type: import("vue").PropType<DialogBeforeCloseFn>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly destroyOnClose: BooleanConstructor;
+    readonly closeOnClickModal: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly closeOnPressEscape: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly lockScroll: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly modal: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly modalPenetrable: BooleanConstructor;
+    readonly openDelay: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly closeDelay: import("../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly top: {
+        readonly type: import("vue").PropType<string>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly modelValue: BooleanConstructor;
+    readonly modalClass: StringConstructor;
+    readonly headerClass: StringConstructor;
+    readonly bodyClass: StringConstructor;
+    readonly footerClass: StringConstructor;
+    readonly width: {
+        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly zIndex: {
+        readonly type: import("vue").PropType<number>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly trapFocus: BooleanConstructor;
+    readonly headerAriaLevel: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+    readonly transition: import("../../utils/index").EpPropFinalized<(new (...args: any[]) => string | TransitionProps) | (() => DialogTransition) | (((new (...args: any[]) => string | TransitionProps) | (() => DialogTransition)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly center: BooleanConstructor;
+    readonly alignCenter: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly closeIcon: {
+        readonly type: import("vue").PropType<import("../../utils/index").EpPropMergeType<(new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component) | (((new (...args: any[]) => (string | import("vue").Component) & {}) | (() => string | import("vue").Component)) | null)[], unknown, unknown>>;
+        readonly required: false;
+        readonly validator: ((val: unknown) => boolean) | undefined;
+        __epPropKey: true;
+    };
+    readonly draggable: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly overflow: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
+    readonly fullscreen: BooleanConstructor;
+    readonly showClose: import("../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly title: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly ariaLevel: import("../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "2", boolean>;
+};
+export type DialogPropsPublic = ExtractPublicPropTypes<typeof dialogProps>;
+export declare const dialogEmits: {
+    open: () => boolean;
+    opened: () => boolean;
+    close: () => boolean;
+    closed: () => boolean;
+    "update:modelValue": (value: boolean) => boolean;
+    openAutoFocus: () => boolean;
+    closeAutoFocus: () => boolean;
+};
+export type DialogEmits = typeof dialogEmits;
+export declare const dialogPropsDefaults: {
+    readonly appendTo: "body";
+    readonly closeOnClickModal: true;
+    readonly closeOnPressEscape: true;
+    readonly lockScroll: true;
+    readonly modal: true;
+    readonly openDelay: 0;
+    readonly closeDelay: 0;
+    readonly headerAriaLevel: "2";
+    readonly transition: undefined;
+    readonly alignCenter: undefined;
+    readonly draggable: undefined;
+    readonly overflow: undefined;
+    readonly showClose: true;
+    readonly title: "";
+    readonly ariaLevel: "2";
+};
+export {};

package/dist/components/dialog/dialog.js

@@ -0,0 +1,156 @@
+import { isBoolean as t } from "../../utils/types.js";
+import "lodash-unified";
+import "@vueuse/core";
+import "@vue/shared";
+import { UPDATE_MODEL_EVENT as l } from "../../constants/event.js";
+import "@element-plus/icons-vue";
+import { buildProps as r, definePropType as e } from "../../utils/vue/props/runtime.js";
+import "vue";
+import { dialogContentProps as a, dialogContentPropsDefaults as n } from "./dialog-content.js";
+const g = r({
+  ...a,
+  /**
+   * @description whether to append Dialog itself to body. A nested Dialog should have this attribute set to `true`
+   */
+  appendToBody: Boolean,
+  /**
+   * @description which element the Dialog appends to
+   */
+  appendTo: {
+    type: e([String, Object]),
+    default: "body"
+  },
+  /**
+   * @description callback before Dialog closes, and it will prevent Dialog from closing, use done to close the dialog
+   */
+  beforeClose: {
+    type: e(Function)
+  },
+  /**
+   * @description destroy elements in Dialog when closed
+   */
+  destroyOnClose: Boolean,
+  /**
+   * @description whether the Dialog can be closed by clicking the mask
+   */
+  closeOnClickModal: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether the Dialog can be closed by pressing ESC
+   */
+  closeOnPressEscape: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether scroll of body is disabled while Dialog is displayed
+   */
+  lockScroll: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether a mask is displayed
+   */
+  modal: {
+    type: Boolean,
+    default: !0
+  },
+  /**
+   * @description whether the mask is penetrable
+   */
+  modalPenetrable: Boolean,
+  /**
+   * @description the Time(milliseconds) before open
+   */
+  openDelay: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description the Time(milliseconds) before close
+   */
+  closeDelay: {
+    type: Number,
+    default: 0
+  },
+  /**
+   * @description value for `margin-top` of Dialog CSS, default is 15vh
+   */
+  top: {
+    type: String
+  },
+  /**
+   * @description visibility of Dialog
+   */
+  modelValue: Boolean,
+  /**
+   * @description custom class names for mask
+   */
+  modalClass: String,
+  /**
+   * @description custom class names for header wrapper
+   */
+  headerClass: String,
+  /**
+   * @description custom class names for body wrapper
+   */
+  bodyClass: String,
+  /**
+   * @description custom class names for footer wrapper
+   */
+  footerClass: String,
+  /**
+   * @description width of Dialog, default is 50%
+   */
+  width: {
+    type: [String, Number]
+  },
+  /**
+   * @description same as z-index in native CSS, z-order of dialog
+   */
+  zIndex: {
+    type: Number
+  },
+  trapFocus: Boolean,
+  /**
+   * @description header's aria-level attribute
+   */
+  headerAriaLevel: {
+    type: String,
+    default: "2"
+  },
+  /**
+   * @description custom transition configuration for dialog animation, it can be a string (transition name) or an object with Vue transition props
+   */
+  transition: {
+    type: e([String, Object]),
+    default: void 0
+  }
+}), b = {
+  open: () => !0,
+  opened: () => !0,
+  close: () => !0,
+  closed: () => !0,
+  [l]: (o) => t(o),
+  openAutoFocus: () => !0,
+  closeAutoFocus: () => !0
+}, B = {
+  ...n,
+  appendTo: "body",
+  closeOnClickModal: !0,
+  closeOnPressEscape: !0,
+  lockScroll: !0,
+  modal: !0,
+  openDelay: 0,
+  closeDelay: 0,
+  headerAriaLevel: "2",
+  transition: void 0
+};
+export {
+  b as dialogEmits,
+  g as dialogProps,
+  B as dialogPropsDefaults
+};

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

@@ -1,4 +1,22 @@
 import type { Plugin } from 'vue';
-import { ElDialog } from 'element-plus';
-export declare const EpDialog: typeof ElDialog & Plugin;
+import _EpDialog from './EpDialog.vue';
+/**
+ * dialog 自持 barrel（vendor-batch-6 产出）。
+ *
+ * 本体与内容区均落在本地；遮罩消费 `../overlay` 内部件，焦点约束消费本地
+ * `ElFocusTrap`，同目标点击消费本地 `useSameTarget` —— 入口模块零 element-plus
+ * 组件本体引用。Drawer 直接复用本 barrel 的 `useDialog` / `dialogProps` /
+ * `dialogEmits` / `dialogPropsDefaults`，导出形态变更属再验证触发点。
+ *
+ * 不导出 `ElDialog` 别名；不导出内部件 `EpDialogContent` 与其契约
+ * （`dialogContentProps` / `dialogContentEmits`），避免内部结构进入公开面。
+ * 上游未被任何本地代码消费的 `dialogContextKey` 未搬运。
+ */
+export declare const EpDialog: typeof _EpDialog & Plugin;
 export default EpDialog;
+export { DEFAULT_DIALOG_TRANSITION, dialogInjectionKey } from './constants';
+export { dialogEmits, dialogProps, dialogPropsDefaults } from './dialog';
+export { useDialog } from './use-dialog';
+export type { DialogContext } from './constants';
+export type { DialogEmits, DialogProps, DialogPropsPublic } from './dialog';
+export type { DialogInstance } from './instance';

package/dist/components/dialog/index.js

@@ -1,6 +1,26 @@
-import { ElDialog as o } from "element-plus";
-import { withInstall as i } from "../../utils/with-install.js";
-const a = Object.assign({}, o, { name: "EpDialog" }), p = i(a, "ep-dialog");
+import { withInstall as o } from "../../utils/with-install.js";
+import i from "./EpDialog.vue.js";
+import { dialogEmits as h, dialogProps as u, dialogPropsDefaults as w } from "./dialog.js";
+import "vue";
+import "@vueuse/core";
+import "@vue/shared";
+import "lodash-unified";
+import "@element-plus/icons-vue";
+import "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-empty-values/index.js";
+import "../config-provider/index.js";
+const E = o(
+  i,
+  "ep-dialog"
+);
 export {
-  p as EpDialog
+  E as EpDialog,
+  h as dialogEmits,
+  u as dialogProps,
+  w as dialogPropsDefaults
 };

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

@@ -0,0 +1,2 @@
+import type EpDialog from './EpDialog.vue';
+export type DialogInstance = InstanceType<typeof EpDialog> & unknown;

package/dist/components/dialog/use-dialog.d.ts

@@ -0,0 +1,35 @@
+import type { CSSProperties, Ref, TransitionProps } from 'vue';
+import type { DialogProps } from './dialog';
+export declare const useDialog: (props: DialogProps, targetRef: Ref<HTMLElement | undefined>) => {
+    afterEnter: () => void;
+    afterLeave: () => void;
+    beforeLeave: () => void;
+    handleClose: () => void;
+    onModalClick: () => void;
+    close: () => void;
+    doClose: () => void;
+    onOpenAutoFocus: () => void;
+    onCloseAutoFocus: () => void;
+    onCloseRequested: () => void;
+    onFocusoutPrevented: (event: CustomEvent) => void;
+    bringToFront: () => void;
+    titleId: Ref<string, string>;
+    bodyId: Ref<string, string>;
+    closed: Ref<boolean, boolean>;
+    style: import("vue").ComputedRef<CSSProperties>;
+    overlayDialogStyle: import("vue").ComputedRef<CSSProperties>;
+    rendered: Ref<boolean, boolean>;
+    visible: Ref<boolean, boolean>;
+    zIndex: Ref<number, number>;
+    transitionConfig: import("vue").ComputedRef<TransitionProps | {
+        name: string;
+        onAfterEnter: () => void;
+        onBeforeLeave: () => void;
+        onAfterLeave: () => void;
+    }>;
+    _draggable: import("vue").ComputedRef<any>;
+    _alignCenter: import("vue").ComputedRef<any>;
+    _overflow: import("vue").ComputedRef<any>;
+    closing: Ref<boolean, boolean>;
+    penetrable: import("vue").ComputedRef<boolean | undefined>;
+};

package/dist/components/dialog/use-dialog.js

@@ -0,0 +1,176 @@
+import { getCurrentInstance as ee, ref as r, computed as l, watch as F, nextTick as ne, onMounted as oe } from "vue";
+import { useTimeoutFn as $, isClient as te } from "@vueuse/core";
+import { defaultNamespace as le } from "../../hooks/use-namespace/index.js";
+import { isObject as ae, isArray as ie, isFunction as B } from "@vue/shared";
+import "lodash-unified";
+import { debugWarn as fe } from "../../utils/error.js";
+import { UPDATE_MODEL_EVENT as ue } from "../../constants/event.js";
+import { addUnit as se } from "../../utils/dom/style.js";
+import "@element-plus/icons-vue";
+import { useId as S } from "../../hooks/use-id/index.js";
+import "../../hooks/use-size/index.js";
+import "@popperjs/core";
+import { useZIndex as ce } from "../../hooks/use-z-index/index.js";
+import "../../hooks/use-delayed-toggle/index.js";
+import "../../hooks/use-aria/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "../../hooks/use-empty-values/index.js";
+import { useLockscreen as re } from "../../hooks/use-lockscreen/index.js";
+import "../config-provider/index.js";
+import { DEFAULT_DIALOG_TRANSITION as _ } from "./constants.js";
+import { useGlobalConfig as ve } from "../config-provider/src/hooks/use-global-config.js";
+const me = "EpDialog", $e = (e, a) => {
+  const f = ee().emit, { nextZIndex: v } = ce();
+  let h = "";
+  const U = S(), V = S(), i = r(!1), y = r(!1), m = r(!1), d = r(e.zIndex ?? v()), g = r(!1);
+  let u, s;
+  const w = ve(), j = l(() => {
+    var n;
+    return ((n = w.value) == null ? void 0 : n.namespace) ?? le;
+  }), C = l(() => {
+    var n;
+    return (n = w.value) == null ? void 0 : n.dialog;
+  }), G = l(() => {
+    const n = {}, o = `--${j.value}-dialog`;
+    if (!e.fullscreen) {
+      e.top && (n[`${o}-margin-top`] = e.top);
+      const c = se(e.width);
+      c && (n[`${o}-width`] = c);
+    }
+    return n;
+  }), Z = l(
+    () => {
+      var n;
+      return (e.draggable ?? ((n = C.value) == null ? void 0 : n.draggable) ?? !1) && !e.fullscreen;
+    }
+  ), N = l(
+    () => {
+      var n;
+      return e.alignCenter ?? ((n = C.value) == null ? void 0 : n.alignCenter) ?? !1;
+    }
+  ), q = l(
+    () => {
+      var n;
+      return e.overflow ?? ((n = C.value) == null ? void 0 : n.overflow) ?? !1;
+    }
+  ), P = l(
+    () => e.modalPenetrable && !e.modal && !e.fullscreen
+  ), W = l(() => N.value ? { display: "flex" } : {}), J = l(() => {
+    var c;
+    const n = e.transition ?? ((c = C.value) == null ? void 0 : c.transition) ?? _, o = {
+      name: n,
+      onAfterEnter: A,
+      onBeforeLeave: I,
+      onAfterLeave: E
+    };
+    if (ae(n)) {
+      const t = { ...n }, O = (b, p) => (T) => {
+        ie(b) ? b.forEach((k) => {
+          B(k) && k(T);
+        }) : B(b) && b(T), p();
+      };
+      return t.onAfterEnter = O(t.onAfterEnter, A), t.onBeforeLeave = O(t.onBeforeLeave, I), t.onAfterLeave = O(t.onAfterLeave, E), t.name || (t.name = _, fe(
+        me,
+        `transition.name is missing when using object syntax, fallback to '${_}'`
+      )), t;
+    }
+    return o;
+  });
+  function A() {
+    f("opened");
+  }
+  function E() {
+    f("closed"), f(ue, !1), e.destroyOnClose && (m.value = !1), g.value = !1;
+  }
+  function I() {
+    g.value = !0, f("close");
+  }
+  function z() {
+    s == null || s(), u == null || u(), e.openDelay && e.openDelay > 0 ? { stop: u } = $(() => M(), e.openDelay) : M();
+  }
+  function x() {
+    u == null || u(), s == null || s(), e.closeDelay && e.closeDelay > 0 ? { stop: s } = $(() => L(), e.closeDelay) : L();
+  }
+  function D() {
+    function n(o) {
+      o || (y.value = !0, i.value = !1);
+    }
+    e.beforeClose ? e.beforeClose(n) : x();
+  }
+  function K() {
+    e.closeOnClickModal && D();
+  }
+  function M() {
+    te && (i.value = !0);
+  }
+  function L() {
+    i.value = !1;
+  }
+  function Q() {
+    f("openAutoFocus");
+  }
+  function X() {
+    f("closeAutoFocus");
+  }
+  function Y(n) {
+    var o;
+    ((o = n.detail) == null ? void 0 : o.focusReason) === "pointer" && n.preventDefault();
+  }
+  e.lockScroll && re(i);
+  function H() {
+    e.closeOnPressEscape && D();
+  }
+  function R() {
+    !i.value || !P.value || e.zIndex !== void 0 || (d.value = v());
+  }
+  return F(
+    () => e.zIndex,
+    () => {
+      d.value = e.zIndex ?? v();
+    }
+  ), F(
+    () => e.modelValue,
+    (n) => {
+      n ? (y.value = !1, g.value = !1, z(), m.value = !0, d.value = e.zIndex ?? v(), ne(() => {
+        f("open"), a.value && (a.value.parentElement.scrollTop = 0, a.value.parentElement.scrollLeft = 0, a.value.scrollTop = 0);
+      })) : i.value && x();
+    }
+  ), F(
+    () => e.fullscreen,
+    (n) => {
+      a.value && (n ? (h = a.value.style.transform, a.value.style.transform = "") : a.value.style.transform = h);
+    }
+  ), oe(() => {
+    e.modelValue && (i.value = !0, m.value = !0, z());
+  }), {
+    afterEnter: A,
+    afterLeave: E,
+    beforeLeave: I,
+    handleClose: D,
+    onModalClick: K,
+    close: x,
+    doClose: L,
+    onOpenAutoFocus: Q,
+    onCloseAutoFocus: X,
+    onCloseRequested: H,
+    onFocusoutPrevented: Y,
+    bringToFront: R,
+    titleId: U,
+    bodyId: V,
+    closed: y,
+    style: G,
+    overlayDialogStyle: W,
+    rendered: m,
+    visible: i,
+    zIndex: d,
+    transitionConfig: J,
+    _draggable: Z,
+    _alignCenter: N,
+    _overflow: q,
+    closing: g,
+    penetrable: P
+  };
+};
+export {
+  $e as useDialog
+};

package/dist/components/divider/src/divider.d.ts

@@ -19,9 +19,9 @@ export interface DividerProps {
  * @deprecated Removed after 3.0.0, Use `DividerProps` instead.
  */
 export declare const dividerProps: {
-    readonly direction: import("@element-plus/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly contentPosition: import("@element-plus/utils").EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, "center", boolean>;
-    readonly borderStyle: import("@element-plus/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
+    readonly direction: import("../../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
+    readonly contentPosition: import("../../../utils/index").EpPropFinalized<StringConstructor, "left" | "right" | "center", unknown, "center", boolean>;
+    readonly borderStyle: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | (((new (...args: any[]) => string) | (() => string)) | null)[], unknown, unknown, "solid", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `DividerProps` instead.

package/dist/components/drawer/EpDrawer.vue.d.ts

@@ -0,0 +1,67 @@
+import type { DrawerProps } from './drawer';
+declare var __VLS_35: {
+    close: () => void;
+    titleId: string;
+    titleClass: string;
+}, __VLS_37: {}, __VLS_47: {}, __VLS_49: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_35) => any;
+} & {
+    title?: (props: typeof __VLS_37) => any;
+} & {
+    default?: (props: typeof __VLS_47) => any;
+} & {
+    footer?: (props: typeof __VLS_49) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<DrawerProps, {
+    handleClose: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+    resize: (evt: MouseEvent, size: number) => void;
+    open: () => void;
+    close: () => void;
+    opened: () => void;
+    closed: () => void;
+    openAutoFocus: () => void;
+    closeAutoFocus: () => void;
+    "resize-start": (evt: MouseEvent, size: number) => void;
+    "resize-end": (evt: MouseEvent, size: number) => void;
+}, string, import("vue").PublicProps, Readonly<DrawerProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    onResize?: ((evt: MouseEvent, size: number) => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onOpened?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
+    onOpenAutoFocus?: (() => any) | undefined;
+    onCloseAutoFocus?: (() => any) | undefined;
+    "onResize-start"?: ((evt: MouseEvent, size: number) => any) | undefined;
+    "onResize-end"?: ((evt: MouseEvent, size: number) => any) | undefined;
+}>, {
+    size: string | number;
+    direction: "ltr" | "rtl" | "ttb" | "btt";
+    overflow: boolean;
+    transition: import("../dialog/dialog").DialogTransition;
+    title: string;
+    appendTo: string | HTMLElement;
+    draggable: boolean;
+    ariaLevel: string;
+    showClose: boolean;
+    alignCenter: boolean;
+    closeOnClickModal: boolean;
+    closeOnPressEscape: boolean;
+    lockScroll: boolean;
+    modal: boolean;
+    openDelay: number;
+    closeDelay: number;
+    headerAriaLevel: string;
+    withHeader: boolean;
+    modalFade: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};