ep-craft 0.1.39 → 0.1.41

package/dist/components/virtual-list/src/components/scrollbar.js

@@ -1,104 +1,96 @@
-import { defineComponent as C, computed as n, ref as E, reactive as N, unref as f, watch as k, onBeforeUnmount as O, h as x, withModifiers as _ } from "vue";
+import { defineComponent as C, computed as a, ref as p, reactive as N, unref as f, watch as k, onBeforeUnmount as O, h as x, withModifiers as _ } from "vue";
 import "../../../scrollbar/index.js";
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
 import { cAF as F, rAF as H } from "../../../../utils/raf.js";
-import "@element-plus/icons-vue";
 import { useNamespace as L } from "../../../../hooks/use-namespace/index.js";
+import "@vueuse/core";
 import "../../../../hooks/use-size/index.js";
-import "@popperjs/core";
-import "../../../../hooks/use-z-index/index.js";
-import "../../../../hooks/use-delayed-toggle/index.js";
 import "../../../../hooks/use-aria/index.js";
-import "../../../../hooks/use-model-toggle/index.js";
-import "../../../../hooks/use-empty-values/index.js";
 import { ScrollbarDirKey as G, HORIZONTAL as R, SCROLLBAR_MIN_SIZE as V } from "../defaults.js";
 import { virtualizedScrollbarProps as Z } from "../props.js";
 import { renderThumbStyle as $ } from "../utils.js";
 import { BAR_MAP as K } from "../../../scrollbar/src/util.js";
