vft 0.0.428 → 0.0.430

package/es/packages/components/dropdown/dropdown-item.vue2.js

@@ -1,87 +0,0 @@
-import { defineComponent as u, useAttrs as E, getCurrentInstance as g, ref as x, computed as m, unref as t, inject as D, createBlock as V, openBlock as y, withCtx as a, createVNode as s, mergeProps as A, renderSlot as B } from "vue";
-import "../roving-focus-group/roving-focus-group.vue2.js";
-import "../roving-focus-group/roving-focus-group-impl.vue2.js";
-import N from "../roving-focus-group/roving-focus-item.vue2.js";
-import "../roving-focus-group/types.js";
-import "@vueuse/core";
-import "@vft/utils";
-import { composeEventHandlers as l, whenMouse as c } from "../../utils/event.js";
-import "../config-provider/hooks/use-global-config.js";
-import "lodash-es";
-import "../form/index.js";
-import O from "./dropdown-item-impl.vue2.js";
-import { DROPDOWN_INJECTION_KEY as $ } from "./tokens.js";
-import { VftCollectionItem as H } from "./types.js";
-import { useDropdown as L } from "./useDropdown.js";
-const M = u({
-  name: "VftDropdownItem",
-  inheritAttrs: !1
-}), Z = /* @__PURE__ */ u({
-  ...M,
-  props: {
-    command: { default: () => ({}) },
-    disabled: { type: Boolean, default: !1 },
-    divided: { type: Boolean, default: !1 },
-    textValue: { default: "" },
-    icon: { default: "" }
-  },
-  emits: ["pointermove", "pointerleave", "click"],
-  setup(f, { emit: p }) {
-    const o = f, r = p, v = E(), { elDropdown: i } = L(), _ = g(), P = x(null), C = m(() => t(P)?.textContent ?? ""), { onItemEnter: b, onItemLeave: d } = D($, void 0), k = l(
-      (e) => (r("pointermove", e), e.defaultPrevented),
-      c((e) => {
-        if (o.disabled) {
-          d(e);
-          return;
-        }
-        const n = e.currentTarget;
-        n === document.activeElement || n.contains(document.activeElement) || (b(e), e.defaultPrevented || n?.focus());
-      })
-    ), h = l(
-      (e) => (r("pointerleave", e), e.defaultPrevented),
-      c((e) => {
-        d(e);
-      })
-    ), I = l(
-      (e) => {
-        if (!o.disabled)
-          return r("click", e), e.type !== "keydown" && e.defaultPrevented;
-      },
-      (e) => {
-        if (o.disabled) {
-          e.stopImmediatePropagation();
-          return;
-        }
-        i?.hideOnClick?.value && i.handleClick?.(), i.commandHandler?.(o.command, _, e);
-      }
-    ), w = m(() => ({ ...o, ...v }));
-    return (e, n) => (y(), V(t(H), {
-      disabled: e.disabled,
-      "text-value": e.textValue ?? C.value
-    }, {
-      default: a(() => [
-        s(t(N), {
-          focusable: !e.disabled
-        }, {
-          default: a(() => [
-            s(O, A(w.value, {
-              onPointerleave: t(h),
-              onPointermove: t(k),
-              onClickimpl: t(I)
-            }), {
-              default: a(() => [
-                B(e.$slots, "default")
-              ]),
-              _: 3
-            }, 16, ["onPointerleave", "onPointermove", "onClickimpl"])
-          ]),
-          _: 3
-        }, 8, ["focusable"])
-      ]),
-      _: 3
-    }, 8, ["disabled", "text-value"]));
-  }
-});
-export {
-  Z as default
-};

package/es/packages/components/dropdown/dropdown.vue2.js

