@nmorph/nmorph-ui-kit 2.2.12 → 2.2.15

package/dist/hooks/use-virtual-list.js

@@ -0,0 +1,46 @@
+import { ref as d, computed as t, onMounted as I, nextTick as p, onUnmounted as z, watch as L } from "vue";
+const y = (l, v) => {
+  const c = d(null), s = d(0), h = d(0), n = t(() => v.enabled?.value ?? !0), i = t(() => Math.max(v.overscan?.value ?? 0, 0)), a = t(() => Math.max(v.itemHeight.value, 1)), f = t(() => n.value ? l.value.length * a.value : 0), u = () => {
+    const e = c.value;
+    e && (s.value = e.scrollTop, h.value = e.clientHeight);
+  }, w = () => {
+    u();
+  }, r = t(() => n.value ? Math.max(Math.floor(s.value / a.value) - i.value, 0) : 0), m = t(() => {
+    if (!n.value) return l.value.length;
+    const e = Math.ceil((s.value + h.value) / a.value) + i.value;
+    return Math.min(Math.max(e, r.value + i.value), l.value.length);
+  }), M = t(() => r.value * a.value), g = t(() => n.value ? l.value.slice(r.value, m.value).map((e, o) => ({
+    item: e,
+    index: r.value + o
+  })) : l.value.map((e, o) => ({ item: e, index: o }))), H = (e) => {
+    const o = c.value;
+    if (!o || !n.value) return;
+    const T = Math.min(Math.max(e, 0) * a.value, f.value);
+    o.scrollTop = T, u();
+  }, x = () => {
+    u();
+  };
+  return I(() => {
+    p(u), typeof window < "u" && window.addEventListener("resize", x);
+  }), z(() => {
+    typeof window < "u" && window.removeEventListener("resize", x);
+  }), L(
+    () => [l.value.length, n.value, a.value],
+    () => {
+      p(u);
+    }
+  ), {
+    containerRef: c,
+    endIndex: m,
+    offsetTop: M,
+    refresh: u,
+    scrollHandler: w,
+    scrollToIndex: H,
+    startIndex: r,
+    totalHeight: f,
+    virtualItems: g
+  };
+};
+export {
+  y as useVirtualList
+};

package/dist/index.es.js

@@ -331,15 +331,16 @@ import { default as vh } from "./components/form/nmorph-text-input/NmorphTextInp
 import { default as Gh } from "./components/feedback/nmorph-tooltip/NmorphTooltip.vue.js";
 import { default as Eh } from "./locales/en.js";
 import { formatDateIntl as Hh, getDecadeYears as Vh, getMonthDaysByWeek as qh, getMonthName as zh, hasAnyRangeDateInNextMonth as Zh, hasAnyRangeDateInPrevMonth as Kh, isTodayInMonthRange as Qh, resetTimeToZero as Yh } from "./components/data/nmorph-calendar/utils.js";
-import { getTabContentId as Jh, getTabLabelId as Xh } from "./components/navigation/nmorph-tabs/utils.js";
-import { nmorphLog as $h } from "./outside-utils/index.js";
-import { default as ru } from "./locales/ru.js";
-import { useCalendarTexts as tu } from "./components/data/nmorph-calendar/hooks/use-calendar-texts.js";
-import { useNmorph as pu } from "./outside-hooks/use-nmorph.js";
-import { useNmorphBrowser as fu } from "./outside-hooks/use-nmorph-browser.js";
-import { useNmorphNotification as nu } from "./outside-hooks/use-nmorph-notification.js";
-import { useNmorphTheme as hu } from "./outside-hooks/use-nmorph-theme.js";
-import { default as su } from "./locales/zh.js";
+import { getCommonStyles as Jh } from "./hooks/use-common-styles.js";
+import { getNmorphThemeStyles as _h, useNmorphTheme as $h } from "./outside-hooks/use-nmorph-theme.js";
+import { getTabContentId as ru, getTabLabelId as eu } from "./components/navigation/nmorph-tabs/utils.js";
+import { nmorphLog as au } from "./outside-utils/index.js";
+import { default as mu } from "./locales/ru.js";
+import { useCalendarTexts as lu } from "./components/data/nmorph-calendar/hooks/use-calendar-texts.js";
+import { useNmorph as du } from "./outside-hooks/use-nmorph.js";
+import { useNmorphBrowser as uu } from "./outside-hooks/use-nmorph-browser.js";
+import { useNmorphNotification as cu } from "./outside-hooks/use-nmorph-notification.js";
+import { default as xu } from "./locales/zh.js";
 export {
   a as AvatarShapeType,
   p as Locale,
@@ -693,22 +694,24 @@ export {
   y as NmorphVideoResolution,
   Eh as en,
   Hh as formatDateIntl,
+  Jh as getCommonStyles,
   Vh as getDecadeYears,
   qh as getMonthDaysByWeek,
   zh as getMonthName,
-  Jh as getTabContentId,
-  Xh as getTabLabelId,
+  _h as getNmorphThemeStyles,
+  ru as getTabContentId,
+  eu as getTabLabelId,
   Zh as hasAnyRangeDateInNextMonth,
   Kh as hasAnyRangeDateInPrevMonth,
   Qh as isTodayInMonthRange,
-  $h as nmorphLog,
+  au as nmorphLog,
   Yh as resetTimeToZero,
   k as resolution,
-  ru,
-  tu as useCalendarTexts,
-  pu as useNmorph,
-  fu as useNmorphBrowser,
-  nu as useNmorphNotification,
-  hu as useNmorphTheme,
-  su as zh
+  mu as ru,
+  lu as useCalendarTexts,
+  du as useNmorph,
+  uu as useNmorphBrowser,
+  cu as useNmorphNotification,
+  $h as useNmorphTheme,
+  xu as zh
 };