vft 0.0.429 → 0.0.430

package/es/components/col/col.vue2.js

@@ -1,7 +1,7 @@
-import { defineComponent as c, inject as d, computed as n, createBlock as h, openBlock as $, resolveDynamicComponent as g, normalizeStyle as b, normalizeClass as v, withCtx as x, renderSlot as y } from "vue";
+import { defineComponent as f, inject as d, computed as n, createBlock as h, openBlock as $, resolveDynamicComponent as g, normalizeStyle as b, normalizeClass as v, withCtx as x, renderSlot as y } from "vue";
 import "../row/index.js";
 import "@vueuse/core";
-import { isNumber as u, isObject as _ } from "@vft/utils";
+import { isNumber as c, isObject as _ } from "@vft/utils";
 import "../config-provider/hooks/use-global-config.js";
 import "lodash-es";
 import "../form/index.js";
@@ -10,9 +10,9 @@ import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import { rowContextKey as j } from "../row/constants.js";
-const E = c({
+const E = f({
   name: "vft-col"
-}), G = /* @__PURE__ */ c({
+}), G = /* @__PURE__ */ f({
   ...E,
   props: {
     tag: { default: "div" },
@@ -26,31 +26,31 @@ const E = c({
     pull: { default: 0 },
     push: { default: 0 }
   },
-  setup(f) {
-    const e = C("col"), o = f, { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
-      const t = {};
-      return a.value && (t.paddingLeft = t.paddingRight = `${a.value / 2}px`), t;
+  setup(r) {
+    const s = C("col"), o = r, { gutter: a } = d(j, { gutter: n(() => 0) }), i = n(() => {
+      const e = {};
+      return a.value && (e.paddingLeft = e.paddingRight = `${a.value / 2}px`), e;
     }), m = n(() => {
-      const t = [];
-      return ["span", "offset", "pull", "push"].forEach((s) => {
-        const l = o[s];
-        u(l) && (s === "span" ? t.push(e.b(`${o[s]}`)) : l > 0 && t.push(e.b(`${s}-${o[s]}`)));
-      }), ["xs", "sm", "md", "lg", "xl"].forEach((s) => {
-        u(o[s]) ? t.push(e.b(`${s}-${o[s]}`)) : _(o[s]) && Object.entries(o[s]).forEach(
-          ([l, r]) => {
-            t.push(
-              l !== "span" ? e.b(`${s}-${l}-${r}`) : e.b(`${s}-${r}`)
+      const e = [];
+      return ["span", "offset", "pull", "push"].forEach((t) => {
+        const l = o[t];
+        c(l) && (t === "span" ? e.push(s.b(`${o[t]}`)) : l > 0 && e.push(s.b(`${t}-${o[t]}`)));
+      }), ["xs", "sm", "md", "lg", "xl"].forEach((t) => {
+        c(o[t]) ? e.push(s.b(`${t}-${o[t]}`)) : _(o[t]) && Object.entries(o[t]).forEach(
+          ([l, u]) => {
+            e.push(
+              l !== "span" ? s.b(`${t}-${l}-${u}`) : s.b(`${t}-${u}`)
             );
           }
         );
-      }), a.value && t.push(e.is("guttered")), [e.b(), t];
+      }), a.value && e.push(s.is("guttered")), [s.b(), e];
     });
-    return (t, p) => ($(), h(g(t.tag), {
+    return (e, p) => ($(), h(g(r.tag), {
       class: v(m.value),
       style: b(i.value)
     }, {
       default: x(() => [
-        y(t.$slots, "default")
+        y(e.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "style"]));

package/es/components/color-picker/color-picker.vue2.js

@@ -1,14 +1,14 @@
-import { defineComponent as U, ref as s, reactive as ie, computed as v, onMounted as se, watch as w, nextTick as g, provide as ue, createBlock as C, openBlock as p, unref as o, withCtx as V, createElementVNode as u, withKeys as K, normalizeClass as n, createElementBlock as x, createCommentVNode as y, normalizeStyle as ce, withDirectives as L, createVNode as d, vShow as pe, createTextVNode as H } from "vue";
-import { ClickOutside as de } from "@vft/directives";
-import { VftButton as M } from "../button/index.js";
+import { defineComponent as W, ref as c, reactive as ie, computed as b, onMounted as se, watch as g, nextTick as C, provide as ce, createBlock as V, openBlock as m, unref as e, withCtx as y, createElementVNode as u, withKeys as L, normalizeClass as n, createElementBlock as H, createCommentVNode as E, normalizeStyle as ue, withDirectives as M, createVNode as p, vShow as de, createTextVNode as O } from "vue";
+import { ClickOutside as me } from "@vft/directives";
+import { VftButton as R } from "../button/index.js";
 import "../form/index.js";
-import { VftIcon as O } from "../icon/index.js";
-import { VftInput as me } from "../input/index.js";
+import { VftIcon as U } from "../icon/index.js";
+import { VftInput as pe } from "../input/index.js";
 import { VftTooltip as fe } from "../tooltip/index.js";
-import { UPDATE_MODEL_EVENT as _, CHANGE_EVENT as ve } from "../../constants/event.js";
+import { UPDATE_MODEL_EVENT as P, CHANGE_EVENT as ve } from "../../constants/event.js";
 import "@vueuse/core";
 import "@vft/utils";
-import { debugWarn as R } from "../../utils/error.js";
+import { debugWarn as G } from "../../utils/error.js";
 import "../config-provider/hooks/use-global-config.js";
 import { debounce as be } from "lodash-es";
 import { useNamespace as he } from "../../hooks/use-namespace/index.js";
@@ -20,13 +20,13 @@ import we from "./components/hue-slider.vue.js";
 import ge from "./components/predefine.vue.js";
 import Ce from "./components/sv-panel.vue.js";
 import { colorPickerContextKey as Ve } from "./contants.js";
-import P from "./utils/color.js";
+import $ from "./utils/color.js";
 import { useFormItem as ye, useFormItemInputId as Ee } from "../form/hooks/use-form-item.js";
-import { useFormSize as Ae, useFormDisabled as Ie } from "../form/hooks/use-form-common-props.js";
-const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"], _e = U({
+import { useFormSize as xe, useFormDisabled as Ae } from "../form/hooks/use-form-common-props.js";
+const Ie = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex"], Se = W({
   name: "VftColorPicker"
-}), eo = /* @__PURE__ */ U({
-  ..._e,
+}), eo = /* @__PURE__ */ W({
+  ...Se,
   props: {
     modelValue: {},
     id: {},
@@ -41,230 +41,228 @@ const Se = ["id", "aria-label", "aria-labelledby", "aria-description", "tabindex
     validateEvent: { type: Boolean, default: !0 }
   },
   emits: [
-    _,
+    P,
     ve,
     "activeChange",
     "click-outside"
   ],
-  setup(G, { expose: W, emit: j }) {
-    const a = G, c = j, l = he("color"), { formItem: b } = ye(), q = Ae(), E = Ie(), { inputId: J, isLabeledByFormItem: $ } = Ee(a, {
-      formItemContext: b
-    }), z = s(), Q = s(), B = s(), X = s();
+  setup(i, { expose: j, emit: q }) {
+    const a = i, d = q, l = he("color"), { formItem: h } = ye(), J = xe(), x = Ae(), { inputId: Q, isLabeledByFormItem: z } = Ee(a, {
+      formItemContext: h
+    }), B = c(), X = c(), F = c(), Y = c();
     let A = !0;
-    const r = ie(
-      new P({
+    const t = ie(
+      new $({
         enableAlpha: a.showAlpha,
         format: a.colorFormat || "",
         value: a.modelValue
       })
-    ), m = s(!1), i = s(!1), f = s(""), Y = v(() => !a.modelValue && !i.value ? "transparent" : le(r, a.showAlpha)), I = v(() => !a.modelValue && !i.value ? "" : r.value), Z = v(() => $.value ? void 0 : a.label || "色彩选择器"), ee = v(() => $.value ? b?.labelId : void 0), oe = v(() => [
+    ), f = c(!1), s = c(!1), v = c(""), Z = b(() => !a.modelValue && !s.value ? "transparent" : le(t, a.showAlpha)), I = b(() => !a.modelValue && !s.value ? "" : t.value), _ = b(() => z.value ? void 0 : a.label || "色彩选择器"), ee = b(() => z.value ? h?.labelId : void 0), oe = b(() => [
       l.b("picker"),
-      l.is("disabled", E.value),
-      l.bm("picker", q.value)
+      l.is("disabled", x.value),
+      l.bm("picker", J.value)
     ]);
-    function le(e, t) {
-      if (!(e instanceof P))
+    function le(o, r) {
+      if (!(o instanceof $))
         throw new TypeError("color should be instance of _color Class");
-      const { r: k, g: T, b: D } = e.toRgb();
-      return t ? `rgba(${k}, ${T}, ${D}, ${e.get("alpha") / 100})` : `rgb(${k}, ${T}, ${D})`;
+      const { r: w, g: D, b: K } = o.toRgb();
+      return r ? `rgba(${w}, ${D}, ${K}, ${o.get("alpha") / 100})` : `rgb(${w}, ${D}, ${K})`;
     }
-    function ae(e) {
-      m.value = e;
+    function ae(o) {
+      f.value = o;
     }
-    const h = be(ae, 100);
-    function re(e) {
-      h(!1), S(), c("click-outside", e);
+    const k = be(ae, 100);
+    function te(o) {
+      k(!1), S(), d("click-outside", o);
     }
     function S() {
-      g(() => {
-        a.modelValue ? r.fromString(a.modelValue) : (r.value = "", g(() => {
-          i.value = !1;
+      C(() => {
+        a.modelValue ? t.fromString(a.modelValue) : (t.value = "", C(() => {
+          s.value = !1;
         }));
       });
     }
-    function F() {
-      E.value || h(!m.value);
-    }
     function N() {
-      r.fromString(f.value);
+      x.value || k(!f.value);
+    }
+    function T() {
+      t.fromString(v.value);
     }
-    function te() {
-      const e = r.value;
-      c(_, e), c("change", e), a.validateEvent && b?.validate("change").catch((t) => R(t)), h(!1), g(() => {
-        const t = new P({
+    function re() {
+      const o = t.value;
+      d(P, o), d("change", o), a.validateEvent && h?.validate("change").catch((r) => G(r)), k(!1), C(() => {
+        const r = new $({
           enableAlpha: a.showAlpha,
           format: a.colorFormat || "",
           value: a.modelValue
         });
-        r.compare(t) || S();
+        t.compare(r) || S();
       });
     }
     function ne() {
-      h(!1), c(_, null), c("change", null), a.modelValue !== null && a.validateEvent && b?.validate("change").catch((e) => R(e)), S();
+      k(!1), d(P, null), d("change", null), a.modelValue !== null && a.validateEvent && h?.validate("change").catch((o) => G(o)), S();
     }
     return se(() => {
-      a.modelValue && (f.value = I.value);
-    }), w(
+      a.modelValue && (v.value = I.value);
+    }), g(
       () => a.modelValue,
-      (e) => {
-        e ? e && e !== r.value && (A = !1, r.fromString(e)) : i.value = !1;
+      (o) => {
+        o ? o && o !== t.value && (A = !1, t.fromString(o)) : s.value = !1;
       }
-    ), w(
+    ), g(
       () => I.value,
-      (e) => {
-        f.value = e, A && c("activeChange", e), A = !0;
+      (o) => {
+        v.value = o, A && d("activeChange", o), A = !0;
       }
-    ), w(
-      () => r.value,
+    ), g(
+      () => t.value,
       () => {
-        !a.modelValue && !i.value && (i.value = !0);
+        !a.modelValue && !s.value && (s.value = !0);
       }
-    ), w(
-      () => m.value,
+    ), g(
+      () => f.value,
       () => {
-        g(() => {
-          z.value?.update(), Q.value?.update(), B.value?.update();
+        C(() => {
+          B.value?.update(), X.value?.update(), F.value?.update();
         });
       }
-    ), ue(Ve, {
+    ), ce(Ve, {
       currentColor: I
-    }), W({
+    }), j({
       /**
        * @description current color object
        */
-      color: r,
-      showPicker: m
-    }), (e, t) => (p(), C(o(fe), {
+      color: t,
+      showPicker: f
+    }), (o, r) => (m(), V(e(fe), {
       ref_key: "popper",
-      ref: X,
-      visible: m.value,
+      ref: Y,
+      visible: f.value,
       "show-arrow": !1,
       "fallback-placements": ["bottom", "top", "right", "left"],
       offset: 0,
       "gpu-acceleration": !1,
-      "popper-class": [o(l).be("picker", "panel"), o(l).b("dropdown"), e.popperClass],
+      "popper-class": [e(l).be("picker", "panel"), e(l).b("dropdown"), i.popperClass],
       "stop-popper-mouse-event": !1,
       effect: "light",
       trigger: "click",
-      transition: `${o(l).namespace.value}-zoom-in-top`,
+      transition: `${e(l).namespace.value}-zoom-in-top`,
       persistent: ""
     }, {
-      content: V(() => [
-        L((p(), x("div", null, [
+      content: y(() => [
+        M((m(), H("div", null, [
           u("div", {
-            class: n(o(l).be("dropdown", "main-wrapper"))
+            class: n(e(l).be("dropdown", "main-wrapper"))
           }, [
-            d(we, {
+            p(we, {
               ref_key: "hue",
-              ref: z,
+              ref: B,
               class: "hue-slider",
-              color: r,
+              color: t,
               vertical: ""
             }, null, 8, ["color"]),
-            d(Ce, {
+            p(Ce, {
               ref: "svPanel",
-              color: r
+              color: t
             }, null, 8, ["color"])
           ], 2),
-          e.showAlpha ? (p(), C(ke, {
+          i.showAlpha ? (m(), V(ke, {
             key: 0,
             ref_key: "alpha",
-            ref: B,
-            color: r
-          }, null, 8, ["color"])) : y("", !0),
-          e.predefine ? (p(), C(ge, {
+            ref: F,
+            color: t
+          }, null, 8, ["color"])) : E("", !0),
+          i.predefine ? (m(), V(ge, {
             key: 1,
             ref: "predefine",
-            color: r,
-            colors: e.predefine
-          }, null, 8, ["color", "colors"])) : y("", !0),
+            color: t,
+            colors: i.predefine
+          }, null, 8, ["color", "colors"])) : E("", !0),
           u("div", {
-            class: n(o(l).be("dropdown", "btns"))
+            class: n(e(l).be("dropdown", "btns"))
           }, [
             u("span", {
-              class: n(o(l).be("dropdown", "value"))
+              class: n(e(l).be("dropdown", "value"))
             }, [
-              d(o(me), {
-                modelValue: f.value,
-                "onUpdate:modelValue": t[0] || (t[0] = (k) => f.value = k),
+              p(e(pe), {
+                modelValue: v.value,
+                "onUpdate:modelValue": r[0] || (r[0] = (w) => v.value = w),
                 "validate-event": !1,
                 size: "small",
-                onKeyup: K(N, ["enter"]),
-                onBlur: N
+                onKeyup: L(T, ["enter"]),
+                onBlur: T
               }, null, 8, ["modelValue"])
             ], 2),
-            d(o(M), {
-              class: n(o(l).be("dropdown", "link-btn")),
+            p(e(R), {
+              class: n(e(l).be("dropdown", "link-btn")),
               text: "",
               size: "small",
               onClick: ne
             }, {
-              default: V(() => t[1] || (t[1] = [
-                H(" 清除 ")
-              ])),
-              _: 1,
-              __: [1]
+              default: y(() => [...r[1] || (r[1] = [
+                O(" 清除 ", -1)
+              ])]),
+              _: 1
             }, 8, ["class"]),
-            d(o(M), {
+            p(e(R), {
               plain: "",
               size: "small",
-              class: n(o(l).be("dropdown", "btn")),
-              onClick: te
+              class: n(e(l).be("dropdown", "btn")),
+              onClick: re
             }, {
-              default: V(() => t[2] || (t[2] = [
-                H(" 确认 ")
-              ])),
-              _: 1,
-              __: [2]
+              default: y(() => [...r[2] || (r[2] = [
+                O(" 确认 ", -1)
+              ])]),
+              _: 1
             }, 8, ["class"])
           ], 2)
         ])), [
-          [o(de), re]
+          [e(me), te]
         ])
       ]),
-      default: V(() => [
+      default: y(() => [
         u("div", {
-          id: o(J),
+          id: e(Q),
           class: n(oe.value),
           role: "button",
-          "aria-label": Z.value,
+          "aria-label": _.value,
           "aria-labelledby": ee.value,
-          "aria-description": `目前色彩為 {color}。按一下 Enter 以選擇新色彩${e.modelValue}`,
-          tabindex: e.tabindex,
-          onKeydown: K(F, ["enter"])
+          "aria-description": `目前色彩為 {color}。按一下 Enter 以選擇新色彩${i.modelValue}`,
+          tabindex: i.tabindex,
+          onKeydown: L(N, ["enter"])
         }, [
-          o(E) ? (p(), x("div", {
+          e(x) ? (m(), H("div", {
             key: 0,
-            class: n(o(l).be("picker", "mask"))
-          }, null, 2)) : y("", !0),
+            class: n(e(l).be("picker", "mask"))
+          }, null, 2)) : E("", !0),
           u("div", {
-            class: n(o(l).be("picker", "trigger")),
-            onClick: F
+            class: n(e(l).be("picker", "trigger")),
+            onClick: N
           }, [
             u("span", {
-              class: n([o(l).be("picker", "color"), o(l).is("alpha", e.showAlpha)])
+              class: n([e(l).be("picker", "color"), e(l).is("alpha", i.showAlpha)])
             }, [
               u("span", {
-                class: n(o(l).be("picker", "color-inner")),
-                style: ce({
-                  backgroundColor: Y.value
+                class: n(e(l).be("picker", "color-inner")),
+                style: ue({
+                  backgroundColor: Z.value
                 })
               }, [
-                L(d(o(O), {
+                M(p(e(U), {
                   icon: "icon-arrow-down",
-                  class: n([o(l).be("picker", "icon"), o(l).is("icon-arrow-down")])
+                  class: n([e(l).be("picker", "icon"), e(l).is("icon-arrow-down")])
                 }, null, 8, ["class"]), [
-                  [pe, e.modelValue || i.value]
+                  [de, i.modelValue || s.value]
                 ]),
-                !e.modelValue && !i.value ? (p(), C(o(O), {
+                !i.modelValue && !s.value ? (m(), V(e(U), {
                   key: 0,
                   icon: "icon-circle-close",
-                  class: n([o(l).be("picker", "empty"), o(l).is("icon-close")])
-                }, null, 8, ["class"])) : y("", !0)
+                  class: n([e(l).be("picker", "empty"), e(l).is("icon-close")])
+                }, null, 8, ["class"])) : E("", !0)
               ], 6)
             ], 2)
           ], 2)
-        ], 42, Se)
+        ], 42, Ie)
       ]),
       _: 1
     }, 8, ["visible", "popper-class", "transition"]));

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

@@ -20,9 +20,9 @@ function p(e, l, u, d, c, m) {
         top: e.cursorTop + "px",
         left: e.cursorLeft + "px"
       })
-    }, l[0] || (l[0] = [
+    }, [...l[0] || (l[0] = [
       r("div", null, null, -1)
-    ]), 6)
+    ])], 6)
   ], 6);
 }
 const b = /* @__PURE__ */ i(n, [["render", p]]);

package/es/components/config-provider/hooks/use-global-config.js

@@ -1,7 +1,7 @@
 import { keysOf as f } from "@vft/utils";
 import "@vueuse/core";
 import { debugWarn as v } from "../../../utils/error.js";
-import { getCurrentInstance as l, computed as i, unref as p, provide as g, ref as C, inject as x } from "vue";
+import { ref as g, getCurrentInstance as l, computed as i, unref as p, provide as C, inject as x } from "vue";
 import "lodash-es";
 import "../../form/index.js";
 import { namespaceContextKey as I, useNamespace as b, defaultNamespace as y } from "../../../hooks/use-namespace/index.js";
@@ -9,7 +9,7 @@ import "../../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import { zIndexContextKey as G, useZIndex as z, defaultInitialZIndex as K } from "../../../hooks/use-z-index/index.js";
 import { configProviderContextKey as m } from "../constants.js";
-const a = C();
+const a = g();
 function d(o, e = void 0) {
   const n = l() ? x(m, a) : a;
   return o ? i(() => n?.value?.[o] ?? e) : n;
@@ -27,7 +27,7 @@ function B(o) {
   };
 }
 const S = (o, e, n = !1) => {
-  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? g : void 0);
+  const t = !!l(), r = t ? d() : void 0, u = e?.provide ?? (t ? C : void 0);
   if (!u) {
     v(
       "provideGlobalConfig",

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

@@ -1,4 +1,4 @@
-import { defineComponent as p, ref as d, computed as k, createBlock as c, openBlock as r, Transition as C, withCtx as b, withDirectives as g, createElementVNode as m, normalizeClass as z, withModifiers as M, normalizeStyle as $, unref as u, createElementBlock as B, Fragment as E, renderList as S, vShow as F } from "vue";
+import { defineComponent as p, ref as c, computed as k, createBlock as d, openBlock as r, Transition as C, withCtx as b, withDirectives as g, createElementVNode as m, normalizeClass as z, withModifiers as M, normalizeStyle as $, unref as u, createElementBlock as B, Fragment as E, renderList as S, vShow as F } from "vue";
 import { useTimeoutFn as H, useClickAway as I, useEventListener as f } from "@vft/use";
 import { VftMenuItem as L } from "../menu/index.js";
 import "@vueuse/core";
@@ -12,7 +12,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 const R = { class: "vft-sub-menu" }, T = p({
   name: "vft-context-menu"
-}), Q = /* @__PURE__ */ p({
+}), U = /* @__PURE__ */ p({
   ...T,
   props: {
     axis: {},
@@ -20,27 +20,27 @@ const R = { class: "vft-sub-menu" }, T = p({
     width: {},
     items: {}
   },
-  setup(o) {
+  setup(n) {
     const v = N("context-menu");
-    let a = d();
+    let a = c();
     const x = k(() => {
-      const { x: t, y: i } = o.axis || { x: 0, y: 0 }, e = (o.items || []).length * 40, l = o.width || 0, s = document.body, w = s.clientWidth < t + l ? t - l : t, y = s.clientHeight < i + e ? i - e : i;
+      const { x: t, y: o } = n.axis || { x: 0, y: 0 }, e = (n.items || []).length * 40, l = n.width || 0, s = document.body, w = s.clientWidth < t + l ? t - l : t, y = s.clientHeight < o + e ? o - e : o;
       return {
         zIndex: 3e3,
-        ...o.styles,
+        ...n.styles,
         position: "fixed",
-        width: `${o.width}px`,
+        width: `${n.width}px`,
         left: `${w + 1}px`,
         top: `${y + 1}px`
       };
     });
-    let n = d(!1);
+    let i = c(!1);
     H(() => {
-      n.value = !0;
+      i.value = !0;
     }, 0), I(
       a,
       () => {
-        n.value = !1;
+        i.value = !1;
       },
       {
         listenerOptions: {
@@ -51,7 +51,7 @@ const R = { class: "vft-sub-menu" }, T = p({
       window,
       "scroll",
       () => {
-        n.value = !1;
+        i.value = !1;
       },
       {
         capture: !0
@@ -60,27 +60,27 @@ const R = { class: "vft-sub-menu" }, T = p({
       window,
       "drag",
       () => {
-        n.value = !1;
+        i.value = !1;
       },
       {
         capture: !0
       }
     );
     function h(t) {
-      t?.disabled || (t.handler?.(), n.value = !1);
+      t?.disabled || (t.handler?.(), i.value = !1);
     }
-    return (t, i) => (r(), c(C, { name: "vft-zoom-in-top" }, {
+    return (t, o) => (r(), d(C, { name: "vft-zoom-in-top" }, {
       default: b(() => [
         g(m("div", {
           ref_key: "contextMenuRef",
           ref: a,
           style: $(x.value),
-          onClick: i[0] || (i[0] = M(() => {
+          onClick: o[0] || (o[0] = M(() => {
           }, ["stop"])),
           class: z([u(v).b(), "vft-menu"])
         }, [
           m("div", R, [
-            (r(!0), B(E, null, S(t.items, (e, l) => (r(), c(u(L), {
+            (r(!0), B(E, null, S(n.items, (e, l) => (r(), d(u(L), {
               onClick: (s) => h(e),
               index: l + e.text,
               title: e.text,
@@ -92,7 +92,7 @@ const R = { class: "vft-sub-menu" }, T = p({
             }, null, 8, ["onClick", "index", "title", "divider", "disabled", "icon"]))), 128))
           ])
         ], 6), [
-          [F, u(n)]
+          [F, u(i)]
         ])
       ]),
       _: 1
@@ -100,5 +100,5 @@ const R = { class: "vft-sub-menu" }, T = p({
   }
 });
 export {
-  Q as default
+  U as default
 };