@@ -1,269 +0,0 @@
-import { defineComponent as S, getCurrentInstance as Z, ref as i, computed as g, watch as _, toRef as b, onBeforeUnmount as x, provide as B, createElementBlock as ee, openBlock as T, normalizeClass as $, unref as t, createVNode as r, createBlock as te, createCommentVNode as oe, createSlots as re, withCtx as o, renderSlot as h, mergeProps as I } from "vue";
-import { VftButtonGroup as ne, VftButton as O } from "../button/index.js";
-import "../form/index.js";
-import { VftIcon as le } from "../icon/index.js";
-import ie from "../roving-focus-group/roving-focus-group.vue2.js";
-import "../roving-focus-group/roving-focus-group-impl.vue2.js";
-import "../roving-focus-group/roving-focus-item.vue2.js";
-import "../roving-focus-group/types.js";
-import { EVENT_CODE as y } from "../../constants/aria.js";
-import { VftScrollbar as ae } from "../scrollbar/index.js";
-import { OnlyChild as se } from "../slot/only-child.js";
-import { VftTooltip as pe } from "../tooltip/index.js";
-import "@vueuse/core";
-import { isArray as de } from "@vft/utils";
-import { addUnit as fe } from "../../utils/helper.js";
-import "lodash-es";
-import { useId as ue } from "../../hooks/use-id/index.js";
-import { useNamespace as me } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import { DROPDOWN_INJECTION_KEY as ce } from "./tokens.js";
-import { VftCollection as ve } from "./types.js";
-import { useFormSize as ge } from "../form/hooks/use-form-common-props.js";
-const be = S({
-  name: "vft-dropdown"
-}), Ge = /* @__PURE__ */ S({
-  ...be,
-  props: {
-    trigger: { default: "hover" },
-    effect: { default: "light" },
-    type: {},
-    placement: { default: "bottom" },
-    popperOptions: {},
-    id: {},
-    size: {},
-    splitButton: { type: Boolean },
-    hideOnClick: { type: Boolean, default: !0 },
-    loop: { type: Boolean, default: !0 },
-    showTimeout: { default: 150 },
-    hideTimeout: { default: 150 },
-    tabindex: { default: 0 },
-    maxHeight: { default: "" },
-    popperClass: { default: "" },
-    disabled: { type: Boolean, default: !1 },
-    role: { default: "menu" },
-    buttonProps: {},
-    teleported: { type: Boolean, default: !0 }
-  },
-  emits: ["visible-change", "command", "click"],
-  setup(z, { expose: R, emit: L }) {
-    const n = me("dropdown"), a = z, p = L, V = Z(), l = i(), w = i(), u = i(null), s = i(null), N = i(null), m = i(null), C = i(!1), D = [y.enter, y.space, y.down], H = g(() => ({
-      maxHeight: fe(a.maxHeight)
-    })), P = ue().value, c = g(() => a.id || P);
-    _(
-      [l, b(a, "trigger")],
-      ([e, f], [E]) => {
-        const X = de(f) ? f : [f];
-        E?.$el?.removeEventListener && E.$el.removeEventListener(
-          "pointerenter",
-          d
-        ), e?.$el?.removeEventListener && e.$el.removeEventListener(
-          "pointerenter",
-          d
-        ), e?.$el?.addEventListener && X.includes("hover") && e.$el.addEventListener(
-          "pointerenter",
-          d
-        );
-      },
-      { immediate: !0 }
-    ), x(() => {
-      l.value?.$el?.removeEventListener && l.value.$el.removeEventListener(
-        "pointerenter",
-        d
-      );
-    });
-    function A() {
-      k();
-    }
-    function k() {
-      u.value?.onClose();
-    }
-    function F() {
-      u.value?.onOpen();
-    }
-    const v = ge();
-    function K(...e) {
-      p("command", ...e);
-    }
-    function d() {
-      l.value?.$el?.focus();
-    }
-    function U() {
-    }
-    function G() {
-      t(s)?.focus(), m.value = null;
-    }
-    function J(e) {
-      m.value = e;
-    }
-    function M(e) {
-      C.value || (e.preventDefault(), e.stopImmediatePropagation());
-    }
-    function W() {
-      p("visible-change", !0);
-    }
-    function Y(e) {
-      e?.type === "keydown" && s.value?.focus();
-    }
-    function j() {
-      p("visible-change", !1);
-    }
-    B(ce, {
-      contentRef: s,
-      role: g(() => a.role),
-      triggerId: c,
-      isUsingKeyboard: C,
-      onItemEnter: U,
-      onItemLeave: G
-    }), B("elDropdown", {
-      instance: V,
-      dropdownSize: v,
-      handleClick: A,
-      commandHandler: K,
-      trigger: b(a, "trigger"),
-      hideOnClick: b(a, "hideOnClick")
-    });
-    const q = (e) => {
-      e.preventDefault(), s.value?.focus?.({
-        preventScroll: !0
-      });
-    }, Q = (e) => {
-      p("click", e);
-    };
-    return R({
-      handleClose: k,
-      handleOpen: F,
-      // Todo
-      onFocusAfterTrapped: q
-    }), (e, f) => (T(), ee("div", {
-      class: $([t(n).b(), t(n).is("disabled", e.disabled)])
-    }, [
-      r(t(pe), {
-        ref_key: "popperRef",
-        ref: u,
-        role: e.role,
-        effect: e.effect,
-        "fallback-placements": ["bottom", "top"],
-        "popper-options": e.popperOptions,
-        "gpu-acceleration": !1,
-        "hide-after": e.trigger === "hover" ? e.hideTimeout : 0,
-        "manual-mode": !0,
-        placement: e.placement,
-        "popper-class": [t(n).e("popper"), e.popperClass],
-        "reference-element": w.value?.$el,
-        trigger: e.trigger,
-        "trigger-keys": D,
-        "trigger-target-el": s.value,
-        "show-after": e.trigger === "hover" ? e.showTimeout : 0,
-        "stop-popper-mouse-event": !1,
-        "virtual-ref": l.value,
-        "virtual-triggering": e.splitButton,
-        disabled: e.disabled,
-        transition: `${t(n).namespace.value}-zoom-in-top`,
-        teleported: e.teleported,
-        pure: "",
-        persistent: "",
-        onBeforeShow: W,
-        onShow: Y,
-        onBeforeHide: j
-      }, re({
-        content: o(() => [
-          r(t(ae), {
-            ref_key: "scrollbar",
-            ref: N,
-            "wrap-style": H.value,
-            tag: "div",
-            "view-class": [t(n).e("list"), "test"]
-          }, {
-            default: o(() => [
-              r(t(ie), {
-                loop: e.loop,
-                "current-tab-id": m.value,
-                orientation: "horizontal",
-                onCurrentTabIdChange: J,
-                onEntryFocus: M
-              }, {
-                default: o(() => [
-                  r(t(ve), null, {
-                    default: o(() => [
-                      h(e.$slots, "dropdown")
-                    ]),
-                    _: 3
-                  })
-                ]),
-                _: 3
-              }, 8, ["loop", "current-tab-id"])
-            ]),
-            _: 3
-          }, 8, ["wrap-style", "view-class"])
-        ]),
-        _: 2
-      }, [
-        e.splitButton ? void 0 : {
-          name: "default",
-          fn: o(() => [
-            r(t(se), {
-              id: c.value,
-              ref_key: "triggeringElementRef",
-              ref: l,
-              role: "button",
-              tabindex: e.tabindex
-            }, {
-              default: o(() => [
-                h(e.$slots, "default")
-              ]),
-              _: 3
-            }, 8, ["id", "tabindex"])
-          ]),
-          key: "0"
-        }
-      ]), 1032, ["role", "effect", "popper-options", "hide-after", "placement", "popper-class", "reference-element", "trigger", "trigger-target-el", "show-after", "virtual-ref", "virtual-triggering", "disabled", "transition", "teleported"]),
-      e.splitButton ? (T(), te(t(ne), { key: 0 }, {
-        default: o(() => [
-          r(t(O), I({
-            ref_key: "referenceElementRef",
-            ref: w
-          }, e.buttonProps, {
-            size: t(v),
-            type: e.type,
-            disabled: e.disabled,
-            tabindex: e.tabindex,
-            onClick: Q
-          }), {
-            default: o(() => [
-              h(e.$slots, "default")
-            ]),
-            _: 3
-          }, 16, ["size", "type", "disabled", "tabindex"]),
-          r(t(O), I({
-            id: c.value,
-            ref_key: "triggeringElementRef",
-            ref: l
-          }, e.buttonProps, {
-            role: "button",
-            size: t(v),
-            type: e.type,
-            class: t(n).e("caret-button"),
-            disabled: e.disabled,
-            tabindex: e.tabindex,
-            "aria-label": "切换下拉菜单"
-          }), {
-            default: o(() => [
-              r(t(le), {
-                class: $(t(n).e("icon")),
-                icon: "icon-arrow-down"
-              }, null, 8, ["class"])
-            ]),
-            _: 1
-          }, 16, ["id", "size", "type", "class", "disabled", "tabindex"])
-        ]),
-        _: 3
-      })) : oe("", !0)
-    ], 2));
-  }
-});
-export {
-  Ge as default
-};

