vft 0.0.239 → 0.0.240

package/es/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "vft",
-  "version": "0.0.239",
+  "version": "0.0.240",
   "license": "MIT",
   "main": "lib/index.cjs",
   "module": "es/index.js",
@@ -55,7 +55,7 @@ declare const _default: {
     "@floating-ui/dom": "1.5.3",
     "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
     "@vue/repl": "3.4.0",
-    "@vueuse/core": "10.6.1",
+    "@vueuse/core": "13.5.0",
     "@waline/client": "2.15.8",
     "async-validator": "4.2.5",
     "dayjs": "1.11.10",

package/es/package.json.js

@@ -1,4 +1,4 @@
-const o = "0.0.239";
+const o = "0.0.240";
 export {
   o as version
 };

package/es/utils/dom/aria.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Determine if the testing element is visible on screen no matter if its on the viewport or not
+ */
+export declare const isVisible: (element: HTMLElement) => boolean;
+export declare const obtainAllFocusableElements: (element: HTMLElement) => HTMLElement[];
+/**
+ * @desc Determine if target element is focusable
+ * @param element {HTMLElement}
+ * @returns {Boolean} true if it is focusable
+ */
+export declare const isFocusable: (element: HTMLElement) => boolean;
+/**
+ * @desc Set Attempt to set focus on the current node.
+ * @param element
+ *          The node to attempt to focus on.
+ * @returns
+ *  true if element is focused.
+ */
+export declare const attemptFocus: (element: HTMLElement) => boolean;
+/**
+ * Trigger an event
+ * mouseenter, mouseleave, mouseover, keyup, change, click, etc.
+ * @param  {HTMLElement} elm
+ * @param  {String} name
+ * @param  {*} opts
+ */
+export declare const triggerEvent: (elm: HTMLElement, name: string, ...opts: Array<boolean>) => HTMLElement;
+export declare const isLeaf: (el: HTMLElement) => boolean;
+export declare const getSibling: (el: HTMLElement, distance: number, elClass: string) => Element | null;
+export declare const focusNode: (el: HTMLElement) => void;

package/es/utils/dom/aria.js

@@ -0,0 +1,42 @@
+const u = 'a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])', c = (t) => process.env.NODE_ENV === "test" ? !0 : getComputedStyle(t).position === "fixed" ? !1 : t.offsetParent !== null, d = (t) => Array.from(
+  t.querySelectorAll(u)
+).filter((e) => i(e) && c(e)), i = (t) => {
+  if (t.tabIndex > 0 || t.tabIndex === 0 && t.getAttribute("tabIndex") !== null)
+    return !0;
+  if (t.tabIndex < 0 || t.hasAttribute("disabled") || t.getAttribute("aria-disabled") === "true")
+    return !1;
+  switch (t.nodeName) {
+    case "A":
+      return !!t.href && t.rel !== "ignore";
+    case "INPUT":
+      return !(t.type === "hidden" || t.type === "file");
+    case "BUTTON":
+    case "SELECT":
+    case "TEXTAREA":
+      return !0;
+    default:
+      return !1;
+  }
+}, l = (t) => i(t) ? (t.focus?.(), document.activeElement === t) : !1, f = function(t, e, ...s) {
+  let n;
+  e.includes("mouse") || e.includes("click") ? n = "MouseEvents" : e.includes("key") ? n = "KeyboardEvent" : n = "HTMLEvents";
+  const r = document.createEvent(n);
+  return r.initEvent(e, ...s), t.dispatchEvent(r), t;
+}, a = (t) => !t.getAttribute("aria-owns"), b = (t, e, s) => {
+  const { parentNode: n } = t;
+  if (!n) return null;
+  const r = n.querySelectorAll(s), o = Array.prototype.indexOf.call(r, t);
+  return r[o + e] || null;
+}, E = (t) => {
+  t && (t.focus(), !a(t) && t.click());
+};
+export {
+  l as attemptFocus,
+  E as focusNode,
+  b as getSibling,
+  i as isFocusable,
+  a as isLeaf,
+  c as isVisible,
+  d as obtainAllFocusableElements,
+  f as triggerEvent
+};

package/es/utils/dom/index.d.ts

@@ -1,2 +1,3 @@
+export * from './aria';
 export * from './position';
 export * from './scroll';

package/es/utils/dom/index.js

@@ -1,12 +1,21 @@
-import { getClientXY as o, getOffsetTop as r, getOffsetTopDistance as l, isInContainer as i } from "./position.js";
-import { getScrollBarWidth as f, getScrollContainer as s, isScroll as c, scrollIntoView as g } from "./scroll.js";
+import { attemptFocus as o, focusNode as i, getSibling as l, isFocusable as r, isLeaf as s, isVisible as n, obtainAllFocusableElements as a, triggerEvent as c } from "./aria.js";
+import { getClientXY as g, getOffsetTop as p, getOffsetTopDistance as b, isInContainer as m } from "./position.js";
+import { getScrollBarWidth as S, getScrollContainer as x, isScroll as C, scrollIntoView as F } from "./scroll.js";
 export {
-  o as getClientXY,
-  r as getOffsetTop,
-  l as getOffsetTopDistance,
-  f as getScrollBarWidth,
-  s as getScrollContainer,
-  i as isInContainer,
-  c as isScroll,
-  g as scrollIntoView
+  o as attemptFocus,
+  i as focusNode,
+  g as getClientXY,
+  p as getOffsetTop,
+  b as getOffsetTopDistance,
+  S as getScrollBarWidth,
+  x as getScrollContainer,
+  l as getSibling,
+  r as isFocusable,
+  m as isInContainer,
+  s as isLeaf,
+  C as isScroll,
+  n as isVisible,
+  a as obtainAllFocusableElements,
+  F as scrollIntoView,
+  c as triggerEvent
 };

package/es/utils/dom/scroll.js

@@ -1,7 +1,7 @@
 import { getStyle as p } from "@vft/utils";
-import { isClient as s } from "@vueuse/core";
+import { isClient as n } from "@vueuse/core";
 const h = (e, t) => {
-  if (!s) return !1;
+  if (!n) return !1;
   const o = {
     undefined: "overflow",
     true: "overflow-y",
@@ -9,7 +9,7 @@ const h = (e, t) => {
   }[String(t)], l = p(e, o);
   return ["scroll", "auto", "overlay"].some((r) => l.includes(r));
 }, a = (e, t) => {
-  if (!s) return;
+  if (!n) return;
   let o = e;
   for (; o; ) {
     if ([window, document, document.documentElement].includes(o))
@@ -19,11 +19,10 @@ const h = (e, t) => {
   }
   return o;
 };
-let n;
+let i;
 const v = (e) => {
-  var i;
-  if (!s) return 0;
-  if (n !== void 0) return n;
+  if (!n) return 0;
+  if (i !== void 0) return i;
   const t = document.createElement("div");
   t.className = `${e}-scrollbar__wrap`, t.style.visibility = "hidden", t.style.width = "100px", t.style.position = "absolute", t.style.top = "-9999px", document.body.appendChild(t);
   const o = t.offsetWidth;
@@ -31,10 +30,10 @@ const v = (e) => {
   const l = document.createElement("div");
   l.style.width = "100%", t.appendChild(l);
   const r = l.offsetWidth;
-  return (i = t.parentNode) == null || i.removeChild(t), n = o - r, n;
+  return t.parentNode?.removeChild(t), i = o - r, i;
 };
 function y(e, t) {
-  if (!s) return;
+  if (!n) return;
   if (!t) {
     e.scrollTop = 0;
     return;
@@ -43,8 +42,8 @@ function y(e, t) {
   let l = t.offsetParent;
   for (; l !== null && e !== l && e.contains(l); )
     o.push(l), l = l.offsetParent;
-  const r = t.offsetTop + o.reduce((d, u) => d + u.offsetTop, 0), i = r + t.offsetHeight, f = e.scrollTop, c = f + e.clientHeight;
-  r < f ? e.scrollTop = r : i > c && (e.scrollTop = i - e.clientHeight);
+  const r = t.offsetTop + o.reduce((d, u) => d + u.offsetTop, 0), s = r + t.offsetHeight, f = e.scrollTop, c = f + e.clientHeight;
+  r < f ? e.scrollTop = r : s > c && (e.scrollTop = s - e.clientHeight);
 }
 export {
   v as getScrollBarWidth,

package/es/utils/event.d.ts

@@ -1,4 +1,4 @@
-export declare const composeEventHandlers: <E>(theirsHandler?: ((event: E) => boolean | void) | undefined, oursHandler?: ((event: E) => void) | undefined, { checkForDefaultPrevented }?: {
+export declare const composeEventHandlers: <E>(theirsHandler?: (event: E) => boolean | void, oursHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
     checkForDefaultPrevented?: boolean | undefined;
 }) => (event: E) => void;
 type WhenMouseHandler = (e: PointerEvent) => any;

package/es/utils/event.js

@@ -1,9 +1,9 @@
-const v = (o, t, { checkForDefaultPrevented: c = !0 } = {}) => (n) => {
-  const e = o == null ? void 0 : o(n);
-  if (c === !1 || !e)
-    return t == null ? void 0 : t(n);
-}, u = (o) => (t) => t.pointerType === "mouse" ? o(t) : void 0;
+const u = (n, e, { checkForDefaultPrevented: o = !0 } = {}) => (t) => {
+  const r = n?.(t);
+  if (o === !1 || !r)
+    return e?.(t);
+}, c = (n) => (e) => e.pointerType === "mouse" ? n(e) : void 0;
 export {
-  v as composeEventHandlers,
-  u as whenMouse
+  u as composeEventHandlers,
+  c as whenMouse
 };

package/es/utils/helper.d.ts

@@ -1,4 +1,4 @@
 import { type ComponentSize } from 'vft/es/constants';
 export declare const getSizeType: (type: string) => string | false;
-export declare const isValidComponentSize: (val: string) => val is "" | "default" | "small" | "large";
+export declare const isValidComponentSize: (val: string) => val is ComponentSize | "";
 export declare const getComponentSize: (size?: ComponentSize) => 32 | 24 | 40;

package/es/utils/index.js

@@ -1,61 +1,70 @@
-import { getClientXY as o, getOffsetTop as t, getOffsetTopDistance as s, isInContainer as i } from "./dom/position.js";
-import { getScrollBarWidth as p, getScrollContainer as n, isScroll as a, scrollIntoView as m } from "./dom/scroll.js";
-import { debugWarn as d, throwError as g } from "./error.js";
-import { composeEventHandlers as c, whenMouse as C } from "./event.js";
-import { getComponentSize as u, getSizeType as P, isValidComponentSize as V } from "./helper.js";
-import { cssVarValue as I, generateCssVars as S, primaryColor as y, setCssVar as F, setPrimaryColorCssvars as T } from "./ns-cover.js";
-import { mutable as z } from "./typescript.js";
-import { escapeStringRegexp as N } from "./vue/data-helper.js";
-import { withInstall as O, withInstallDirective as A, withInstallFunction as B, withNoopInstall as D } from "./vue/install.js";
-import { buildProp as W, buildProps as k, definePropType as H, epPropKey as K, isEpProp as M } from "./vue/props/runtime.js";
-import { cAF as Y, rAF as j } from "./vue/raf.js";
-import { composeRefs as G } from "./vue/refs.js";
-import { PatchFlags as L, ensureOnlyChild as Q, flattedChildren as U, getFirstValidNode as Z, getNormalizedProps as _, isComment as $, isFragment as ee, isTemplate as re, isText as oe, isValidElementNode as te, renderBlock as se, renderIf as ie } from "./vue/vnode.js";
+import { attemptFocus as r, focusNode as t, getSibling as s, isFocusable as i, isLeaf as l, isVisible as n, obtainAllFocusableElements as p, triggerEvent as a } from "./dom/aria.js";
+import { getClientXY as f, getOffsetTop as g, getOffsetTopDistance as c, isInContainer as d } from "./dom/position.js";
+import { getScrollBarWidth as C, getScrollContainer as u, isScroll as h, scrollIntoView as b } from "./dom/scroll.js";
+import { debugWarn as V, throwError as P } from "./error.js";
+import { composeEventHandlers as w, whenMouse as I } from "./event.js";
+import { getComponentSize as E, getSizeType as T, isValidComponentSize as N } from "./helper.js";
+import { cssVarValue as z, generateCssVars as A, primaryColor as O, setCssVar as B, setPrimaryColorCssvars as D } from "./ns-cover.js";
+import { mutable as W } from "./typescript.js";
+import { escapeStringRegexp as H } from "./vue/data-helper.js";
+import { withInstall as L, withInstallDirective as M, withInstallFunction as X, withNoopInstall as Y } from "./vue/install.js";
+import { buildProp as q, buildProps as G, definePropType as J, epPropKey as Q, isEpProp as U } from "./vue/props/runtime.js";
+import { cAF as _, rAF as $ } from "./vue/raf.js";
+import { composeRefs as oe } from "./vue/refs.js";
+import { PatchFlags as te, ensureOnlyChild as se, flattedChildren as ie, getFirstValidNode as le, getNormalizedProps as ne, isComment as pe, isFragment as ae, isTemplate as me, isText as fe, isValidElementNode as ge, renderBlock as ce, renderIf as de } from "./vue/vnode.js";
 export {
-  L as PatchFlags,
-  W as buildProp,
-  k as buildProps,
-  Y as cAF,
-  c as composeEventHandlers,
-  G as composeRefs,
-  I as cssVarValue,
-  d as debugWarn,
-  H as definePropType,
-  Q as ensureOnlyChild,
-  K as epPropKey,
-  N as escapeStringRegexp,
-  U as flattedChildren,
-  S as generateCssVars,
-  o as getClientXY,
-  u as getComponentSize,
-  Z as getFirstValidNode,
-  _ as getNormalizedProps,
-  t as getOffsetTop,
-  s as getOffsetTopDistance,
-  p as getScrollBarWidth,
-  n as getScrollContainer,
-  P as getSizeType,
-  $ as isComment,
-  M as isEpProp,
-  ee as isFragment,
-  i as isInContainer,
-  a as isScroll,
-  re as isTemplate,
-  oe as isText,
-  V as isValidComponentSize,
-  te as isValidElementNode,
-  z as mutable,
-  y as primaryColor,
-  j as rAF,
-  se as renderBlock,
-  ie as renderIf,
-  m as scrollIntoView,
-  F as setCssVar,
-  T as setPrimaryColorCssvars,
-  g as throwError,
-  C as whenMouse,
-  O as withInstall,
-  A as withInstallDirective,
-  B as withInstallFunction,
-  D as withNoopInstall
+  te as PatchFlags,
+  r as attemptFocus,
+  q as buildProp,
+  G as buildProps,
+  _ as cAF,
+  w as composeEventHandlers,
+  oe as composeRefs,
+  z as cssVarValue,
+  V as debugWarn,
+  J as definePropType,
+  se as ensureOnlyChild,
+  Q as epPropKey,
+  H as escapeStringRegexp,
+  ie as flattedChildren,
+  t as focusNode,
+  A as generateCssVars,
+  f as getClientXY,
+  E as getComponentSize,
+  le as getFirstValidNode,
+  ne as getNormalizedProps,
+  g as getOffsetTop,
+  c as getOffsetTopDistance,
+  C as getScrollBarWidth,
+  u as getScrollContainer,
+  s as getSibling,
+  T as getSizeType,
+  pe as isComment,
+  U as isEpProp,
+  i as isFocusable,
+  ae as isFragment,
+  d as isInContainer,
+  l as isLeaf,
+  h as isScroll,
+  me as isTemplate,
+  fe as isText,
+  N as isValidComponentSize,
+  ge as isValidElementNode,
+  n as isVisible,
+  W as mutable,
+  p as obtainAllFocusableElements,
+  O as primaryColor,
+  $ as rAF,
+  ce as renderBlock,
+  de as renderIf,
+  b as scrollIntoView,
+  B as setCssVar,
+  D as setPrimaryColorCssvars,
+  P as throwError,
+  a as triggerEvent,
+  I as whenMouse,
+  L as withInstall,
+  M as withInstallDirective,
+  X as withInstallFunction,
+  Y as withNoopInstall
 };

package/es/utils/ns-cover.d.ts

@@ -1,6 +1,6 @@
 import { type Ref } from 'vue';
-export declare const cssVarValue: (prop: any, target?: HTMLElement | Ref<HTMLElement>, observe?: boolean) => Ref<string> | undefined;
-export declare const primaryColor: () => Ref<string> | undefined;
+export declare const cssVarValue: (prop: any, target?: HTMLElement | Ref<HTMLElement>, observe?: boolean) => import("vue").ShallowRef<string | undefined, string | undefined> | undefined;
+export declare const primaryColor: () => import("vue").ShallowRef<string | undefined, string | undefined> | Ref<string, string> | undefined;
 export declare function generateCssVars(vars: Record<string, string | number | undefined>, name: any): Record<string, string | number | undefined>;
 /**
  * @description set html vars

package/es/utils/typescript.d.ts

@@ -1,4 +1,4 @@
-export declare const mutable: <T extends readonly any[] | Record<string, unknown>>(val: T) => Mutable<T>;
+export declare const mutable: <T extends readonly any[] | Record<string, unknown>>(val: T) => Mutable<typeof val>;
 export type Mutable<T> = {
     -readonly [P in keyof T]: T[P];
 };

package/es/utils/vue/install.d.ts

@@ -3,7 +3,7 @@ import type { SFCInstallWithContext, SFCWithInstall } from './typescript';
 /**
  * @description 组件注册
  */
-export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E | undefined) => SFCWithInstall<T> & E;
+export declare const withInstall: <T, E extends Record<string, any>>(main: T, extra?: E) => SFCWithInstall<T> & E;
 export declare const withInstallFunction: <T>(fn: T, name: string) => SFCInstallWithContext<T>;
 export declare const withInstallDirective: <T extends Directive>(directive: T, name: string) => SFCWithInstall<T>;
 export declare const withNoopInstall: <T>(component: T) => SFCWithInstall<T>;

package/es/utils/vue/props/runtime.d.ts

@@ -22,7 +22,7 @@ export declare const isEpProp: (val: unknown) => val is EpProp<any, any, any>;
     validator: (val: unknown): val is number => typeof val === 'number',
   } as const)
  */
-export declare const buildProp: <Type = never, Value = never, Validator = never, Default extends EpPropMergeType<Type, Value, Validator> = never, Required_1 extends boolean = false>(prop: EpPropInput<Type, Value, Validator, Default, Required_1>, key?: string) => EpPropFinalized<Type, Value, Validator, Default, Required_1>;
-export declare const buildProps: <Props extends Record<string, NativePropType | {
-    __epPropKey: true;
-} | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };
+export declare const buildProp: <Type = never, Value = never, Validator = never, Default extends EpPropMergeType<Type, Value, Validator> = never, Required extends boolean = false>(prop: EpPropInput<Type, Value, Validator, Default, Required>, key?: string) => EpPropFinalized<Type, Value, Validator, Default, Required>;
+export declare const buildProps: <Props extends Record<string, {
+    [epPropKey]: true;
+} | NativePropType | EpPropInput<any, any, any, any, any>>>(props: Props) => { [K in keyof Props]: IfEpProp<Props[K], Props[K], IfNativePropType<Props[K], Props[K], EpPropConvert<Props[K]>>>; };

package/es/utils/vue/props/runtime.js

@@ -7,7 +7,7 @@ const u = "__epPropKey", _ = (e) => e, w = (e) => f(e) && !!e[u], y = (e, t) =>
     required: !!c,
     validator: o || a ? (l) => {
       let i = !1, r = [];
-      if (o && (r = Array.from(o), d(e, "default") && r.push(n), i || (i = r.includes(l))), a && (i || (i = a(l))), !i && r.length > 0) {
+      if (o && (r = Array.from(o), d(e, "default") && r.push(n), i ||= r.includes(l)), a && (i ||= a(l)), !i && r.length > 0) {
         const m = [...new Set(r)].map((P) => JSON.stringify(P)).join(", ");
         console.warn(
           `Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${m}], got value ${JSON.stringify(

package/es/utils/vue/vnode.d.ts

@@ -33,7 +33,7 @@ export declare function isValidElementNode(node: VNode): boolean;
 export declare function isValidElementNode(node: unknown): node is VNode;
 export declare const getFirstValidNode: (nodes: VNodeNormalizedChildren, maxDepth?: number) => string | number | boolean | void | VNodeArrayChildren | {
     [name: string]: unknown;
-    $stable?: boolean | undefined;
+    $stable?: boolean;
 } | VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> | null | undefined;

package/es/utils/vue/vnode.js

@@ -1,23 +1,23 @@
 import { hasOwn as m, camelize as A, isArray as E } from "@vft/utils";
-import { isVNode as u, Fragment as N, Comment as S, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
+import { isVNode as o, Fragment as N, Comment as S, Text as s, createCommentVNode as L, createBlock as _, openBlock as C } from "vue";
 import { debugWarn as O } from "../error.js";
 const R = "utils/vue/vnode";
 var D = /* @__PURE__ */ ((e) => (e[e.TEXT = 1] = "TEXT", e[e.CLASS = 2] = "CLASS", e[e.STYLE = 4] = "STYLE", e[e.PROPS = 8] = "PROPS", e[e.FULL_PROPS = 16] = "FULL_PROPS", e[e.HYDRATE_EVENTS = 32] = "HYDRATE_EVENTS", e[e.STABLE_FRAGMENT = 64] = "STABLE_FRAGMENT", e[e.KEYED_FRAGMENT = 128] = "KEYED_FRAGMENT", e[e.UNKEYED_FRAGMENT = 256] = "UNKEYED_FRAGMENT", e[e.NEED_PATCH = 512] = "NEED_PATCH", e[e.DYNAMIC_SLOTS = 1024] = "DYNAMIC_SLOTS", e[e.HOISTED = -1] = "HOISTED", e[e.BAIL = -2] = "BAIL", e))(D || {});
 function f(e) {
-  return u(e) && e.type === N;
+  return o(e) && e.type === N;
 }
 function b(e) {
-  return u(e) && e.type === s;
+  return o(e) && e.type === s;
 }
 function p(e) {
-  return u(e) && e.type === S;
+  return o(e) && e.type === S;
 }
 const y = "template";
 function Y(e) {
-  return u(e) && e.type === y;
+  return o(e) && e.type === y;
 }
 function G(e) {
-  return u(e) && !f(e) && !p(e);
+  return o(e) && !f(e) && !p(e);
 }
 function T(e, t) {
   if (!p(e))
@@ -31,13 +31,13 @@ function v(...e) {
   return C(), _(...e);
 }
 const w = (e) => {
-  if (!u(e))
+  if (!o(e))
     return O(R, "[getNormalizedProps] must be a VNode"), {};
-  const t = e.props || {}, n = (u(e.type) ? e.type.props : void 0) || {}, r = {};
-  return Object.keys(n).forEach((o) => {
-    m(n[o], "default") && (r[o] = n[o].default);
-  }), Object.keys(t).forEach((o) => {
-    r[A(o)] = t[o];
+  const t = e.props || {}, n = (o(e.type) ? e.type.props : void 0) || {}, r = {};
+  return Object.keys(n).forEach((u) => {
+    m(n[u], "default") && (r[u] = n[u].default);
+  }), Object.keys(t).forEach((u) => {
+    r[A(u)] = t[u];
   }), r;
 }, K = (e) => {
   if (!E(e) || e.length > 1)
@@ -46,8 +46,7 @@ const w = (e) => {
 }, i = (e) => {
   const t = E(e) ? e : [e], n = [];
   return t.forEach((r) => {
-    var o;
-    E(r) ? n.push(...i(r)) : u(r) && E(r.children) ? n.push(...i(r.children)) : (n.push(r), u(r) && ((o = r.component) != null && o.subTree) && n.push(...i(r.component.subTree)));
+    E(r) ? n.push(...i(r)) : o(r) && E(r.children) ? n.push(...i(r.children)) : (n.push(r), o(r) && r.component?.subTree && n.push(...i(r.component.subTree)));
   }), n;
 };
 export {

package/lib/components/affix/affix.vue.d.ts

@@ -1,38 +1,40 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
-}, {
+}>, {
     /** @description update affix status */
     update: () => void;
     /** @description update rootRect info */
     updateRoot: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (fixed: boolean) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     scroll: (args_0: {
         scrollTop: number;
         fixed: boolean;
     }) => void;
+    change: (fixed: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     readonly zIndex: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 100, boolean>;
     readonly target: import("vft/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
     readonly offset: import("vft/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
     readonly position: import("vft/es/utils").EpPropFinalized<StringConstructor, "bottom" | "top", unknown, "top", boolean>;
-}>> & {
+}>> & Readonly<{
     onChange?: ((fixed: boolean) => any) | undefined;
     onScroll?: ((args_0: {
         scrollTop: number;
         fixed: boolean;
     }) => any) | undefined;
-}, {
+}>, {
     readonly target: string;
     readonly position: import("vft/es/utils").EpPropMergeType<StringConstructor, "bottom" | "top", unknown>;
     readonly zIndex: number;
     readonly offset: number;
-}, {}>, {
-    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_WithTemplateSlots<T, S> = T & {
     new (): {