vft 0.0.428 → 0.0.430

package/es/components/menu/menu-item-group.vue2.js

@@ -0,0 +1,38 @@
+import { defineComponent as n, createElementBlock as o, openBlock as r, normalizeClass as l, unref as i, createElementVNode as m, renderSlot as s, Fragment as a, createTextVNode as u, toDisplayString as c } from "vue";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const d = n({
+  name: "vft-menu-item-group"
+}), V = /* @__PURE__ */ n({
+  ...d,
+  props: {
+    title: {}
+  },
+  setup(p) {
+    const t = f("menu-item-group");
+    return (e, _) => (r(), o("li", {
+      class: l(i(t).b())
+    }, [
+      m("div", {
+        class: l(i(t).e("title"))
+      }, [
+        e.$slots.title ? s(e.$slots, "title", { key: 1 }) : (r(), o(a, { key: 0 }, [
+          u(c(p.title), 1)
+        ], 64))
+      ], 2),
+      m("ul", null, [
+        s(e.$slots, "default")
+      ])
+    ], 2));
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,114 @@
+import { defineComponent as P, getCurrentInstance as F, useAttrs as O, inject as N, computed as a, reactive as q, onMounted as G, onBeforeUnmount as H, createElementBlock as k, openBlock as n, Fragment as b, createBlock as s, createCommentVNode as m, createElementVNode as M, unref as t, normalizeClass as y, withCtx as $, renderSlot as A, normalizeProps as I, mergeProps as V, createVNode as J } from "vue";
+import { singleAttrToObj as K, renderTNode as L, VNode as Q } from "@vft/utils";
+import { VftIcon as h } from "../icon/index.js";
+import { VftDivider as j } from "../divider/index.js";
+import { VftTooltip as R } from "../tooltip/index.js";
+import "@vueuse/core";
+import { throwError as p } from "../../utils/error.js";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as x } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import W from "./use-menu.js";
+const X = ["title"], Y = P({
+  name: "vft-menu-item",
+  inheritAttrs: !1
+}), fe = /* @__PURE__ */ P({
+  ...Y,
+  props: {
+    index: {},
+    route: {},
+    disabled: { type: Boolean },
+    icon: {},
+    title: {},
+    isAloneUse: { type: Boolean },
+    divider: { type: Boolean },
+    className: {},
+    reverse: { type: Boolean }
+  },
+  emits: ["click", "mouseenter", "mouseleave"],
+  setup(e, { emit: E }) {
+    const c = E, d = x("menu-item"), g = F(), S = O(), T = x("menu"), f = x("menu-item"), o = e.isAloneUse ? null : N("rootMenu");
+    !o && !e.isAloneUse && p(d.b(), "can not inject root menu");
+    const { parentMenu: U, indexPath: B } = W(
+      g,
+      a(() => e.index)
+    ), v = e.isAloneUse ? null : N(`subMenu:${U.value.uid}`);
+    !v && !e.isAloneUse && p(d.b(), "can not inject sub menu");
+    const C = a(() => e.index === o?.activeIndex), i = q({
+      index: e.index,
+      indexPath: B,
+      active: C
+    }), w = () => {
+      e.disabled || (o?.handleMenuItemClick({
+        ...S,
+        index: e.index,
+        indexPath: B.value,
+        route: e.route
+      }), c("click", i));
+    }, r = a(() => K(e.icon, "icon")), z = a(() => L(g, "title"));
+    return G(() => {
+      e.isAloneUse || (v?.addSubMenu(i), o?.addMenuItem(i));
+    }), H(() => {
+      e.isAloneUse || (v?.removeSubMenu(i), o?.removeMenuItem(i));
+    }), (l, u) => (n(), k(b, null, [
+      e.reverse && e.divider ? (n(), s(t(j), {
+        key: 0,
+        "margin-y": "0"
+      })) : m("", !0),
+      M("li", {
+        class: y([
+          e.className,
+          t(f).b(),
+          t(f).is("active", e.isAloneUse ? !1 : C.value),
+          t(f).is("disabled", e.disabled)
+        ]),
+        onMouseenter: u[0] || (u[0] = (D) => c("mouseenter")),
+        onMouseleave: u[1] || (u[1] = (D) => c("mouseleave")),
+        role: "menuitem",
+        tabindex: "-1",
+        onClick: w
+      }, [
+        t(U)?.type?.name === "vft-menu" && t(o)?.props.collapse && l.$slots.title ? (n(), s(t(R), {
+          key: 0,
+          placement: "right",
+          "fallback-placements": ["left"],
+          persistent: t(o).props.persistent
+        }, {
+          content: $(() => [
+            A(l.$slots, "title")
+          ]),
+          default: $(() => [
+            M("div", {
+              class: y(t(T).be("tooltip", "trigger"))
+            }, [
+              r.value?.icon ? (n(), s(t(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
+              A(l.$slots, "default")
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["persistent"])) : (n(), k(b, { key: 1 }, [
+          l.$slots?.default ? A(l.$slots, "default", { key: 0 }) : (n(), k(b, { key: 1 }, [
+            r.value?.icon ? (n(), s(t(h), I(V({ key: 0 }, r.value)), null, 16)) : m("", !0),
+            M("span", {
+              class: y(t(d).e("text")),
+              title: e.title
+            }, [
+              J(t(Q), { content: z.value }, null, 8, ["content"])
+            ], 10, X)
+          ], 64))
+        ], 64))
+      ], 34),
+      !e.reverse && e.divider ? (n(), s(t(j), {
+        key: 1,
+        "margin-y": "0"
+      })) : m("", !0)
+    ], 64));
+  }
+});
+export {
+  fe as default
+};

package/es/components/message/message.vue2.js

@@ -0,0 +1,127 @@
+import { defineComponent as N, ref as d, computed as i, onMounted as R, watch as V, createBlock as H, openBlock as c, Transition as $, unref as o, withCtx as D, withDirectives as F, createElementVNode as j, normalizeStyle as P, normalizeClass as r, createElementBlock as u, createCommentVNode as w, renderSlot as U, createVNode as k, normalizeProps as Z, guardReactiveProps as A, toDisplayString as G, withModifiers as q, vShow as J } from "vue";
+import { EVENT_CODE as K } from "@vft/constants";
+import { useEventListener as Q } from "@vft/use";
+import { isObject as W } from "@vft/utils";
+import { VftIcon as B } from "../icon/index.js";
+import { useResizeObserver as X, useTimeoutFn as Y } from "@vueuse/core";
+import "../config-provider/index.js";
+import { getLastOffset as _, getOffsetOrSpace as ee } from "./instance.js";
+import { useGlobalComponentSettings as te } from "../config-provider/hooks/use-global-config.js";
+const oe = ["id"], ne = ["innerHTML"], ge = /* @__PURE__ */ N({
+  __name: "message",
+  props: {
+    customClass: {},
+    center: { type: Boolean },
+    dangerouslyUseHTMLString: { type: Boolean },
+    duration: {},
+    icon: {},
+    id: {},
+    message: { type: [String, Object, Function] },
+    onClose: { type: Function },
+    showClose: { type: Boolean },
+    type: {},
+    offset: {},
+    zIndex: {},
+    grouping: { type: Boolean },
+    repeatNum: {}
+  },
+  emits: ["destroy"],
+  setup(e, { expose: b }) {
+    const t = e, { ns: n, zIndex: M } = te("message"), { currentZIndex: S, nextZIndex: T } = M, m = d(), l = d(!1), g = d(0);
+    let v;
+    const x = /* @__PURE__ */ new Map([
+      ["success", { icon: "icon-success-filled" }],
+      ["error", { icon: "icon-circle-close-filled" }],
+      ["warning", { icon: "icon-warning-filled" }]
+    ]), y = i(() => (t.icon ? W(t.icon) ? t.icon : { icon: t.icon } : "") || x.get(t.type) || ""), L = i(() => {
+      const s = t.type;
+      return { [n.bm("icon", s)]: s };
+    }), O = i(() => _(t.id)), p = i(
+      () => ee(t.id, t.offset) + O.value
+    ), z = i(() => g.value + p.value), E = i(() => ({
+      top: `${p.value}px`,
+      zIndex: S.value
+    }));
+    function f() {
+      t.duration !== 0 && ({ stop: v } = Y(() => {
+        a();
+      }, t.duration));
+    }
+    function C() {
+      v?.();
+    }
+    function a() {
+      l.value = !1;
+    }
+    function I({ code: s }) {
+      s === K.esc && a();
+    }
+    return R(() => {
+      f(), T(), l.value = !0;
+    }), V(
+      () => t.repeatNum,
+      () => {
+        C(), f();
+      }
+    ), Q(document, "keydown", I), X(m, () => {
+      g.value = m.value.getBoundingClientRect().height;
+    }), b({
+      visible: l,
+      bottom: z,
+      close: a
+    }), (s, h) => (c(), H($, {
+      name: o(n).b("fade"),
+      onBeforeLeave: e.onClose,
+      onAfterLeave: h[0] || (h[0] = (se) => s.$emit("destroy"))
+    }, {
+      default: D(() => [
+        F(j("div", {
+          id: e.id,
+          ref_key: "messageRef",
+          ref: m,
+          class: r([
+            o(n).b(),
+            { [o(n).m(e.type)]: e.type && !e.icon },
+            o(n).is("center", e.center),
+            o(n).is("closable", e.showClose),
+            e.customClass
+          ]),
+          style: P(E.value),
+          role: "alert",
+          onMouseenter: C,
+          onMouseleave: f
+        }, [
+          y.value?.icon ? (c(), u("div", {
+            key: 0,
+            class: r([o(n).e("icon"), L.value])
+          }, [
+            k(o(B), Z(A(y.value)), null, 16)
+          ], 2)) : w("", !0),
+          U(s.$slots, "default", {}, () => [
+            e.dangerouslyUseHTMLString ? (c(), u("p", {
+              key: 1,
+              class: r(o(n).e("content")),
+              innerHTML: e.message
+            }, null, 10, ne)) : (c(), u("p", {
+              key: 0,
+              class: r(o(n).e("content"))
+            }, G(e.message), 3))
+          ]),
+          e.showClose ? (c(), u("div", {
+            key: 1,
+            class: r(o(n).e("closeBtn")),
+            onClick: q(a, ["stop"])
+          }, [
+            k(o(B), { icon: "icon-circle-close" })
+          ], 2)) : w("", !0)
+        ], 46, oe), [
+          [J, l.value]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name", "onBeforeLeave"]));
+  }
+});
+export {
+  ge as default
+};

package/es/components/modal/modal-footer-action.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as O, computed as e, createBlock as n, openBlock as i, unref as o, normalizeProps as w, guardReactiveProps as y, withCtx as s, createCommentVNode as c, renderSlot as p, mergeProps as l, createTextVNode as f, toDisplayString as B } from "vue";
+import { VftRow as g } from "../row/index.js";
+import { VftButton as b } from "../button/index.js";
+import "../super-form/index.js";
+import "./index.js";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as h } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const q = /* @__PURE__ */ O({
+  __name: "modal-footer-action",
+  props: {
+    showSubmitButton: { type: Boolean },
+    showCancelButton: { type: Boolean },
+    submitButtonOptions: {},
+    cancelButtonOptions: {},
+    actionRowOptions: {}
+  },
+  setup(t) {
+    const a = h("form-action"), d = e(() => ({
+      justify: "end",
+      ...t.actionRowOptions
+    })), r = e(
+      () => Object.assign({ btnText: "确认" }, t.submitButtonOptions)
+    ), m = e(
+      () => Object.assign({ btnText: "取消" }, t.cancelButtonOptions)
+    );
+    return (u, v) => (i(), n(o(g), w(y(d.value)), {
+      default: s(() => [
+        t.showCancelButton ? (i(), n(o(b), l({ key: 0 }, m.value, {
+          class: o(a).e("cancel")
+        }), {
+          default: s(() => [
+            f(B(m.value.btnText), 1)
+          ]),
+          _: 1
+        }, 16, ["class"])) : c("", !0),
+        p(u.$slots, "submitBefore"),
+        t.showSubmitButton ? (i(), n(o(b), l({
+          key: 1,
+          type: "primary",
+          class: o(a).e("submit")
+        }, r.value), {
+          default: s(() => [
+            f(B(r.value.btnText), 1)
+          ]),
+          _: 1
+        }, 16, ["class"])) : c("", !0),
+        p(u.$slots, "submitAfter")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  q as default
+};

package/es/components/modal/modal.vue2.js

@@ -0,0 +1,132 @@
+import { defineComponent as O, useAttrs as M, ref as r, getCurrentInstance as F, computed as i, unref as t, watchEffect as P, watch as R, nextTick as d, createBlock as B, openBlock as b, mergeProps as S, createSlots as T, withCtx as y, renderSlot as A, createCommentVNode as x } from "vue";
+import { deepMerge as D, isFunction as G } from "@vft/utils";
+import { VftDialog as I } from "../dialog/index.js";
+import $ from "./modal-footer-action.vue2.js";
+const N = /* @__PURE__ */ O({
+  __name: "modal",
+  props: {
+    closeFunc: {},
+    showActionButtonGroup: { type: Boolean, default: !1 },
+    confirmLoading: { type: Boolean },
+    loading: { type: Boolean },
+    appendToBody: { type: Boolean, default: !1 },
+    appendTo: {},
+    beforeClose: {},
+    destroyOnClose: { type: Boolean, default: !1 },
+    closeOnClickModal: { type: Boolean, default: !0 },
+    closeOnPressEscape: { type: Boolean, default: !0 },
+    lockScroll: { type: Boolean, default: !0 },
+    modal: { type: Boolean, default: !0 },
+    openDelay: { default: 0 },
+    closeDelay: { default: 0 },
+    top: {},
+    modalPenetrable: { type: Boolean },
+    modelValue: { type: Boolean, default: !1 },
+    modalClass: {},
+    width: {},
+    zIndex: {},
+    trapFocus: { type: Boolean, default: !1 },
+    overflow: { type: Boolean },
+    transition: {},
+    center: { type: Boolean, default: !1 },
+    alignCenter: { type: Boolean, default: !1 },
+    closeIcon: {},
+    customClass: { default: "" },
+    draggable: { type: Boolean, default: !1 },
+    fullscreen: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !0 },
+    title: { default: "" },
+    headerClass: {},
+    bodyClass: {},
+    footerClass: {},
+    showSubmitButton: { type: Boolean, default: !0 },
+    showCancelButton: { type: Boolean, default: !0 },
+    submitButtonOptions: {},
+    cancelButtonOptions: {},
+    actionRowOptions: {}
+  },
+  emits: {
+    "visible-change": [],
+    close: [],
+    ok: [],
+    register: [],
+    "update:modelValue": [],
+    submit: []
+  },
+  setup(n, { emit: h }) {
+    const o = n, a = h, C = M(), c = r(null), l = r(!1), s = r(null), f = {
+      setModalProps: V,
+      emitVisible: void 0,
+      redoModalHeight: () => {
+        d(() => {
+          t(s) && t(s).setModalHeight();
+        });
+      }
+    }, u = F();
+    u && a("register", f, u.uid);
+    const g = i(() => ({
+      ...o,
+      ...t(c)
+    })), w = i(() => ({
+      ...C,
+      ...t(g),
+      modelValue: t(l)
+    }));
+    P(() => {
+      l.value = !!o.modelValue;
+    }), R(
+      () => t(l),
+      (e) => {
+        a("visible-change", e), a("update:modelValue", e), u && d(() => {
+          f.emitVisible(e, u.uid);
+        }), d(() => {
+          o.scrollTop && e && t(s) && t(s).scrollTop();
+        });
+      },
+      {
+        immediate: !1
+      }
+    );
+    async function p(e) {
+      if (e?.stopPropagation(), o.closeFunc && G(o.closeFunc)) {
+        const m = await o.closeFunc();
+        l.value = !m;
+        return;
+      }
+      l.value = !1, a("close", e);
+    }
+    function V(e) {
+      c.value = D(t(c) || {}, e), Reflect.has(e, "modelValue") && (l.value = !!e.modelValue);
+    }
+    const v = i(() => ({
+      onClick: (e) => p(e),
+      ...o.cancelButtonOptions
+    })), k = i(() => ({
+      onClick: () => a("submit"),
+      ...o.submitButtonOptions
+    }));
+    return (e, m) => (b(), B(t(I), S(w.value, { onClose: p }), T({
+      default: y(() => [
+        A(e.$slots, "default")
+      ]),
+      _: 2
+    }, [
+      e.$slots.footer || n.showActionButtonGroup ? {
+        name: "footer",
+        fn: y(() => [
+          n.showActionButtonGroup ? (b(), B($, {
+            key: 0,
+            "show-cancel-button": n.showCancelButton,
+            "show-submit-button": n.showSubmitButton,
+            "cancel-button-options": v.value,
+            "submit-button-options": k.value
+          }, null, 8, ["show-cancel-button", "show-submit-button", "cancel-button-options", "submit-button-options"])) : x("", !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040));
+  }
+});
+export {
+  N as default
+};

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -0,0 +1,143 @@
+import { defineComponent as P, getCurrentInstance as N, ref as h, computed as T, watchEffect as z, unref as n, onMounted as D, createElementBlock as y, openBlock as p, normalizeStyle as H, normalizeClass as K, createVNode as C, withCtx as R, Fragment as U, renderList as W, createBlock as F } from "vue";
+import { VftTabs as j, VftTabPane as q } from "../tabs/index.js";
+import { isClient as G } from "@vueuse/core";
+import "@vft/utils";
+import { addUnit as o } from "../../utils/helper.js";
+import { generateCssVars as S } from "../../utils/ns-cover.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as J } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+import { useRouterHelper as O, getRouterKeyPath as d, listenerRouteChange as Q } from "@vft/router";
+import { useMultipleTabStore as X, useTabs as Y } from "@vft/store";
+import { useRefs as Z } from "@vft/use";
+import ee from "hotkeys-js";
+import { onBeforeRouteLeave as te } from "vue-router";
+import ae from "./tab-content.vue2.js";
+import { initAffixTabs as ne, useTabsDrag as oe } from "./use/use-multiple-tabs.js";
+import "../context-menu/context-menu.vue2.js";
+import "../icon/index.js";
+const ie = P({
+  name: "vft-multiple-tabs"
+}), we = /* @__PURE__ */ P({
+  ...ie,
+  props: {
+    tabsStyle: {},
+    contextMenuStyle: {},
+    canDrag: { type: Boolean },
+    fixTabCount: {},
+    fixExtraScrollWidth: {}
+  },
+  setup(l) {
+    const k = J("multiple-tabs"), s = N().appContext.config.globalProperties.$router, c = ne(s), f = X(), i = h(""), r = h(0), b = h(), { go: v } = O(s), m = T(() => f.getTabList.filter((e) => !e.meta?.hideTab));
+    z(() => {
+      if (i.value) {
+        const e = m.value.findIndex((a) => d(a) === i.value);
+        e === -1 ? r.value = m.value?.length - 1 : r.value = e, r.value = r.value < c?.length ? c?.length - 1 : r.value;
+      }
+    }), G && te(() => {
+      b.value = n(s.currentRoute);
+    }), Q(({ route: e }) => {
+      if (!e || e.meta?.hasTokenToRoot)
+        return;
+      const { meta: a = {} } = e, { currentActivePath: t, hideTab: u } = a, I = u ? t : null, x = d(e);
+      if (i.value !== x && (i.value = x), I) {
+        let g = s.getRoutes().find((L) => L.path === t);
+        g && f.addTab(
+          g,
+          n(b),
+          r.value,
+          e
+        );
+      } else
+        f.addTab(n(e), n(b), r.value);
+    });
+    function _(e) {
+      if (i.value === e.paneName)
+        return;
+      const a = m.value[e.attrs.index];
+      i.value = e.paneName;
+      const t = a?.meta?.hideActiveRoute?.fullPath;
+      v(t || a.fullPath || a.path);
+    }
+    function w(e) {
+      f.closeTabByKey(e, s);
+    }
+    const { refs: M, setRefs: V } = Z();
+    function $(e) {
+      const a = e.pane.attrs.index, t = e.event;
+      M.value[a].handleContext(t);
+    }
+    const B = T(() => {
+      let e = {
+        padding: "4px 0 0",
+        "border-bottom": "none",
+        "header-height": o(26),
+        "font-size": o(13),
+        "item-padding": `0 ${o(10)}`,
+        "close-icon-left": o(8),
+        "item-distance": "1px",
+        "item-max-width": o(180),
+        "scroll-padding": `0 ${o(20)}`,
+        "header-margin": `0 0 0 ${o(10)}`,
+        "item-border-radius": `${o(5)} ${o(5)} 0 0`,
+        "item-border": "none"
+      };
+      return { ...S(e, "tabs"), ...l.tabsStyle };
+    }), { closeCurrent: A } = Y(), E = {
+      ...S(
+        {
+          "sub-item-height": o(40),
+          "item-min-width": o(150)
+        },
+        "menu"
+      ),
+      ...l.contextMenuStyle
+    };
+    return D(() => {
+      l.canDrag && oe(c), ee("command+e, ctrl+e", function() {
+        return A(), !1;
+      });
+    }), (e, a) => (p(), y("div", {
+      class: K(n(k).b()),
+      style: H(B.value)
+    }, [
+      C(n(j), {
+        "show-bar": !1,
+        "fix-tab-count": l.fixTabCount,
+        "fix-extra-scroll-width": l.fixExtraScrollWidth,
+        modelValue: i.value,
+        "onUpdate:modelValue": a[0] || (a[0] = (t) => i.value = t),
+        onTabClick: _,
+        onTabRemove: w,
+        onTabContextMenu: $
+      }, {
+        default: R(() => [
+          (p(!0), y(U, null, W(m.value, (t, u) => (p(), F(n(q), {
+            key: n(d)(t) + u,
+            closable: !t.meta?.affix,
+            index: u,
+            name: n(d)(t)
+          }, {
+            label: R(() => [
+              C(ae, {
+                "context-menu-style": E,
+                "affix-num": n(c)?.length,
+                ref_for: !0,
+                ref: n(V)(u),
+                "tab-item": t
+              }, null, 8, ["affix-num", "tab-item"])
+            ]),
+            _: 2
+          }, 1032, ["closable", "index", "name"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["fix-tab-count", "fix-extra-scroll-width", "modelValue"])
+    ], 6));
+  }
+});
+export {
+  we as default
+};

package/es/components/page-wrapper/page-wrapper.vue2.js

@@ -0,0 +1,41 @@
+import { defineComponent as p, createElementBlock as n, openBlock as l, normalizeClass as r, unref as e, createElementVNode as o, toDisplayString as m, renderSlot as c } from "vue";
+import { useRouterHelper as d } from "@vft/router";
+import "@vueuse/core";
+import "@vft/utils";
+import "../config-provider/hooks/use-global-config.js";
+import "lodash-es";
+import "../form/index.js";
+import { useNamespace as f } from "../../hooks/use-namespace/index.js";
+import "../../hooks/use-model-toggle/index.js";
+import "@popperjs/core";
+import "../../hooks/use-z-index/index.js";
+const u = p({
+  name: "vft-page-wrapper"
+}), x = /* @__PURE__ */ p({
+  ...u,
+  props: {
+    title: {}
+  },
+  setup(s) {
+    const t = f("page-wrapper"), { getTitle: a } = d();
+    return (i, _) => (l(), n("div", {
+      class: r(e(t).b())
+    }, [
+      o("div", {
+        class: r(e(t).e("header"))
+      }, [
+        o("span", {
+          class: r(e(t).e("title"))
+        }, m(s.title || e(a)), 3)
+      ], 2),
+      o("div", {
+        class: r(e(t).e("content"))
+      }, [
+        c(i.$slots, "default")
+      ], 2)
+    ], 2));
+  }
+});
+export {
+  x as default
+};