package/es/packages/components/focus-trap/focus-trap.vue.js

@@ -1,10 +0,0 @@
-import r from "./focus-trap.vue2.js";
-import { renderSlot as e } from "vue";
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-function n(o, s, f, p, a, d) {
-  return e(o.$slots, "default", { handleKeydown: o.onKeydown });
-}
-const u = /* @__PURE__ */ t(r, [["render", n]]);
-export {
-  u as default
-};

package/es/packages/components/form/form-item.vue2.js

@@ -1,237 +0,0 @@
-import { defineComponent as Y, useSlots as ye, inject as D, ref as b, computed as a, watch as E, reactive as Se, toRefs as ke, provide as qe, onMounted as Ie, onBeforeUnmount as Ve, createElementBlock as _e, openBlock as F, unref as f, normalizeClass as g, createBlock as T, createCommentVNode as R, createElementVNode as G, withCtx as B, resolveDynamicComponent as we, normalizeStyle as K, renderSlot as M, createTextVNode as Ce, toDisplayString as U, createVNode as Fe, TransitionGroup as Re, nextTick as Be } from "vue";
-import { refDebounced as Me } from "@vueuse/core";
-import { isBoolean as We, getProp as W, isFunction as ze } from "@vft/utils";
-import { addUnit as O, castArray as H } from "../../utils/helper.js";
-import { isArray as J, clone as Q } from "lodash-es";
-import "./index.js";
-import { useId as $e } from "../../hooks/use-id/index.js";
-import { useNamespace as xe } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-import Pe from "async-validator";
-import { formContextKey as Ae, formItemContextKey as X } from "./constants.js";
-import Ne from "./form-label-wrap.js";
-import { useFormSize as Le } from "./hooks/use-form-common-props.js";
-const je = ["role", "aria-labelledby"], De = Y({
-  name: "vft-form-item"
-}), ot = /* @__PURE__ */ Y({
-  ...De,
-  props: {
-    label: {},
-    labelWidth: { default: "" },
-    labelPosition: {},
-    prop: {},
-    required: { type: Boolean, default: void 0 },
-    rules: {},
-    error: {},
-    for: {},
-    validateStatus: {},
-    inlineMessage: { type: [String, Boolean], default: "" },
-    showMessage: { type: Boolean, default: !0 },
-    size: {},
-    hideRequiredAsterisk: { type: Boolean },
-    hideLabel: { type: Boolean, default: !1 }
-  },
-  emits: ["update:error"],
-  setup(Z, { expose: ee, emit: te }) {
-    const t = Z, re = te, z = ye(), o = D(Ae, void 0), oe = D(X, void 0), y = Le(void 0, { formItem: !1 }), s = xe("form-item"), S = $e().value, d = b([]), c = b(""), le = Me(c, 100), n = b(""), $ = b();
-    let x, v = !1;
-    const h = a(
-      () => t.labelPosition || o?.labelPosition
-    ), P = a(() => {
-      if (h.value === "top")
-        return {};
-      const e = O(t.labelWidth || o?.labelWidth || "");
-      return e ? { width: e } : {};
-    }), ae = a(() => {
-      if (h.value === "top" || o?.inline)
-        return {};
-      if (!t.label && !t.labelWidth && ue)
-        return {};
-      const e = O(t.labelWidth || o?.labelWidth || "");
-      return !t.label && !z.label ? { marginLeft: e } : {};
-    }), se = a(() => [
-      s.b(),
-      s.m(y.value),
-      s.is("error", c.value === "error"),
-      s.is("validating", c.value === "validating"),
-      s.is("success", c.value === "success"),
-      s.is("required", fe.value || t.required),
-      s.is(
-        "no-asterisk",
-        t?.hideRequiredAsterisk || o?.hideRequiredAsterisk
-      ),
-      o?.requireAsteriskPosition === "right" ? "asterisk-right" : "asterisk-left",
-      {
-        [s.m("feedback")]: o?.statusIcon,
-        [s.m(`label-${h.value}`)]: h.value
-      }
-    ]), ie = a(
-      () => We(t.inlineMessage) ? t.inlineMessage : o?.inlineMessage || !1
-    ), ne = a(() => [
-      s.e("error"),
-      { [s.em("error", "inline")]: ie.value }
-    ]), A = a(() => t.prop ? J(t.prop) ? t.prop.join(".") : t.prop : ""), k = a(() => !!(t.label || z.label)), q = a(() => t.for ?? (d.value.length === 1 ? d.value[0] : void 0)), I = a(() => !q.value && k.value), ue = !!oe, V = a(() => {
-      const e = o?.model;
-      if (!(!e || !t.prop))
-        return W(e, t.prop).value;
-    }), _ = a(() => {
-      const { required: e } = t, r = [];
-      t.rules && r.push(
-        ...H(t.rules).map((l) => (l.trigger = l.trigger || "blur", l))
-      );
-      const i = o?.rules;
-      if (i && t.prop) {
-        const l = W(
-          i,
-          t.prop
-        ).value;
-        l && r.push(...H(l));
-      }
-      if (e !== void 0) {
-        const l = r.map((u, m) => [u, m]).filter(([u]) => Object.keys(u).includes("required"));
-        if (l.length > 0)
-          for (const [u, m] of l)
-            u.required !== e && (r[m] = { ...u, required: e });
-        else
-          r.push({ required: e });
-      }
-      return r;
-    }), de = a(() => _.value.length > 0), ce = (e) => _.value.filter((i) => !i.trigger || !e ? !0 : J(i.trigger) ? i.trigger.includes(e) : i.trigger === e).map(({ trigger: i, ...l }) => l), fe = a(
-      () => _.value.some((e) => e.required)
-    ), pe = a(
-      () => le.value === "error" && t.showMessage && (o?.showMessage ?? !0)
-    ), N = a(
-      () => `${t.label || ""}${o?.labelSuffix || ""}`
-    ), p = (e) => {
-      c.value = e;
-    }, me = (e) => {
-      const { errors: r, fields: i } = e;
-      (!r || !i) && console.error(e), p("error"), n.value = r ? r?.[0]?.message ?? `${t.prop} is required` : "", o?.emit("validate", t.prop, !1, n.value);
-    }, ve = () => {
-      p("success"), o?.emit("validate", t.prop, !0, "");
-    }, he = async (e) => {
-      const r = A.value;
-      return new Pe({
-        [r]: e
-      }).validate({ [r]: V.value }, { firstFields: !0 }).then(() => (ve(), !0)).catch((l) => (me(l), Promise.reject(l)));
-    }, L = async (e, r) => {
-      if (v || !t.prop)
-        return !1;
-      const i = ze(r);
-      if (!de.value)
-        return r?.(!1), !1;
-      const l = ce(e);
-      return l.length === 0 ? (r?.(!0), !0) : (p("validating"), he(l).then(() => (r?.(!0), !0)).catch((u) => {
-        const { fields: m } = u;
-        return r?.(!1, m), i ? !1 : Promise.reject(m);
-      }));
-    }, w = () => {
-      t.error && re("update:error", ""), p(""), n.value = "", v = !1;
-    }, j = async () => {
-      const e = o?.model;
-      if (!e || !t.prop) return;
-      const r = W(e, t.prop);
-      v = !0, r.value = Q(x), await Be(), w(), v = !1;
-    }, be = (e) => {
-      d.value.includes(e) || d.value.push(e);
-    }, ge = (e) => {
-      d.value = d.value.filter((r) => r !== e);
-    };
-    E(
-      () => t.error,
-      (e) => {
-        n.value = e || "", p(e ? "error" : "");
-      },
-      { immediate: !0 }
-    ), E(
-      () => t.validateStatus,
-      (e) => p(e || "")
-    );
-    const C = Se({
-      ...ke(t),
-      $el: $,
-      size: y,
-      validateMessage: n,
-      validateState: c,
-      labelId: S,
-      inputIds: d,
-      isGroup: I,
-      hasLabel: k,
-      fieldValue: V,
-      addInputId: be,
-      removeInputId: ge,
-      resetField: j,
-      clearValidate: w,
-      validate: L,
-      propString: A
-    });
-    return qe(X, C), Ie(() => {
-      t.prop && (o?.addField(C), x = Q(V.value));
-    }), Ve(() => {
-      o?.removeField(C);
-    }), ee({
-      size: y,
-      validateMessage: n,
-      validateState: c,
-      validate: L,
-      clearValidate: w,
-      resetField: j
-    }), (e, r) => (F(), _e("div", {
-      ref_key: "formItemRef",
-      ref: $,
-      class: g(se.value),
-      role: I.value ? "group" : void 0,
-      "aria-labelledby": I.value ? f(S) : void 0
-    }, [
-      e.hideLabel ? R("", !0) : (F(), T(f(Ne), {
-        key: 0,
-        "is-auto-width": P.value.width === "auto",
-        "update-all": f(o)?.labelWidth === "auto"
-      }, {
-        default: B(() => [
-          k.value ? (F(), T(we(q.value ? "label" : "div"), {
-            key: 0,
-            id: f(S),
-            for: q.value,
-            class: g(f(s).e("label")),
-            style: K(P.value)
-          }, {
-            default: B(() => [
-              M(e.$slots, "label", { label: N.value }, () => [
-                Ce(U(N.value), 1)
-              ])
-            ]),
-            _: 3
-          }, 8, ["id", "for", "class", "style"])) : R("", !0)
-        ]),
-        _: 3
-      }, 8, ["is-auto-width", "update-all"])),
-      G("div", {
-        class: g(f(s).e("content")),
-        style: K(ae.value)
-      }, [
-        M(e.$slots, "default"),
-        Fe(Re, {
-          name: `${f(s).namespace.value}-zoom-in-top`
-        }, {
-          default: B(() => [
-            pe.value ? M(e.$slots, "error", {
-              key: 0,
-              error: n.value
-            }, () => [
-              G("div", {
-                class: g(ne.value)
-              }, U(n.value), 3)
-            ]) : R("", !0)
-          ]),
-          _: 3
-        }, 8, ["name"])
-      ], 6)
-    ], 10, je));
-  }
-});
-export {
-  ot as default
-};

