vft 0.0.89 → 0.0.91

package/es/components/list-cell/list-cell.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as k, ref as _, computed as m, openBlock as o, createElementBlock as a, normalizeStyle as z, unref as e, normalizeClass as c, Fragment as V, renderList as N, createElementVNode as u, createVNode as b, normalizeProps as d, guardReactiveProps as B, toDisplayString as D, createBlock as p, mergeProps as P } from "vue";
+import { defineComponent as k, ref as _, computed as m, openBlock as o, createElementBlock as a, normalizeStyle as z, normalizeClass as c, unref as e, Fragment as V, renderList as N, createElementVNode as u, createVNode as b, normalizeProps as d, guardReactiveProps as B, toDisplayString as D, createBlock as p, mergeProps as P } from "vue";
 import { VftIcon as g } from "../icon/index.js";
 import { useNamespace as T } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
-import { singleAttrToObj as h, addUnit as v, VNode as E } from "@vft/utils";
+import { singleAttrToObj as v, addUnit as h, VNode as E } from "@vft/utils";
 import { generateCssVars as H } from "../../utils/ns-cover.js";
 const S = ["onClick"], l = (
   /* hoist-static*/
@@ -18,25 +18,25 @@ const S = ["onClick"], l = (
     list: { default: [] },
     cellHeight: { default: 50 },
     leftTextDistance: { default: 8 },
-    activeIndex: null
+    activeIndex: {}
   },
   emits: ["item-click"],
   setup(r, { emit: I }) {
-    const f = _(r.activeIndex), C = m(() => r.list.map((t) => (t.leftIcon = h(t.leftIcon, "icon", { size: 16 }), t.rightIcon = h(t.rightIcon, "icon", {
+    const f = _(r.activeIndex), C = m(() => r.list.map((t) => (t.leftIcon = v(t.leftIcon, "icon", { size: 16 }), t.rightIcon = v(t.rightIcon, "icon", {
       icon: "ico-ep:arrow-right",
       size: 16
     }), t))), x = m(() => H({
-      height: v(r.cellHeight),
-      "left-text-distance": v(r.leftTextDistance)
+      height: h(r.cellHeight),
+      "left-text-distance": h(r.leftTextDistance)
     }, "list-cell"));
     function y(t, i) {
       f.value = i, I("item-click", t, i);
     }
     return (t, i) => (o(), a("div", {
-      style: z(e(x)),
+      style: z(x.value),
       class: c(e(l).b())
     }, [
-      (o(!0), a(V, null, N(e(C), (n, s) => (o(), a("div", {
+      (o(!0), a(V, null, N(C.value, (n, s) => (o(), a("div", {
         onClick: (w) => y(n, s),
         key: s,
         class: c([e(l).e("item"), e(l).is("active", f.value === s)])

package/es/components/logo/logo.vue2.js

@@ -1,43 +1,43 @@
-import { defineComponent as s, computed as l, getCurrentInstance as p, openBlock as g, createElementBlock as f, normalizeClass as n, unref as e, normalizeStyle as d, createElementVNode as r, toDisplayString as C } from "vue";
-import { useRouterHelper as h } from "@vft/router";
-import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import { defineComponent as a, computed as r, getCurrentInstance as g, openBlock as f, createElementBlock as d, normalizeClass as e, normalizeStyle as C, createElementVNode as s, unref as l, toDisplayString as h } from "vue";
+import { useRouterHelper as k } from "@vft/router";
+import { useNamespace as P } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
 import "../../hooks/use-z-index/index.js";
 import "@vueuse/core";
 import "@vft/utils";
 import "../../utils/ns-cover.js";
-const P = ["src"], o = (
+const _ = ["src"], t = (
   /* hoist-static*/
-  k("logo")
-), j = s({
-  name: o.b()
-}), D = /* @__PURE__ */ s({
+  P("logo")
+), j = a({
+  name: t.b()
+}), D = /* @__PURE__ */ a({
   ...j,
   props: {
-    title: null,
-    logo: null,
-    jumpPath: null
+    title: {},
+    logo: {},
+    jumpPath: {}
   },
-  setup(t) {
-    const c = l(() => [o.b()]), i = p().appContext.config.globalProperties.$router, { go: a } = h(i);
-    function m() {
-      t.jumpPath && a(t.jumpPath);
+  setup(o) {
+    const c = r(() => [t.b()]), i = g().appContext.config.globalProperties.$router, { go: m } = k(i);
+    function u() {
+      o.jumpPath && m(o.jumpPath);
     }
-    const u = l(() => t.jumpPath ? {} : o.cssVarBlock({ cursor: "inital" }));
-    return (x, y) => (g(), f("div", {
-      class: n(e(c)),
-      onClick: m,
-      style: d(e(u))
+    const p = r(() => o.jumpPath ? {} : t.cssVarBlock({ cursor: "inital" }));
+    return (n, b) => (f(), d("div", {
+      class: e(c.value),
+      onClick: u,
+      style: C(p.value)
     }, [
-      r("img", {
-        class: n(e(o).e("img")),
-        src: t.logo,
+      s("img", {
+        class: e(l(t).e("img")),
+        src: n.logo,
         alt: ""
-      }, null, 10, P),
-      r("div", {
-        class: n(["ml-2 truncate", e(o).e("title")])
-      }, C(t.title), 3)
+      }, null, 10, _),
+      s("div", {
+        class: e(["ml-2 truncate", l(t).e("title")])
+      }, h(n.title), 3)
     ], 6));
   }
 });

package/es/components/md-container/md-container.vue2.js

@@ -133,7 +133,7 @@ const pt = { class: "info-container" }, st = {
     return (e, p) => {
       var o, d, f, g, h, _;
       return s(), l("div", {
-        class: a([t(r).b(), t(r).is("api", t(A))])
+        class: a([t(r).b(), t(r).is("api", A.value)])
       }, [
         (o = n.value) != null && o.sideData ? (s(), x(t(et), {
           key: 0,

package/es/components/md-vue-playground/md-vue-playground.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, ref as s, shallowRef as v, computed as m, onMounted as f, createVNode as e, withDirectives as w, h as g, resolveDirective as h } from "vue";
+import { defineComponent as r, ref as i, shallowRef as v, computed as m, onMounted as f, createVNode as e, withDirectives as w, h as g, resolveDirective as h } from "vue";
 import { useNamespace as V } from "../../hooks/use-namespace/index.js";
 import "@popperjs/core";
 import "lodash";
@@ -8,33 +8,33 @@ import "@vft/utils";
 import "../../utils/ns-cover.js";
 import { getVuePlaygroundSettings as C } from "./playground.js";
 import { VftIcon as R } from "../icon/index.js";
-const r = (
+const u = (
   /* hoist-static*/
   V("md-vue-playground")
-), y = u({
-  name: r.b()
-}), M = /* @__PURE__ */ u({
+), y = r({
+  name: u.b()
+}), M = /* @__PURE__ */ r({
   ...y,
   props: {
-    title: null,
-    files: null,
-    settings: null
+    title: {},
+    files: {},
+    settings: {}
   },
   setup(t) {
-    const i = s(!0), n = v(), a = s(), o = m(() => C(t.settings)), l = s(o.value.showCode || !1), c = async () => {
+    const n = i(!0), a = v(), s = i(), o = m(() => C(t.settings)), l = i(o.value.showCode || !1), c = async () => {
       const {
         ReplStore: p,
         Repl: d
       } = await import("@vue/repl");
-      n.value = d, a.value = new p({
+      a.value = d, s.value = new p({
         serializedState: decodeURIComponent(t.files),
         showOutput: !0
-      }), o.value.vueVersion && await a.value.setVueVersion(o.value.vueVersion);
+      }), o.value.vueVersion && await s.value.setVueVersion(o.value.vueVersion);
     };
     return f(async () => {
-      await c(), i.value = !1;
+      await c(), n.value = !1;
     }), () => e("div", {
-      class: r.b()
+      class: u.b()
     }, [e("div", {
       class: "title-wrapper"
     }, [t.title ? e("div", {
@@ -48,10 +48,10 @@ const r = (
       }
     }, null)]), w(e("div", {
       class: ["repl-container", l.value ? "show-code" : "hide-code"]
-    }, [n.value ? g(n.value, {
-      store: a.value,
+    }, [a.value ? g(a.value, {
+      store: s.value,
       ...o.value
-    }) : null]), [[h("loading"), i.value]])]);
+    }) : null]), [[h("loading"), n.value]])]);
   }
 });
 export {

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { defineComponent as E, useSlots as X, getCurrentInstance as Y, ref as i, computed as Z, watch as O, watchEffect as _, provide as A, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
+import { defineComponent as E, useSlots as X, getCurrentInstance as Y, ref as s, computed as Z, watch as O, watchEffect as _, provide as A, reactive as ee, onMounted as te, h as I, nextTick as ne } from "vue";
 import { useResizeObserver as le } from "@vueuse/core";
 import { isNullOrUndefined as B } from "@vft/utils";
 import { flattedChildren as oe } from "../../utils/vue/vnode.js";
@@ -9,8 +9,8 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import ue from "./utils/menu-bar.js";
 import ae from "./menu-collapse-transition.vue.js";
-import ie from "./sub-menu.vue2.js";
-import { useMenuCssVar as se } from "./use-menu-css-var.js";
+import se from "./sub-menu.vue2.js";
+import { useMenuCssVar as ie } from "./use-menu-css-var.js";
 import { VftIcon as ce } from "../icon/index.js";
 const M = (
   /* hoist-static*/
@@ -32,9 +32,9 @@ const M = (
   },
   emits: ["update:collapse", "select", "close", "open"],
   setup(n, { expose: V, emit: b }) {
-    const y = X(), v = Y(), T = v.appContext.config.globalProperties.$router, s = i(), z = W("sub-menu"), f = i(-1), u = i(
+    const y = X(), v = Y(), T = v.appContext.config.globalProperties.$router, i = s(), z = W("sub-menu"), f = s(-1), u = s(
       n.defaultOpeneds && !n.collapse ? n.defaultOpeneds.slice(0) : []
-    ), a = i(n.defaultActive), r = i({}), h = i({}), $ = Z(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), q = () => {
+    ), a = s(n.defaultActive), r = s({}), h = s({}), $ = Z(() => n.mode === "horizontal" || n.mode === "vertical" && n.collapse), q = () => {
       const e = a.value && r.value[a.value];
       if (!e || n.mode === "horizontal" || n.collapse)
         return;
@@ -63,14 +63,14 @@ const M = (
       l ? a.value = l.index : a.value = e;
     }, U = () => {
       var d;
-      if (!s.value)
+      if (!i.value)
         return -1;
-      const e = Array.from(((d = s.value) == null ? void 0 : d.childNodes) ?? []).filter(
-        (x) => x.nodeName !== "#text" || x.nodeValue
-      ), t = 64, l = Number.parseInt(getComputedStyle(s.value).paddingLeft, 10), o = Number.parseInt(getComputedStyle(s.value).paddingRight, 10), m = s.value.clientWidth - l - o;
+      const e = Array.from(((d = i.value) == null ? void 0 : d.childNodes) ?? []).filter(
+        (S) => S.nodeName !== "#text" || S.nodeValue
+      ), t = 64, l = Number.parseInt(getComputedStyle(i.value).paddingLeft, 10), o = Number.parseInt(getComputedStyle(i.value).paddingRight, 10), m = i.value.clientWidth - l - o;
       let c = 0, p = 0;
-      return e.forEach((x, Q) => {
-        c += x.offsetWidth || 0, c <= m - t && (p = Q + 1);
+      return e.forEach((S, Q) => {
+        c += S.offsetWidth || 0, c <= m - t && (p = Q + 1);
       }), p === e.length ? -1 : p;
     }, j = (e, t = 33.34) => {
       let l;
@@ -100,9 +100,9 @@ const M = (
         e && (u.value = []);
       }
     ), O(r.value, q);
-    let S;
+    let x;
     _(() => {
-      n.mode === "horizontal" && n.ellipsis ? S = le(s, P).stop : S == null || S();
+      n.mode === "horizontal" && n.ellipsis ? x = le(i, P).stop : x == null || x();
     });
     const R = (e) => {
       h.value[e.index] = e;
@@ -112,7 +112,7 @@ const M = (
       r.value[e.index] = e;
     }, H = (e) => {
       delete r.value[e.index];
-    }, w = i(!1), J = i(), K = i();
+    }, w = s(!1), J = s(), K = s();
     return A(
       "rootMenu",
       ee({
@@ -137,7 +137,7 @@ const M = (
     ), A(`subMenu:${v.uid}`, {
       addSubMenu: R,
       removeSubMenu: k,
-      mouseInChild: i(!1),
+      mouseInChild: s(!1),
       // 表示当前是第一级的 sub-menu
       level: 0
     }), te(() => {
@@ -149,20 +149,20 @@ const M = (
       },
       close: C,
       handleResize: P,
-      menu: s,
+      menu: i,
       inSubMenu: w
     }), () => {
       var m;
       let e = ((m = y.default) == null ? void 0 : m.call(y)) ?? [];
       const t = [];
-      if (n.mode === "horizontal" && s.value) {
+      if (n.mode === "horizontal" && i.value) {
         const c = oe(e), p = f.value === -1 ? c : c.slice(
           0,
           f.value
         ), d = f.value === -1 ? [] : c.slice(f.value);
         d != null && d.length && n.ellipsis && (e = p, t.push(
           I(
-            ie,
+            se,
             {
               index: "sub-menu-more",
               class: z.e("hide-arrow")
@@ -180,12 +180,12 @@ const M = (
           )
         ));
       }
-      const l = se(v.props, 0), o = I(
+      const l = ie(v.props, 0), o = I(
         "ul",
         {
           key: String(n.collapse),
           role: "menubar",
-          ref: s,
+          ref: i,
           style: l.value,
           class: {
             [M.b()]: !0,