x-next 1.4.0 → 1.6.0

package/dist/es/components/color-picker/panel.js

@@ -0,0 +1,307 @@
+import { defineComponent as K, createVNode as o, Fragment as J, ref as z, watch as j, computed as b } from "vue";
+import { getClassNameMixin as Q } from "../../_utils/config.js";
+import { rgbToHsl as W, hslToRgb as X } from "../../_utils/palette.js";
+import { formatColor as E, rgbToHsv as _, hsvToRgb as Y, toRgbaString as Z, toAlphaSliderColor as ee, parseColorAlpha as G, formatAlphaPercent as ae } from "../../_utils/color.js";
+import le from "../form-input/Input.js";
+import ne from "../form-input-number/InputNumber.js";
+import te from "../button/Button.js";
+import oe from "../../icons/default/check.js";
+import se from "./sv-panel.js";
+import re from "./gradient-slider.js";
+const he = "linear-gradient(to right, red, yellow, lime, cyan, blue, magenta, red)", Ce = /* @__PURE__ */ K({
+  name: "ColorPickerPanel",
+  props: {
+    value: {
+      type: Object,
+      required: !0
+    },
+    modes: {
+      type: Array,
+      default: () => ["hex", "rgb", "hsl"]
+    },
+    showAlpha: {
+      type: Boolean,
+      default: !0
+    },
+    swatches: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    showConfirm: {
+      type: Boolean,
+      default: !0
+    },
+    showClear: {
+      type: Boolean,
+      default: !0
+    },
+    /** 已本地化的文案，由外层 ColorPicker 注入，避免面板层再做一次 locale 注入 */
+    texts: {
+      type: Object,
+      default: () => ({
+        clear: "",
+        confirm: "",
+        hue: "",
+        alpha: "",
+        saturation: ""
+      })
+    }
+  },
+  emits: {
+    change: (a, h) => !0,
+    confirm: (a) => !0,
+    clear: () => !0,
+    close: () => !0
+  },
+  setup(a, {
+    emit: h
+  }) {
+    const y = Q("color-picker"), d = z(a.modes[0] ?? "hex"), u = z(_(a.value)), c = z(a.value.a);
+    j(() => a.value, (e) => {
+      const l = _(e);
+      (Math.abs(l.h - u.value.h) > 0.5 || Math.abs(l.s - u.value.s) > 0.5 || Math.abs(l.v - u.value.v) > 0.5) && (u.value = l), Math.abs(e.a - c.value) > 1e-3 && (c.value = e.a);
+    }), j(() => a.modes, (e) => {
+      e.length && !e.includes(d.value) && (d.value = e[0]);
+    });
+    const n = b(() => {
+      const [e, l, s] = Y(u.value);
+      return {
+        r: e,
+        g: l,
+        b: s,
+        a: a.showAlpha ? c.value : 1
+      };
+    }), m = (e, l) => h("change", e, l), H = (e) => {
+      u.value = e, m(n.value);
+    }, S = (e) => {
+      u.value = {
+        ...u.value,
+        h: e / 100 * 360
+      }, m(n.value);
+    }, B = (e) => {
+      c.value = e / 100, m(n.value);
+    }, I = b(() => `linear-gradient(to right, ${Z({
+      ...n.value,
+      a: 0
+    })}, ${ee(n.value)})`), k = b(() => E(n.value, "hex", a.showAlpha)), p = (e, l) => {
+      u.value = _(e), c.value = e.a, m({
+        ...e,
+        a: a.showAlpha ? e.a : 1
+      }, l);
+    }, P = (e) => {
+      const l = G(e);
+      l && p(l);
+    }, V = b(() => [Math.round(n.value.r), Math.round(n.value.g), Math.round(n.value.b)]), w = b(() => {
+      const {
+        h: e,
+        s: l,
+        l: s
+      } = W([Math.round(n.value.r), Math.round(n.value.g), Math.round(n.value.b)]);
+      return [Math.round(e), Math.round(l), Math.round(s)];
+    }), N = (e, l, s) => {
+      if (s === void 0) return;
+      if (e === "rgb") {
+        const i = {
+          ...n.value
+        };
+        l === 0 ? i.r = s : l === 1 ? i.g = s : i.b = s, p(i);
+        return;
+      }
+      const [T, U, A] = w.value, v = {
+        h: T,
+        s: U,
+        l: A
+      };
+      l === 0 ? v.h = s : l === 1 ? v.s = s : v.l = s;
+      const [f, r, M] = X(v);
+      p({
+        r: f,
+        g: r,
+        b: M,
+        a: n.value.a
+      });
+    }, R = b(() => E(n.value, "hex", a.showAlpha));
+    return {
+      className: y,
+      activeMode: d,
+      hsv: u,
+      alpha: c,
+      rgba: n,
+      hexValue: k,
+      rgbChannels: V,
+      hslChannels: w,
+      activeSwatch: R,
+      alphaBackground: I,
+      handleHsvChange: H,
+      handleHueChange: S,
+      handleAlphaChange: B,
+      handleHexInput: P,
+      handleChannelChange: N,
+      handleSwatchClick: (e, l) => {
+        const s = G(e);
+        s && p(s, l);
+      },
+      confirm: () => h("confirm", n.value),
+      clear: () => h("clear"),
+      close: () => h("close"),
+      formatAlphaPercent: ae,
+      HUE_GRADIENT: he,
+      Input: le,
+      InputNumber: ne,
+      Button: te,
+      IconCheck: oe,
+      SvPanel: se,
+      GradientSlider: re,
+      parseColorAlpha: G
+    };
+  },
+  render() {
+    const {
+      className: a,
+      activeMode: h,
+      hsv: y,
+      alpha: d,
+      rgba: u,
+      hexValue: c,
+      rgbChannels: n,
+      hslChannels: m,
+      activeSwatch: H,
+      alphaBackground: S,
+      handleHsvChange: B,
+      handleHueChange: I,
+      handleAlphaChange: k,
+      handleHexInput: p,
+      handleChannelChange: P,
+      handleSwatchClick: V,
+      confirm: w,
+      clear: N,
+      formatAlphaPercent: R,
+      HUE_GRADIENT: L,
+      Input: e,
+      InputNumber: l,
+      Button: s,
+      IconCheck: T,
+      SvPanel: U,
+      GradientSlider: A,
+      parseColorAlpha: v,
+      showAlpha: f,
+      disabled: r,
+      swatches: M,
+      showConfirm: i,
+      showClear: $,
+      modes: D,
+      texts: g
+    } = this, O = h === "rgb" ? n : m, q = h === "rgb" ? 255 : void 0;
+    return o("div", {
+      class: [a.element("panel"), {
+        [a.is("disabled")]: r
+      }],
+      onKeydown: (t) => {
+        t.key === "Escape" && (t.stopPropagation(), this.close());
+      }
+    }, [o("div", {
+      class: a.element("panel-body")
+    }, [o(U, {
+      value: y,
+      disabled: r,
+      onChange: B,
+      ariaLabel: g.saturation
+    }, null), o("div", {
+      class: a.element("sliders")
+    }, [o(A, {
+      value: y.h / 360 * 100,
+      background: L,
+      disabled: r,
+      ariaLabel: g.hue,
+      onChange: I
+    }, null), f && o(A, {
+      value: d * 100,
+      background: S,
+      disabled: r,
+      ariaLabel: g.alpha,
+      onChange: k
+    }, null)]), o("div", {
+      class: a.element("modes")
+    }, [D.map((t) => o("button", {
+      key: t,
+      type: "button",
+      class: [a.element("mode"), {
+        [a.is("active")]: h === t
+      }],
+      disabled: r,
+      onClick: () => {
+        this.activeMode = t;
+      }
+    }, [t.toUpperCase()]))]), o("div", {
+      class: a.element("inputs")
+    }, [h === "hex" ? o(e, {
+      size: "small",
+      disabled: r,
+      modelValue: c,
+      maxLength: 9,
+      "onUpdate:modelValue": (t) => p(t)
+    }, null) : o(J, null, [O.map((t, C) => o(l, {
+      key: `${h}-${C}`,
+      class: a.element("channel"),
+      size: "small",
+      hideButton: !0,
+      min: 0,
+      max: q,
+      precision: 0,
+      disabled: r,
+      modelValue: t,
+      "onUpdate:modelValue": (x) => P(h, C, x)
+    }, null)), f && o(l, {
+      class: a.element("channel"),
+      size: "small",
+      hideButton: !0,
+      min: 0,
+      max: 100,
+      precision: 0,
+      disabled: r,
+      modelValue: R(d),
+      "onUpdate:modelValue": (t) => {
+        t !== void 0 && k(t);
+      }
+    }, null)])]), M.length > 0 && o("div", {
+      class: a.element("swatches")
+    }, [M.map((t) => {
+      const C = v(t), x = C ? E(C, "hex", f) === H : !1;
+      return o("button", {
+        key: t,
+        type: "button",
+        class: [a.element("swatch"), {
+          [a.is("active")]: x
+        }],
+        style: {
+          backgroundColor: t
+        },
+        disabled: r,
+        onClick: (F) => V(t, F)
+      }, [x && o(T, null, null)]);
+    })])]), (i || $) && o("div", {
+      class: a.element("panel-footer")
+    }, [$ && o(s, {
+      size: "small",
+      type: "text",
+      disabled: r,
+      onClick: N
+    }, {
+      default: () => [g.clear]
+    }), i && o(s, {
+      size: "small",
+      type: "primary",
+      disabled: r,
+      onClick: w
+    }, {
+      default: () => [g.confirm]
+    })])]);
+  }
+});
+export {
+  Ce as default
+};