package/es/packages/components/header-layout/header-layout.vue2.js

@@ -1,69 +0,0 @@
-import { defineComponent as p, createBlock as a, openBlock as e, unref as t, normalizeClass as n, withCtx as r, createVNode as i, createCommentVNode as l, createElementVNode as c, createElementBlock as f, renderSlot as m, normalizeProps as d, mergeProps as u } from "vue";
-import { VftHeader as g, VftContainer as h, VftMain as _, VftFooter as C } from "../container/index.js";
-import { VftLogo as V } from "../logo/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 k } from "../../hooks/use-namespace/index.js";
-import "../../hooks/use-model-toggle/index.js";
-import "@popperjs/core";
-import "../../hooks/use-z-index/index.js";
-const $ = { class: "content" }, y = {
-  key: 0,
-  class: "left"
-}, b = {
-  key: 1,
-  class: "right"
-}, v = p({
-  name: "vft-header-layout"
-}), D = /* @__PURE__ */ p({
-  ...v,
-  props: {
-    logoCfg: {}
-  },
-  setup(N) {
-    const s = k("header-layout");
-    return (o, B) => (e(), a(t(g), {
-      class: n(t(s).b())
-    }, {
-      default: r(() => [
-        i(t(h), null, {
-          default: r(() => [
-            i(t(_), {
-              class: n([t(s).e("top-container"), t(s).is("no-bottom", !o.$slots.bottom)])
-            }, {
-              default: r(() => [
-                c("div", $, [
-                  o.logoCfg || o.$slots.left ? (e(), f("div", y, [
-                    o.logoCfg ? (e(), a(t(V), d(u({ key: 0 }, o.logoCfg)), null, 16)) : l("", !0),
-                    m(o.$slots, "left")
-                  ])) : l("", !0),
-                  o.$slots.right ? (e(), f("div", b, [
-                    m(o.$slots, "right")
-                  ])) : l("", !0)
-                ])
-              ]),
-              _: 3
-            }, 8, ["class"]),
-            o.$slots.bottom ? (e(), a(t(C), {
-              key: 0,
-              class: n(t(s).e("footer"))
-            }, {
-              default: r(() => [
-                m(o.$slots, "bottom")
-              ]),
-              _: 3
-            }, 8, ["class"])) : l("", !0)
-          ]),
-          _: 3
-        })
-      ]),
-      _: 3
-    }, 8, ["class"]));
-  }
-});
-export {
-  D as default
-};