-const mt = C({
+const ne = C({
   name: "ElVirtualScrollBar",
   props: Z,
   emits: ["scroll", "start-move", "stop-move"],
-  setup(e, { emit: u }) {
-    const p = n(() => e.startGap + e.endGap), I = L("virtual-scrollbar"), A = L("scrollbar"), h = E(), a = E();
-    let S = null, g = null;
-    const r = N({
+  setup(t, { emit: u }) {
+    const S = a(() => t.startGap + t.endGap), I = L("virtual-scrollbar"), A = L("scrollbar"), h = p(), r = p();
+    let M = null, g = null;
+    const n = N({
       isDragging: !1,
       traveled: 0
-    }), o = n(() => K[e.layout]), i = n(() => e.clientSize - f(p)), B = n(() => ({
+    }), o = a(() => K[t.layout]), s = a(() => t.clientSize - f(S)), B = a(() => ({
       position: "absolute",
-      width: `${R === e.layout ? i.value : e.scrollbarSize}px`,
-      height: `${R === e.layout ? e.scrollbarSize : i.value}px`,
-      [G[e.layout]]: "2px",
+      width: `${R === t.layout ? s.value : t.scrollbarSize}px`,
+      height: `${R === t.layout ? t.scrollbarSize : s.value}px`,
+      [G[t.layout]]: "2px",
       right: "2px",
       bottom: "2px",
       borderRadius: "4px"
-    })), b = n(() => {
-      const t = e.ratio;
-      if (t >= 100)
+    })), b = a(() => {
+      const e = t.ratio;
+      if (e >= 100)
         return Number.POSITIVE_INFINITY;
-      if (t >= 50)
-        return t * i.value / 100;
-      const l = i.value / 3;
+      if (e >= 50)
+        return e * s.value / 100;
+      const l = s.value / 3;
       return Math.floor(
         Math.min(
-          Math.max(t * i.value / 100, V),
+          Math.max(e * s.value / 100, V),
           l
         )
       );
-    }), T = n(() => {
+    }), T = a(() => {
       if (!Number.isFinite(b.value))
         return {
           display: "none"
         };
-      const t = `${b.value}px`;
+      const e = `${b.value}px`;
       return $(
         {
           bar: o.value,
-          size: t,
-          move: r.traveled
+          size: e,
+          move: n.traveled
         },
-        e.layout
+        t.layout
       );
-    }), s = n(
-      () => Math.ceil(e.clientSize - b.value - f(p))
+    }), i = a(
+      () => Math.ceil(t.clientSize - b.value - f(S))
     ), z = () => {
-      window.addEventListener("mousemove", m), window.addEventListener("mouseup", c);
-      const t = f(a);
-      t && (g = document.onselectstart, document.onselectstart = () => !1, t.addEventListener("touchmove", m, { passive: !0 }), t.addEventListener("touchend", c));
-    }, M = () => {
-      window.removeEventListener("mousemove", m), window.removeEventListener("mouseup", c), document.onselectstart = g, g = null;
-      const t = f(a);
-      t && (t.removeEventListener("touchmove", m), t.removeEventListener("touchend", c));
-    }, y = (t) => {
-      t.stopImmediatePropagation(), !(t.ctrlKey || [1, 2].includes(t.button)) && (r.isDragging = !0, r[o.value.axis] = t.currentTarget[o.value.offset] - (t[o.value.client] - t.currentTarget.getBoundingClientRect()[o.value.direction]), u("start-move"), z());
+      window.addEventListener("mousemove", v), window.addEventListener("mouseup", c);
+      const e = f(r);
+      e && (g = document.onselectstart, document.onselectstart = () => !1, e.addEventListener("touchmove", v, { passive: !0 }), e.addEventListener("touchend", c));
+    }, y = () => {
+      window.removeEventListener("mousemove", v), window.removeEventListener("mouseup", c), document.onselectstart = g, g = null;
+      const e = f(r);
+      e && (e.removeEventListener("touchmove", v), e.removeEventListener("touchend", c));
+    }, w = (e) => {
+      e.stopImmediatePropagation(), !(e.ctrlKey || [1, 2].includes(e.button)) && (n.isDragging = !0, n[o.value.axis] = e.currentTarget[o.value.offset] - (e[o.value.client] - e.currentTarget.getBoundingClientRect()[o.value.direction]), u("start-move"), z());
     }, c = () => {
-      r.isDragging = !1, r[o.value.axis] = 0, u("stop-move"), M();
-    }, m = (t) => {
-      const { isDragging: l } = r;
-      if (!l || !a.value || !h.value) return;
-      const v = r[o.value.axis];
-      if (!v) return;
-      F(S);
-      const d = (h.value.getBoundingClientRect()[o.value.direction] - t[o.value.client]) * -1, P = a.value[o.value.offset] - v, w = d - P;
-      S = H(() => {
-        r.traveled = Math.max(0, Math.min(w, s.value)), u("scroll", w, s.value);
+      n.isDragging = !1, n[o.value.axis] = 0, u("stop-move"), y();
+    }, v = (e) => {
+      const { isDragging: l } = n;
+      if (!l || !r.value || !h.value) return;
+      const m = n[o.value.axis];
+      if (!m) return;
+      F(M);
+      const d = (h.value.getBoundingClientRect()[o.value.direction] - e[o.value.client]) * -1, P = r.value[o.value.offset] - m, E = d - P;
+      M = H(() => {
+        n.traveled = Math.max(0, Math.min(E, i.value)), u("scroll", E, i.value);
       });
-    }, D = (t) => {
+    }, D = (e) => {
       const l = Math.abs(
-        t.target.getBoundingClientRect()[o.value.direction] - t[o.value.client]
-      ), v = a.value[o.value.offset] / 2, d = l - v;
-      r.traveled = Math.max(0, Math.min(d, s.value)), u("scroll", d, s.value);
+        e.target.getBoundingClientRect()[o.value.direction] - e[o.value.client]
+      ), m = r.value[o.value.offset] / 2, d = l - m;
+      n.traveled = Math.max(0, Math.min(d, i.value)), u("scroll", d, i.value);
     };
     return k(
-      () => e.scrollFrom,
-      (t) => {
-        r.isDragging || (r.traveled = Math.ceil(t * s.value));
+      () => t.scrollFrom,
+      (e) => {
+        n.isDragging || (n.traveled = Math.ceil(e * i.value));
       }
     ), O(() => {
-      M();
+      y();
     }), () => x(
       "div",
       {
@@ -106,23 +98,23 @@ const mt = C({
         ref: h,
         class: [
           I.b(),
-          e.class,
-          (e.alwaysOn || r.isDragging) && "always-on"
+          t.class,
+          (t.alwaysOn || n.isDragging) && "always-on"
         ],
         style: B.value,
         onMousedown: _(D, [
           "stop",
           "prevent"
         ]),
-        onTouchstartPrevent: y
+        onTouchstartPrevent: w
       },
       x(
         "div",
         {
-          ref: a,
+          ref: r,
           class: A.e("thumb"),
           style: T.value,
-          onMousedown: y
+          onMousedown: w
         },
         []
       )
@@ -130,5 +122,5 @@ const mt = C({
   }
 });
 export {
-  mt as default
+  ne as default
 };

package/dist/components/virtual-list/src/hooks/use-grid-touch.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { GridScrollOptions, GridStates } from '../types';
+import type { GridScrollOptions, GridStates } from '../types.js';
 export declare const useGridTouch: (windowRef: Ref<HTMLElement | undefined>, states: Ref<GridStates>, scrollTo: (scrollOptions: GridScrollOptions) => void, estimatedTotalWidth: ComputedRef<number>, estimatedTotalHeight: ComputedRef<number>, parsedWidth: ComputedRef<number>, parsedHeight: ComputedRef<number>) => {
     touchStartX: Ref<number, number>;
     touchStartY: Ref<number, number>;

package/dist/components/virtual-list/src/hooks/use-grid-touch.js

@@ -1,40 +1,37 @@
 import { ref as h, unref as i } from "vue";
-import { useEventListener as m } from "@vueuse/core";
-import "@vue/shared";
-import "lodash-unified";
-import { cAF as p, rAF as M } from "../../../../utils/raf.js";
-import "@element-plus/icons-vue";
-const b = (a, u, f, v, S, T, d) => {
-  const o = h(0), e = h(0);
-  let r, l = 0, c = 0;
+import { useEventListener as f } from "@vueuse/core";
+import { cAF as m, rAF as M } from "../../../../utils/raf.js";
+const E = (r, u, p, v, S, T, d) => {
+  const e = h(0), l = h(0);
+  let a, o = 0, c = 0;
   const s = (t) => {
-    p(r), o.value = t.touches[0].clientX, e.value = t.touches[0].clientY, l = 0, c = 0;
+    m(a), e.value = t.touches[0].clientX, l.value = t.touches[0].clientY, o = 0, c = 0;
   }, n = (t) => {
-    t.preventDefault(), p(r), l += o.value - t.touches[0].clientX, c += e.value - t.touches[0].clientY, o.value = t.touches[0].clientX, e.value = t.touches[0].clientY, r = M(() => {
+    t.preventDefault(), m(a), o += e.value - t.touches[0].clientX, c += l.value - t.touches[0].clientY, e.value = t.touches[0].clientX, l.value = t.touches[0].clientY, a = M(() => {
       const L = v.value - i(T), X = S.value - i(d), Y = Math.min(
-        u.value.scrollLeft + l,
+        u.value.scrollLeft + o,
         L
       ), x = Math.min(
         u.value.scrollTop + c,
         X
       );
-      f({
+      p({
         scrollLeft: Y,
         scrollTop: x
-      }), l = 0, c = 0;
+      }), o = 0, c = 0;
     });
   };
-  return m(a, "touchstart", s, {
+  return f(r, "touchstart", s, {
     passive: !0
-  }), m(a, "touchmove", n, {
+  }), f(r, "touchmove", n, {
     passive: !1
   }), {
-    touchStartX: o,
-    touchStartY: e,
+    touchStartX: e,
+    touchStartY: l,
     handleTouchStart: s,
     handleTouchMove: n
   };
 };
 export {
-  b as useGridTouch
+  E as useGridTouch
 };

package/dist/components/virtual-list/src/hooks/use-grid-wheel.js

@@ -1,30 +1,25 @@
-import "@vue/shared";
-import "lodash-unified";
-import "@vueuse/core";
-import { cAF as c, rAF as p } from "../../../../utils/raf.js";
-import "@element-plus/icons-vue";
-import "vue";
-const W = ({ atXEndEdge: f, atXStartEdge: s, atYEndEdge: i, atYStartEdge: d }, u) => {
-  let o = null, a = 0, r = 0;
-  const n = (e, t) => {
-    const l = e < 0 && s.value || e > 0 && f.value, h = t < 0 && d.value || t > 0 && i.value;
-    return l || h;
+import { cAF as i, rAF as v } from "../../../../utils/raf.js";
+const m = ({ atXEndEdge: s, atXStartEdge: d, atYEndEdge: u, atYStartEdge: h }, o) => {
+  let r = null, a = 0, n = 0;
+  const f = (e, t) => {
+    const l = e < 0 && d.value || e > 0 && s.value, c = t < 0 && h.value || t > 0 && u.value;
+    return l || c;
   };
   return {
-    hasReachedEdge: n,
+    hasReachedEdge: f,
     onWheel: (e) => {
-      c(o);
+      i(r);
       let t = e.deltaX, l = e.deltaY;
-      if (Math.abs(t) > Math.abs(l) ? l = 0 : t = 0, e.shiftKey && l !== 0 && (t = l, l = 0), n(t, l)) {
+      if (Math.abs(t) > Math.abs(l) ? l = 0 : t = 0, e.shiftKey && l !== 0 && (t = l, l = 0), f(t, l)) {
         e.deltaX !== 0 && t === 0 && e.preventDefault();
         return;
       }
-      a += t, r += l, e.preventDefault(), o = p(() => {
-        u(a, r), a = 0, r = 0;
+      a += t, n += l, e.preventDefault(), r = v(() => {
+        o(a, n), a = 0, n = 0;
       });
     }
   };
 };
 export {
-  W as useGridWheel
+  m as useGridWheel
 };

package/dist/components/virtual-list/src/hooks/use-wheel.d.ts

@@ -1,5 +1,5 @@
 import type { ComputedRef } from 'vue';
-import type { LayoutDirection } from '../types';
+import type { LayoutDirection } from '../types.js';
 interface ListWheelState {
     atStartEdge: ComputedRef<boolean>;
     atEndEdge: ComputedRef<boolean>;

package/dist/components/virtual-list/src/hooks/use-wheel.js

@@ -1,26 +1,22 @@
-import "@vue/shared";
-import "lodash-unified";
-import { isFirefox as d } from "../../../../utils/browser.js";
-import { cAF as c, rAF as p } from "../../../../utils/raf.js";
-import "@element-plus/icons-vue";
-import "vue";
-import { HORIZONTAL as u } from "../defaults.js";
-const x = ({ atEndEdge: i, atStartEdge: n, layout: m }, s) => {
+import { isFirefox as i } from "../../../../utils/browser.js";
+import { cAF as u, rAF as h } from "../../../../utils/raf.js";
+import { HORIZONTAL as m } from "../defaults.js";
+const A = ({ atEndEdge: n, atStartEdge: s, layout: d }, c) => {
   let l, r = 0;
-  const f = (e) => e < 0 && n.value || e > 0 && i.value;
+  const f = (e) => e < 0 && s.value || e > 0 && n.value;
   return {
     hasReachedEdge: f,
     onWheel: (e) => {
-      c(l);
+      u(l);
       let { deltaX: o, deltaY: t } = e;
       e.shiftKey && t !== 0 && (o = t, t = 0);
-      const a = m.value === u ? o : t;
-      f(a) || (r += a, !d() && a !== 0 && e.preventDefault(), l = p(() => {
-        s(r), r = 0;
+      const a = d.value === m ? o : t;
+      f(a) || (r += a, !i() && a !== 0 && e.preventDefault(), l = h(() => {
+        c(r), r = 0;
       }));
     }
   };
 };
 export {
-  x as default
+  A as default
 };

package/dist/components/virtual-list/src/props.d.ts

@@ -1,73 +1,73 @@
 import type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue';
-import type { GridItemKeyGetter, ItemSize } from './types';
+import type { GridItemKeyGetter, ItemSize } from './types.js';
 export declare const virtualizedProps: {
-    readonly className: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
-    readonly data: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
-    readonly direction: import("../../../utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly className: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly innerElement: import("../../../utils/index").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
-    readonly innerProps: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
-    readonly style: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly innerElement: import("../../../utils/index.js").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerProps: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly style: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
     readonly useIsScrolling: BooleanConstructor;
     readonly width: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly innerWidth: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly perfMode: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly perfMode: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly scrollbarAlwaysOn: BooleanConstructor;
 };
 export declare const virtualizedListProps: {
-    readonly className: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
-    readonly data: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
-    readonly direction: import("../../../utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly className: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly innerElement: import("../../../utils/index").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
-    readonly innerProps: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
-    readonly style: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly innerElement: import("../../../utils/index.js").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerProps: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly style: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
     readonly useIsScrolling: BooleanConstructor;
     readonly width: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly innerWidth: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly perfMode: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly perfMode: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly scrollbarAlwaysOn: BooleanConstructor;
-    readonly cache: import("../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly cache: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly estimatedItemSize: {
         readonly type: import("vue").PropType<number>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly layout: import("../../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
-    readonly initScrollOffset: import("../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly layout: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly initScrollOffset: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, never, never, 0, false>;
     readonly total: {
         readonly type: import("vue").PropType<number>;
         readonly required: true;
@@ -75,44 +75,44 @@ export declare const virtualizedListProps: {
         __epPropKey: true;
     };
     readonly itemSize: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
 };
 export declare const virtualizedGridProps: {
-    readonly className: import("../../../utils/index").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly containerElement: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
-    readonly data: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
-    readonly direction: import("../../../utils/index").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
+    readonly className: import("../../../utils/index.js").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
+    readonly containerElement: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | Element) | (() => string | Element) | (((new (...args: any[]) => string | Element) | (() => string | Element)) | null)[], unknown, unknown, "div", boolean>;
+    readonly data: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => any[]) | (() => any[]) | (((new (...args: any[]) => any[]) | (() => any[])) | null)[], unknown, unknown, () => [], boolean>;
+    readonly direction: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "ltr" | "rtl", never, "ltr", false>;
     readonly height: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly innerElement: import("../../../utils/index").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
-    readonly innerProps: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
-    readonly style: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
+    readonly innerElement: import("../../../utils/index.js").EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
+    readonly innerProps: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
+    readonly style: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | import("vue").CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
     readonly useIsScrolling: BooleanConstructor;
     readonly width: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
     readonly innerWidth: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
         readonly required: false;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly perfMode: import("../../../utils/index").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
+    readonly perfMode: import("../../../utils/index.js").EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
     readonly scrollbarAlwaysOn: BooleanConstructor;
-    readonly columnCache: import("../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly columnCache: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly columnWidth: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -129,9 +129,9 @@ export declare const virtualizedGridProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly initScrollLeft: import("../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 0, false>;
-    readonly initScrollTop: import("../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 0, false>;
-    readonly itemKey: import("../../../utils/index").EpPropFinalized<(new (...args: any[]) => GridItemKeyGetter) | (() => GridItemKeyGetter) | {
+    readonly initScrollLeft: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly initScrollTop: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, never, never, 0, false>;
+    readonly itemKey: import("../../../utils/index.js").EpPropFinalized<(new (...args: any[]) => GridItemKeyGetter) | (() => GridItemKeyGetter) | {
         (): GridItemKeyGetter;
         new (): any;
         readonly prototype: any;
@@ -143,9 +143,9 @@ export declare const virtualizedGridProps: {
         columnIndex: number;
         rowIndex: number;
     }) => string, boolean>;
-    readonly rowCache: import("../../../utils/index").EpPropFinalized<NumberConstructor, never, never, 2, false>;
+    readonly rowCache: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, never, never, 2, false>;
     readonly rowHeight: {
-        readonly type: import("vue").PropType<import("../../../utils/index").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
+        readonly type: import("vue").PropType<import("../../../utils/index.js").EpPropMergeType<(new (...args: any[]) => number | ItemSize) | (() => number | ItemSize) | (((new (...args: any[]) => number | ItemSize) | (() => number | ItemSize)) | null)[], never, never>>;
         readonly required: true;
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
@@ -162,16 +162,16 @@ export declare const virtualizedGridProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly hScrollbarSize: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly vScrollbarSize: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly scrollbarStartGap: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly scrollbarEndGap: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly hScrollbarSize: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly vScrollbarSize: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly scrollbarStartGap: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly scrollbarEndGap: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly role: StringConstructor;
 };
 export declare const virtualizedScrollbarProps: {
     readonly alwaysOn: BooleanConstructor;
     readonly class: StringConstructor;
-    readonly layout: import("../../../utils/index").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
+    readonly layout: import("../../../utils/index.js").EpPropFinalized<StringConstructor, "horizontal" | "vertical", never, "vertical", false>;
     readonly total: {
         readonly type: import("vue").PropType<number>;
         readonly required: true;
@@ -196,9 +196,9 @@ export declare const virtualizedScrollbarProps: {
         readonly validator: ((val: unknown) => boolean) | undefined;
         __epPropKey: true;
     };
-    readonly scrollbarSize: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
-    readonly startGap: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
-    readonly endGap: import("../../../utils/index").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
+    readonly scrollbarSize: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 6, boolean>;
+    readonly startGap: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 0, boolean>;
+    readonly endGap: import("../../../utils/index.js").EpPropFinalized<NumberConstructor, unknown, unknown, 2, boolean>;
     readonly visible: BooleanConstructor;
 };
 export type VirtualizedProps = ExtractPropTypes<typeof virtualizedProps>;