package/dist/es/components/color-picker/sv-panel.js

@@ -0,0 +1,99 @@
+import { defineComponent as $, ref as g, computed as d, watch as L, createVNode as s } from "vue";
+import { getClassNameMixin as k } from "../../_utils/config.js";
+import { hsvToRgb as C } from "../../_utils/color.js";
+const E = /* @__PURE__ */ $({
+  name: "ColorPickerSvPanel",
+  props: {
+    /** h 0-360，s/v 0-100 */
+    value: {
+      type: Object,
+      required: !0
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** 无障碍名称，由外层传入已本地化的文案 */
+    ariaLabel: {
+      type: String
+    }
+  },
+  emits: {
+    change: (e) => !0
+  },
+  setup(e, {
+    emit: v
+  }) {
+    const l = k("color-picker"), m = g(), i = g(!1), b = d(() => {
+      const [t, a, o] = C({
+        h: e.value.h,
+        s: 100,
+        v: 100
+      });
+      return `rgb(${t}, ${a}, ${o})`;
+    }), w = d(() => ({
+      backgroundColor: b.value
+    })), M = d(() => ({
+      left: `${e.value.s}%`,
+      top: `${100 - e.value.v}%`
+    })), h = (t, a) => {
+      const o = m.value;
+      if (!o || e.disabled) return;
+      const n = o.getBoundingClientRect();
+      if (!n.width || !n.height) return;
+      const u = Math.min(Math.max(t - n.left, 0), n.width), c = Math.min(Math.max(a - n.top, 0), n.height);
+      v("change", {
+        h: e.value.h,
+        s: u / n.width * 100,
+        v: (1 - c / n.height) * 100
+      });
+    }, f = (t) => {
+      h(t.clientX, t.clientY);
+    }, r = () => {
+      i.value = !1, document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", r);
+    }, y = (t) => {
+      e.disabled || (t.preventDefault(), i.value = !0, h(t.clientX, t.clientY), document.addEventListener("mousemove", f), document.addEventListener("mouseup", r));
+    }, x = (t) => {
+      if (e.disabled) return;
+      const a = t.shiftKey ? 10 : 1, n = {
+        ArrowLeft: [-a, 0],
+        ArrowRight: [a, 0],
+        ArrowUp: [0, a],
+        ArrowDown: [0, -a]
+      }[t.key];
+      if (!n) return;
+      t.preventDefault();
+      const u = Math.min(Math.max(e.value.s + n[0], 0), 100), c = Math.min(Math.max(e.value.v + n[1], 0), 100);
+      v("change", {
+        h: e.value.h,
+        s: u,
+        v: c
+      });
+    };
+    return L(() => e.disabled, (t) => {
+      t && r();
+    }), () => s("div", {
+      ref: m,
+      class: [l.element("sv"), {
+        [l.is("dragging")]: i.value
+      }],
+      style: w.value,
+      role: "slider",
+      "aria-label": e.ariaLabel,
+      "aria-valuetext": `${Math.round(e.value.s)}%, ${Math.round(e.value.v)}%`,
+      tabindex: e.disabled ? -1 : 0,
+      onMousedown: y,
+      onKeydown: x
+    }, [s("div", {
+      class: l.element("sv-white")
+    }, null), s("div", {
+      class: l.element("sv-black")
+    }, null), s("div", {
+      class: l.element("sv-handler"),
+      style: M.value
+    }, null)]);
+  }
+});
+export {
+  E as default
+};

package/dist/es/components/dropdown/Dropdown.vue2.js

@@ -6,8 +6,8 @@ import { dropdownInjectionKey as O } from "./context.js";
 import { getClassNameMixin as P } from "../../_utils/config.js";
 import T from "../../_container/render-function.js";
 import { useFirstElement as k } from "../../_hooks/use-first-element.js";
-import { mergeFirstChild as K } from "../../_utils/vue-eco.js";
-import { useDropdownKeyboard as x } from "./use-keyboard.js";
+import { mergeFirstChild as x } from "../../_utils/vue-eco.js";
+import { useDropdownKeyboard as K } from "./use-keyboard.js";
 const q = v({
   name: "Dropdown",
   components: {
@@ -153,14 +153,21 @@ const q = v({
       defaultPopupVisible: d,
       popupVisible: s,
       emit: t
-    }), { children: l, firstElement: m } = k(), r = x(
+    }), { children: l, firstElement: m } = k(), r = K(
       a,
       p,
       m
     ), g = (o) => {
       var i;
-      return l.value = ((i = n.default) == null ? void 0 : i.call(n)) ?? [], K(l.value, {
+      return l.value = ((i = n.default) == null ? void 0 : i.call(n)) ?? [], x(l.value, {
         ...o,
+        /*
+         * 根触发器补菜单语义。子菜单的触发器已在 DropdownSubmenu 上声明
+         * aria-haspopup/aria-expanded，根触发器此前没有，读屏无法得知
+         * 这是一个会展开菜单的按钮，也不知道展开状态。
+         */
+        "aria-haspopup": "menu",
+        "aria-expanded": a.value ? "true" : "false",
         onKeydown: (u) => {
           u.key !== "ArrowRight" && r.handleTriggerKeydown(u);
         },

package/dist/es/components/dropdown/DropdownButton.vue.js

@@ -1,13 +1,13 @@
 import d from "./DropdownButton.vue2.js";
-import { resolveComponent as n, openBlock as u, createBlock as c, normalizeClass as i, withCtx as o, createVNode as p, mergeProps as m, renderSlot as s } from "vue";
+import { resolveComponent as n, openBlock as u, createBlock as c, normalizeClass as t, withCtx as o, createVNode as p, mergeProps as m, renderSlot as s } from "vue";
 import b from "../../_virtual/_plugin-vue_export-helper.js";
 function f(e, g, h, C, z, B) {
-  const t = n("Button"), l = n("IconMore"), r = n("Dropdown"), a = n("ButtonGroup");
+  const i = n("Button"), l = n("IconMore"), r = n("Dropdown"), a = n("ButtonGroup");
   return u(), c(a, {
-    class: i(e.className.element("button"))
+    class: t(e.className.element("button"))
   }, {
     default: o(() => [
-      p(t, m({
+      p(i, m({
         size: e.size,
         type: e.type,
         disabled: e.disabled
@@ -30,11 +30,12 @@ function f(e, g, h, C, z, B) {
           s(e.$slots, "content")
         ]),
         default: o(() => [
-          p(t, {
-            class: i(e.className.element("button--trigger")),
+          p(i, {
+            class: t(e.className.element("button--trigger")),
             size: e.size,
             type: e.type,
             disabled: e.disabled,
+            "aria-label": e.t("common.more"),
             narrow: ""
           }, {
             prefix: o(() => [
@@ -43,7 +44,7 @@ function f(e, g, h, C, z, B) {
               ])
             ]),
             _: 3
-          }, 8, ["class", "size", "type", "disabled"])
+          }, 8, ["class", "size", "type", "disabled", "aria-label"])
         ]),
         _: 3
       }, 8, ["popup-visible", "trigger", "position", "popup-container", "hide-on-select", "onSelect", "onPopupVisibleChange"])

package/dist/es/components/dropdown/DropdownButton.vue2.js

@@ -1,16 +1,17 @@
-import { defineComponent as a, toRefs as s } from "vue";
-import d from "../../icons/_self/more-dot.js";
-import { ButtonGroup as c, Button as f } from "../button/index.js";
-import m from "./Dropdown.vue.js";
-import { useTrigger as b } from "../../_hooks/use-trigger.js";
-import { getClassNameMixin as g } from "../../_utils/config.js";
-const P = a({
+import { defineComponent as s, toRefs as d } from "vue";
+import c from "../../icons/_self/more-dot.js";
+import { ButtonGroup as f, Button as m } from "../button/index.js";
+import b from "./Dropdown.vue.js";
+import { useTrigger as g } from "../../_hooks/use-trigger.js";
+import { useLocale as y } from "../../locale/index.js";
+import { getClassNameMixin as h } from "../../_utils/config.js";
+const M = s({
   name: "DropdownButton",
   components: {
-    IconMore: d,
-    Button: f,
-    ButtonGroup: c,
-    Dropdown: m
+    IconMore: c,
+    Button: m,
+    ButtonGroup: f,
+    Dropdown: b
   },
   props: {
     /**
@@ -129,24 +130,25 @@ const P = a({
    * @binding {boolean} popupVisible
    */
   setup(e, { emit: t }) {
-    const { defaultPopupVisible: p, popupVisible: i } = s(e), l = g("dropdown"), { computedPopupVisible: n, handlePopupVisibleChange: r } = b({
+    const { defaultPopupVisible: p, popupVisible: i } = d(e), l = h("dropdown"), { t: n } = y(), { computedPopupVisible: r, handlePopupVisibleChange: u } = g({
       defaultPopupVisible: p,
       popupVisible: i,
       emit: t
     });
     return {
       className: l,
-      computedPopupVisible: n,
+      t: n,
+      computedPopupVisible: r,
       handleClick: (o) => {
         t("click", o);
       },
-      handleSelect: (o, u) => {
-        t("select", o, u);
+      handleSelect: (o, a) => {
+        t("select", o, a);
       },
-      handlePopupVisibleChange: r
+      handlePopupVisibleChange: u
     };
   }
 });
 export {
-  P as default
+  M as default
 };

package/dist/es/components/dropdown/DropdownSubmenu.vue.js

@@ -1,24 +1,25 @@
-import u from "./DropdownSubmenu.vue2.js";
-import { resolveComponent as s, openBlock as f, createBlock as c, withCtx as e, createVNode as p, mergeProps as g, createSlots as r, renderSlot as n, normalizeClass as m } from "vue";
-import b from "../../_virtual/_plugin-vue_export-helper.js";
-function h(o, C, w, $, P, v) {
-  const a = s("IconRight"), t = s("dropdown-option"), l = s("dropdown-panel"), d = s("Trigger");
-  return f(), c(d, {
+import f from "./DropdownSubmenu.vue2.js";
+import { resolveComponent as s, openBlock as c, createBlock as g, withCtx as e, createVNode as p, mergeProps as m, createSlots as a, renderSlot as n, normalizeClass as b } from "vue";
+import h from "../../_virtual/_plugin-vue_export-helper.js";
+function C(o, w, $, P, v, V) {
+  var i;
+  const t = s("IconRight"), l = s("dropdown-option"), d = s("dropdown-panel"), u = s("Trigger");
+  return c(), g(u, {
     "popup-visible": o.computedPopupVisible,
     trigger: o.trigger,
     position: o.position,
-    disabled: o.disabled,
+    disabled: o.disabled || !!((i = o.optionProps) != null && i.disabled),
     "popup-offset": 4,
     onPopupVisibleChange: o.handlePopupVisibleChange,
     onShow: o.handleShow
   }, {
     content: e(() => [
-      p(l, {
+      p(d, {
         ref: "panelRef",
-        class: m(o.className.block),
+        class: b(o.className.block),
         "close-on-arrow-left": "",
         onClose: o.handleClose
-      }, r({
+      }, a({
         default: e(() => [
           n(o.$slots, "content")
         ]),
@@ -34,10 +35,10 @@ function h(o, C, w, $, P, v) {
       ]), 1032, ["class", "onClose"])
     ]),
     default: e(() => {
-      var i;
+      var r;
       return [
-        p(t, g({ ref: "optionRef" }, o.optionProps, {
-          disabled: o.disabled || ((i = o.optionProps) == null ? void 0 : i.disabled),
+        p(l, m({ ref: "optionRef" }, o.optionProps, {
+          disabled: o.disabled || ((r = o.optionProps) == null ? void 0 : r.disabled),
           active: o.computedPopupVisible,
           "uninject-context": "",
           "aria-haspopup": "menu",
@@ -45,10 +46,10 @@ function h(o, C, w, $, P, v) {
           onKeydownCapture: o.handleTriggerKeydown,
           onFocusinCapture: o.handleTriggerFocus,
           onFocusoutCapture: o.handleTriggerFocus
-        }), r({
+        }), a({
           suffix: e(() => [
             n(o.$slots, "suffix", {}, () => [
-              p(a)
+              p(t)
             ])
           ]),
           default: e(() => [
@@ -69,7 +70,7 @@ function h(o, C, w, $, P, v) {
     _: 3
   }, 8, ["popup-visible", "trigger", "position", "disabled", "onPopupVisibleChange", "onShow"]);
 }
-const k = /* @__PURE__ */ b(u, [["render", h]]);
+const y = /* @__PURE__ */ h(f, [["render", C]]);
 export {
-  k as default
+  y as default
 };

package/dist/es/components/dropdown/dropdown-panel.vue.js

@@ -1,36 +1,36 @@
 import c from "./dropdown-panel.vue2.js";
-import { resolveComponent as s, openBlock as o, createElementBlock as n, normalizeClass as l, createBlock as t, renderSlot as a, createVNode as y, normalizeStyle as f, withCtx as u, createElementVNode as k, createCommentVNode as N } from "vue";
-import $ from "../../_virtual/_plugin-vue_export-helper.js";
-function w(e, r, S, E, b, g) {
+import { resolveComponent as s, openBlock as l, createElementBlock as n, normalizeClass as o, createBlock as t, renderSlot as a, createVNode as y, normalizeStyle as f, withCtx as u, createElementVNode as k, createCommentVNode as w } from "vue";
+import N from "../../_virtual/_plugin-vue_export-helper.js";
+function $(e, r, S, E, b, g) {
   const m = s("spin"), p = s("empty"), d = s("Scrollbar");
-  return o(), n("div", {
+  return l(), n("div", {
     ref: "panelElement",
-    class: l(e.cls),
+    class: o(e.cls),
     tabindex: "-1",
     onKeydown: r[0] || (r[0] = (...i) => e.handleKeydown && e.handleKeydown(...i))
   }, [
-    e.loading ? (o(), t(m, {
+    e.loading ? (l(), t(m, {
       key: 0,
-      class: l(e.className.element("loading")),
+      class: o(e.className.element("loading")),
       display: "block",
       tip: e.t("common.loading")
-    }, null, 8, ["class", "tip"])) : e.isEmpty ? (o(), n("div", {
+    }, null, 8, ["class", "tip"])) : e.isEmpty ? (l(), n("div", {
       key: 1,
-      class: l(e.className.element("empty"))
+      class: o(e.className.element("empty"))
     }, [
       a(e.$slots, "empty", {}, () => [
-        y(p)
+        y(p, { component: "dropdown" })
       ])
-    ], 2)) : (o(), t(d, {
+    ], 2)) : (l(), t(d, {
       key: 2,
       ref: "wrapperRef",
-      class: l(e.className.element("list--wrapper")),
+      class: o(e.className.element("list--wrapper")),
       style: f(e.style),
       onScroll: e.handleScroll
     }, {
       default: u(() => [
         k("ul", {
-          class: l(e.className.element("list")),
+          class: o(e.className.element("list")),
           role: "menu"
         }, [
           a(e.$slots, "default")
@@ -38,15 +38,15 @@ function w(e, r, S, E, b, g) {
       ]),
       _: 3
     }, 8, ["class", "style", "onScroll"])),
-    e.$slots.footer && !e.loading && !e.isEmpty ? (o(), n("div", {
+    e.$slots.footer && !e.loading && !e.isEmpty ? (l(), n("div", {
       key: 3,
-      class: l(e.className.element("footer"))
+      class: o(e.className.element("footer"))
     }, [
       a(e.$slots, "footer")
-    ], 2)) : N("", !0)
+    ], 2)) : w("", !0)
   ], 34);
 }
-const B = /* @__PURE__ */ $(c, [["render", w]]);
+const B = /* @__PURE__ */ N(c, [["render", $]]);
 export {
   B as default
 };