vft 0.0.239 → 0.0.240

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

@@ -1,5 +1,5 @@
-import { defineComponent as G, getCurrentInstance as ne, computed as i, inject as H, ref as g, reactive as le, watch as ue, provide as ae, onMounted as se, onBeforeUnmount as pe, useSlots as me, h as s, Fragment as ce, withDirectives as de, vShow as ve } from "vue";
-import { singleAttrToObj as I, renderTNode as fe, isMobile as Me } from "@vft/utils";
+import { defineComponent as Z, getCurrentInstance as re, computed as i, inject as D, ref as C, reactive as ie, watch as ne, provide as le, onMounted as ue, onBeforeUnmount as ae, useSlots as se, h as u, Fragment as me, withDirectives as pe, vShow as ce } from "vue";
+import { singleAttrToObj as g, renderTNode as de, isMobile as ve } from "@vft/utils";
 import "../alert/index.js";
 import "../avatar/index.js";
 import "../backtop/index.js";
@@ -11,7 +11,7 @@ import "../clamp/index.js";
 import "../clamp-toggle/index.js";
 import "../clamp-tooltip/index.js";
 import "../col/index.js";
-import { VftCollapseTransition as be } from "../collapse-transition/index.js";
+import { VftCollapseTransition as fe } from "../collapse-transition/index.js";
 import "../color-picker/index.js";
 import "../config-provider/index.js";
 import "../container/index.js";
@@ -30,7 +30,7 @@ import "../form/index.js";
 import "../full-screen/index.js";
 import "../header-layout/index.js";
 import "../horizontal-menu/index.js";
-import { VftIcon as U } from "../icon/index.js";
+import { VftIcon as L } from "../icon/index.js";
 import "../icon-text/index.js";
 import "../iframe-layout/index.js";
 import "../image/index.js";
@@ -65,7 +65,7 @@ import "../table/index.js";
 import "../tabs/index.js";
 import "../tag/index.js";
 import "../time-picker/index.js";
-import { VftTooltip as he } from "../tooltip/index.js";
+import { VftTooltip as Me } from "../tooltip/index.js";
 import "../tree/index.js";
 import "../verify-code/index.js";
 import "../virtual-list/components/dynamic-size-grid.js";
@@ -87,24 +87,24 @@ import "../md-comment/index.js";
 import "../md-container/index.js";
 import "../md-tabs/index.js";
 import "../md-vue-playground/index.js";
-import { useTimeoutFn as Z } from "@vueuse/core";
-import { throwError as q } from "../../utils/error.js";
+import { useTimeoutFn as H } from "@vueuse/core";
+import { throwError as U } from "../../utils/error.js";
 import "../../utils/ns-cover.js";
 import "lodash-es";
-import { useNamespace as k } from "../../hooks/use-namespace/index.js";
+import { useNamespace as w } from "../../hooks/use-namespace/index.js";
 import "../../hooks/use-model-toggle/index.js";
 import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "../message/index.js";
 import "../infinite-scroll/index.js";
 import "../progress-i/index.js";
-import Te from "./use-menu.js";
-import { useMenuCssVar as Ce } from "./use-menu-css-var.js";
-const Se = G({
+import be from "./use-menu.js";
+import { useMenuCssVar as he } from "./use-menu-css-var.js";
+const Te = Z({
   name: "vft-sub-menu",
   inheritAttrs: !1
-}), bt = /* @__PURE__ */ G({
-  ...Se,
+}), ft = /* @__PURE__ */ Z({
+  ...Te,
   props: {
     index: {},
     showTimeout: {
@@ -140,45 +140,42 @@ const Se = G({
   },
   emits: ["mouseenter", "mouseleave"],
   setup(o, {
-    expose: J,
-    emit: K
+    expose: q,
+    emit: G
   }) {
-    const z = k("sub-menu"), E = K, f = ne(), {
-      indexPath: T,
-      parentMenu: A
-    } = Te(f, i(() => o.index)), p = k("menu"), a = k("sub-menu"), e = H("rootMenu");
-    e || q(z.b(), "can not inject root menu");
-    const u = H(`subMenu:${A.value.uid}`);
-    u || q(z.b(), "can not inject sub menu");
-    const w = g({});
-    let m;
-    const B = g(!1), Q = g(), P = g(null), F = i(() => d.value === "horizontal" && C.value ? "bottom-start" : "right-start"), C = i(() => u.level === 0), y = i(() => o.teleported === void 0 ? C.value : o.teleported), W = i(() => e.props.collapse ? `${p.namespace.value}-zoom-in-left` : `${p.namespace.value}-zoom-in-top`), X = i(() => d.value === "horizontal" && C.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), c = i(() => e.openedMenus.includes(o.index)), M = i(() => {
+    const y = w("sub-menu"), I = G, c = re(), {
+      indexPath: f,
+      parentMenu: k
+    } = be(c, i(() => o.index)), s = w("menu"), n = w("sub-menu"), e = D("rootMenu");
+    e || U(y.b(), "can not inject root menu");
+    const a = D(`subMenu:${k.value.uid}`);
+    a || U(y.b(), "can not inject sub menu");
+    const S = C({});
+    let M;
+    const z = C(!1), J = C(), E = C(null), A = i(() => p.value === "horizontal" && b.value ? "bottom-start" : "right-start"), b = i(() => a.level === 0), x = i(() => o.teleported === void 0 ? b.value : o.teleported), K = i(() => e.props.collapse ? `${s.namespace.value}-zoom-in-left` : `${s.namespace.value}-zoom-in-top`), Q = i(() => p.value === "horizontal" && b.value ? ["bottom-start", "bottom-end", "top-start", "top-end", "right-start", "left-start"] : ["right-start", "left-start", "bottom-start", "bottom-end", "top-start", "top-end"]), m = i(() => e.openedMenus.includes(o.index)), d = i(() => {
       let t = !1;
-      return Object.values(w.value).forEach((l) => {
+      return Object.values(S.value).forEach((l) => {
         l.active && (t = !0);
       }), o.index === e.activeIndex && (t = !0), t;
-    }), j = i(() => e.props.backgroundColor || ""), $ = i(() => e.props.activeTextColor || ""), O = i(() => e.props.textColor || ""), d = i(() => e.props.mode), S = le({
+    }), B = i(() => e.props.backgroundColor || ""), P = i(() => e.props.activeTextColor || ""), F = i(() => e.props.textColor || ""), p = i(() => e.props.mode), h = ie({
       index: o.index,
-      indexPath: T,
-      active: M
-    }), V = Ce(e.props, u.level + 1), N = i(() => d.value !== "horizontal" ? {
-      color: O.value
+      indexPath: f,
+      active: d
+    }), j = he(e.props, a.level + 1), $ = i(() => p.value !== "horizontal" ? {
+      color: F.value
     } : {
-      borderBottomColor: M.value ? e.props.activeTextColor ? $.value : "" : "transparent",
-      color: M.value ? $.value : O.value
-    }), Y = () => {
-      var t, l, n;
-      return (n = (l = (t = P.value) == null ? void 0 : t.popperRef) == null ? void 0 : l.popperInstanceRef) == null ? void 0 : n.destroy();
-    }, _ = (t) => {
-      t || Y();
-    }, R = (t) => {
+      borderBottomColor: d.value ? e.props.activeTextColor ? P.value : "" : "transparent",
+      color: d.value ? P.value : F.value
+    }), W = () => E.value?.popperRef?.popperInstanceRef?.destroy(), X = (t) => {
+      t || W();
+    }, O = (t) => {
       const l = {
         e: t,
         index: o.index,
-        indexPath: T.value,
-        active: M.value
+        indexPath: f.value,
+        active: d.value
       };
-      if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !Me() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
+      if (e.props.menuTrigger === "hover" && e.props.mode === "horizontal" && !ve() || e.props.collapse && e.props.mode === "vertical" || o.disabled) {
         e.handleSubMenuClick({
           ...l,
           isFirstLevel: !0
@@ -186,142 +183,133 @@ const Se = G({
         return;
       }
       e.handleSubMenuClick(l);
-    }, b = (t, l = o.showTimeout) => {
-      var n;
-      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (u.mouseInChild.value = !0, m == null || m(), {
-        stop: m
-      } = Z(() => {
-        e.openMenu(o.index, T.value);
-      }, l), y.value && ((n = A.value.vnode.el) == null || n.dispatchEvent(new MouseEvent("mouseenter"))), E("mouseenter", t)));
-    }, ee = () => {
+    }, v = (t, l = o.showTimeout) => {
+      t.type !== "focus" && (e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || o.disabled || (a.mouseInChild.value = !0, M?.(), {
+        stop: M
+      } = H(() => {
+        e.openMenu(o.index, f.value);
+      }, l), x.value && k.value.vnode.el?.dispatchEvent(new MouseEvent("mouseenter")), I("mouseenter", t)));
+    }, Y = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseEnterTimer = setTimeout(() => {
         e.inSubMenu = !0;
       }, o.showTimeout + 10);
-    }, oe = () => {
+    }, _ = () => {
       e.inSubMenuMouseEnterTimer && clearTimeout(e.inSubMenuMouseEnterTimer), e.inSubMenuMouseleaveTimer && clearTimeout(e.inSubMenuMouseleaveTimer), e.inSubMenuMouseleaveTimer = setTimeout(() => {
         e.inSubMenu = !1;
       }, o.hideTimeout - 10);
-    }, x = (t, l = !1) => {
-      var n, r;
-      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (m == null || m(), u.mouseInChild.value = !1, {
-        stop: m
-      } = Z(() => {
-        !B.value && e.closeMenu(o.index, T.value);
-      }, o.hideTimeout), y.value && l && ((n = f.parent) == null ? void 0 : n.type.name) === "vft-sub-menu" && ((r = u.handleMouseleave) == null || r.call(u, t, !0)), E("mouseleave", t));
+    }, T = (t, l = !1) => {
+      e.props.menuTrigger === "click" && e.props.mode === "horizontal" || !e.props.collapse && e.props.mode === "vertical" || (M?.(), a.mouseInChild.value = !1, {
+        stop: M
+      } = H(() => {
+        !z.value && e.closeMenu(o.index, f.value);
+      }, o.hideTimeout), x.value && l && c.parent?.type.name === "vft-sub-menu" && a.handleMouseleave?.(t, !0), I("mouseleave", t));
     };
-    ue(() => e.props.collapse, (t) => _(!!t));
+    ne(() => e.props.collapse, (t) => X(!!t));
     {
-      const t = (n) => {
-        w.value[n.index] = n;
-      }, l = (n) => {
-        delete w.value[n.index];
+      const t = (r) => {
+        S.value[r.index] = r;
+      }, l = (r) => {
+        delete S.value[r.index];
       };
-      ae(`subMenu:${f.uid}`, {
+      le(`subMenu:${c.uid}`, {
         addSubMenu: t,
         removeSubMenu: l,
-        handleMouseleave: x,
-        mouseInChild: B,
-        level: u.level + 1
+        handleMouseleave: T,
+        mouseInChild: z,
+        level: a.level + 1
       });
     }
-    J({
-      opened: c
-    }), se(() => {
-      e.addSubMenu(S), u.addSubMenu(S);
-    }), pe(() => {
-      u.removeSubMenu(S), e.removeSubMenu(S);
+    q({
+      opened: m
+    }), ue(() => {
+      e.addSubMenu(h), a.addSubMenu(h);
+    }), ae(() => {
+      a.removeSubMenu(h), e.removeSubMenu(h);
     });
-    const v = me(), D = i(() => I(o.icon, "icon")), te = i(() => I(o.expandIcon, "icon")), re = i(() => I(o.collapseIcon, "icon")), ie = i(() => d.value === "horizontal" && C.value || d.value === "vertical" && !e.props.collapse ? {
+    const V = se(), N = i(() => g(o.icon, "icon")), ee = i(() => g(o.expandIcon, "icon")), oe = i(() => g(o.collapseIcon, "icon")), te = i(() => p.value === "horizontal" && b.value || p.value === "vertical" && !e.props.collapse ? {
       icon: "icon-arrow-down",
       size: 20,
-      ...te.value
+      ...ee.value
     } : {
       icon: "icon-arrow-right",
       size: 18,
-      ...re.value
-    }), L = i(() => fe(f, "title"));
+      ...oe.value
+    }), R = i(() => de(c, "title"));
     return () => {
-      var n;
-      const t = [(n = D.value) != null && n.icon ? s(U, {
-        ...D.value
-      }) : null, s("span", {
-        class: [a.e("text"), a.is("arrow", o.showArrow)],
-        title: f.props.title
-      }, L.value), o.showArrow ? s(U, {
-        class: a.e("icon-arrow"),
-        ...ie.value,
+      const t = [N.value?.icon ? u(L, {
+        ...N.value
+      }) : null, u("span", {
+        class: [n.e("text"), n.is("arrow", o.showArrow)],
+        title: c.props.title
+      }, R.value), o.showArrow ? u(L, {
+        class: n.e("icon-arrow"),
+        ...te.value,
         style: {
-          transform: c.value ? "rotateZ(180deg)" : "none"
+          transform: m.value ? "rotateZ(180deg)" : "none"
         }
-      }) : !1], l = e.isMenuPopup ? s(he, {
-        ref: P,
-        visible: c.value,
+      }) : !1], l = e.isMenuPopup ? u(Me, {
+        ref: E,
+        visible: m.value,
         effect: "light",
         pure: !0,
         offset: o.popperOffset,
         showArrow: !1,
-        persistent: !0,
+        persistent: !1,
         popperClass: o.popperClass,
-        placement: F.value,
-        teleported: y.value,
-        fallbackPlacements: X.value,
-        transition: W.value,
+        placement: A.value,
+        teleported: x.value,
+        fallbackPlacements: Q.value,
+        transition: K.value,
         gpuAcceleration: !1,
         ...o.toolTipCfg
       }, {
-        content: () => {
-          var r;
-          return s("div", {
-            class: [p.m(d.value), p.m("popup-container"), o.popperClass],
-            onMouseenter: (h) => b(h, 100),
-            onMouseleave: (h) => x(h, !0),
-            onFocus: (h) => b(h, 100)
-          }, [s("ul", {
-            class: [p.b(), p.m("popup"), p.m(`popup-${F.value}`)],
-            style: V.value
-          }, [(r = v.default) == null ? void 0 : r.call(v)])]);
-        },
-        default: () => s("div", {
-          class: a.e("title"),
-          style: [N.value, {
-            backgroundColor: j.value
+        content: () => u("div", {
+          class: [s.m(p.value), s.m("popup-container"), o.popperClass],
+          onMouseenter: (r) => v(r, 100),
+          onMouseleave: (r) => T(r, !0),
+          onFocus: (r) => v(r, 100)
+        }, [u("ul", {
+          class: [s.b(), s.m("popup"), s.m(`popup-${A.value}`)],
+          style: j.value
+        }, [V.default?.()])]),
+        default: () => u("div", {
+          class: n.e("title"),
+          style: [$.value, {
+            backgroundColor: B.value
           }],
-          onMouseenter: (r) => b(r),
-          onMouseleave: (r) => x(r, !0),
-          onClick: (r) => R(r)
+          onMouseenter: (r) => v(r),
+          onMouseleave: (r) => T(r, !0),
+          onClick: (r) => O(r)
         }, t)
       }) : (
         // 以下是无需 tooltip 渲染的组件，通常是侧边栏没有折叠的时候
-        s(ce, {}, [L.value ? s("div", {
-          class: a.e("title"),
-          style: [N.value, {
-            backgroundColor: j.value
+        u(me, {}, [R.value ? u("div", {
+          class: n.e("title"),
+          style: [$.value, {
+            backgroundColor: B.value
           }],
-          ref: Q,
-          onClick: R
-        }, t) : null, s(be, {}, {
-          default: () => {
-            var r;
-            return de(s("ul", {
-              role: "menu",
-              class: [p.b(), p.m("inline")],
-              style: V.value
-            }, [(r = v.default) == null ? void 0 : r.call(v)]), [[ve, c.value]]);
-          }
+          ref: J,
+          onClick: O
+        }, t) : null, u(fe, {}, {
+          default: () => pe(u("ul", {
+            role: "menu",
+            class: [s.b(), s.m("inline")],
+            style: j.value
+          }, [V.default?.()]), [[ce, m.value]])
         })])
       );
-      return s("li", {
-        class: [a.b(), a.is("active", M.value), a.e(String(u.level)), a.is("in-popup", u.level !== 0), a.is("opened", c.value), a.is("arrow", !0), a.is("disabled", o.disabled)],
+      return u("li", {
+        class: [n.b(), n.is("active", d.value), n.e(String(a.level)), n.is("in-popup", a.level !== 0), n.is("opened", m.value), n.is("arrow", !0), n.is("disabled", o.disabled)],
         role: "menuitem",
         ariaHaspopup: !0,
-        ariaExpanded: c.value,
-        onMouseenter: [ee, (r) => b(r)],
-        onMouseleave: [oe, (r) => x(r, !0)],
-        onFocus: b
+        ariaExpanded: m.value,
+        onMouseenter: [Y, (r) => v(r)],
+        onMouseleave: [_, (r) => T(r, !0)],
+        onFocus: v
       }, [l]);
     };
   }
 });
 export {
-  bt as default
+  ft as default
 };

package/es/components/menu/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import type { Ref } from 'vue';
 import type { RouteLocationRaw } from 'vue-router';
 export interface MenuItemRegistered {

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

@@ -1,37 +1,34 @@
-var i = Object.defineProperty;
-var o = (s, e, t) => e in s ? i(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var n = (s, e, t) => o(s, typeof e != "symbol" ? e + "" : e, t);
-import { triggerEvent as r } from "@vft/utils";
-import { EVENT_CODE as u } from "@vft/constants";
-import a from "./submenu.js";
-class h {
+import { triggerEvent as u } from "@vft/utils";
+import { EVENT_CODE as s } from "@vft/constants";
+import r from "./submenu.js";
+class m {
   constructor(e, t) {
-    n(this, "submenu", null);
     this.domNode = e, this.submenu = null, this.init(t);
   }
+  submenu = null;
   init(e) {
     this.domNode.setAttribute("tabindex", "0");
     const t = this.domNode.querySelector(`.${e}-menu`);
-    t && (this.submenu = new a(this, t)), this.addListeners();
+    t && (this.submenu = new r(this, t)), this.addListeners();
   }
   addListeners() {
     this.domNode.addEventListener("keydown", (e) => {
       let t = !1;
       switch (e.code) {
-        case u.down: {
-          r(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
+        case s.down: {
+          u(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(0), t = !0;
           break;
         }
-        case u.up: {
-          r(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
+        case s.up: {
+          u(e.currentTarget, "mouseenter"), this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1), t = !0;
           break;
         }
-        case u.tab: {
-          r(e.currentTarget, "mouseleave");
+        case s.tab: {
+          u(e.currentTarget, "mouseleave");
           break;
         }
-        case u.enter:
-        case u.space: {
+        case s.enter:
+        case s.space: {
           t = !0, e.currentTarget.click();
           break;
         }
@@ -41,5 +38,5 @@ class h {
   }
 }
 export {
-  h as default
+  m as default
 };

package/es/components/menu/utils/submenu.js

@@ -1,14 +1,11 @@
-var a = Object.defineProperty;
-var i = (s, e, t) => e in s ? a(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var o = (s, e, t) => i(s, typeof e != "symbol" ? e + "" : e, t);
-import { triggerEvent as h } from "@vft/utils";
-import { EVENT_CODE as r } from "@vft/constants";
-class l {
-  constructor(e, t) {
-    o(this, "subMenuItems");
-    o(this, "subIndex", 0);
-    this.parent = e, this.domNode = t, this.subIndex = 0, this.init();
+import { triggerEvent as n } from "@vft/utils";
+import { EVENT_CODE as t } from "@vft/constants";
+class h {
+  constructor(e, u) {
+    this.parent = e, this.domNode = u, this.subIndex = 0, this.init();
   }
+  subMenuItems;
+  subIndex = 0;
   init() {
     this.subMenuItems = this.domNode.querySelectorAll("li"), this.addListeners();
   }
@@ -17,33 +14,33 @@ class l {
   }
   addListeners() {
     const e = this.parent.domNode;
-    Array.prototype.forEach.call(this.subMenuItems, (t) => {
-      t.addEventListener("keydown", (u) => {
-        let n = !1;
-        switch (u.code) {
-          case r.down: {
-            this.gotoSubIndex(this.subIndex + 1), n = !0;
+    Array.prototype.forEach.call(this.subMenuItems, (u) => {
+      u.addEventListener("keydown", (s) => {
+        let r = !1;
+        switch (s.code) {
+          case t.down: {
+            this.gotoSubIndex(this.subIndex + 1), r = !0;
             break;
           }
-          case r.up: {
-            this.gotoSubIndex(this.subIndex - 1), n = !0;
+          case t.up: {
+            this.gotoSubIndex(this.subIndex - 1), r = !0;
             break;
           }
-          case r.tab: {
-            h(e, "mouseleave");
+          case t.tab: {
+            n(e, "mouseleave");
             break;
           }
-          case r.enter:
-          case r.space: {
-            n = !0, u.currentTarget.click();
+          case t.enter:
+          case t.space: {
+            r = !0, s.currentTarget.click();
             break;
           }
         }
-        return n && (u.preventDefault(), u.stopPropagation()), !1;
+        return r && (s.preventDefault(), s.stopPropagation()), !1;
       });
     });
   }
 }
 export {
-  l as default
+  h as default
 };

package/es/components/message/message.vue.d.ts

@@ -17,17 +17,19 @@ export interface MessageProps {
     repeatNum?: number;
 }
 declare function close(): void;
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<MessageProps>, {
-    visible: import("vue").Ref<boolean>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MessageProps>>, {
+    visible: import("vue").Ref<boolean, boolean>;
     bottom: import("vue").ComputedRef<number>;
     close: typeof close;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     destroy: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MessageProps>>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<MessageProps>>> & Readonly<{
     onDestroy?: ((...args: any[]) => any) | undefined;
-}, {}, {}>, {
-    default?(_: {}): any;
-}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {