@oneflowui/ui 0.5.6 → 0.5.8

package/dist/composables/useVirtualList.js

@@ -1,140 +1,153 @@
-import { ref as w, computed as M, watch as L, onUnmounted as N } from "vue";
-function W(I) {
-  var S;
-  const { items: n, itemHeight: c, overscan: V = 5, containerRef: B } = I, u = w(0), v = w(0), f = typeof c == "number", m = Math.max(0, V), a = /* @__PURE__ */ new Map(), T = w(0);
-  let d = null, h = null, r = null;
-  function U(e) {
-    return a.has(e) ? a.get(e) : f ? c : c(e);
+import { ref as T, computed as p, watch as z, getCurrentScope as W, onScopeDispose as X } from "vue";
+function _(x) {
+  var V;
+  const { items: n, itemHeight: c, overscan: B = 5, containerRef: A } = x, s = T(0), v = T(0), h = typeof c == "number", m = Math.max(0, B), a = /* @__PURE__ */ new Map(), b = T(0);
+  let d = null, f = null, l = null;
+  function D(e) {
+    return a.has(e) ? a.get(e) : h ? c : c(e);
   }
-  function A() {
-    !I.measureRow || typeof ResizeObserver > "u" || (h = new ResizeObserver((e) => {
+  function K() {
+    !x.measureRow || typeof ResizeObserver > "u" || (f = new ResizeObserver((e) => {
       let t = !1;
-      for (const l of e) {
-        const i = l.target.dataset.virtualIndex;
-        if (i == null) continue;
-        const s = parseInt(i, 10), g = l.contentRect.height;
-        a.get(s) !== g && (a.set(s, g), t = !0);
+      for (const i of e) {
+        const r = i.target.dataset.virtualIndex;
+        if (r == null) continue;
+        const u = parseInt(r, 10), g = i.contentRect.height;
+        a.get(u) !== g && (a.set(u, g), t = !0);
       }
-      t && T.value++;
+      t && b.value++;
     }));
   }
-  A();
+  K();
+  function C() {
+    a.size !== 0 && (a.clear(), b.value++, l && M(l));
+  }
   function P(e, t) {
-    !e || !h || (e.dataset.virtualIndex = String(t), h.observe(e));
+    !e || !f || (e.dataset.virtualIndex = String(t), f.observe(e));
   }
-  const p = M(() => {
-    if (T.value, f && a.size === 0) return [];
+  const w = p(() => {
+    if (b.value, h && a.size === 0) return [];
     const e = new Array(n.value.length + 1).fill(0);
     for (let t = 0; t < n.value.length; t += 1)
-      e[t + 1] = e[t] + Math.max(0, U(t));
+      e[t + 1] = e[t] + Math.max(0, D(t));
     return e;
-  }), x = M(() => f && a.size === 0 ? n.value.length * c : p.value[n.value.length] ?? 0);
+  }), I = p(() => h && a.size === 0 ? n.value.length * c : w.value[n.value.length] ?? 0);
   function H(e) {
     const t = Math.max(0, Math.min(e, n.value.length));
-    return f && a.size === 0 ? t * c : p.value[t] ?? 0;
+    return h && a.size === 0 ? t * c : w.value[t] ?? 0;
   }
   function R(e) {
     if (n.value.length === 0) return 0;
-    if (f && a.size === 0) {
-      const i = c;
+    if (h && a.size === 0) {
+      const r = c;
       return Math.max(
         0,
-        Math.min(n.value.length - 1, Math.floor(Math.max(0, e) / i))
+        Math.min(n.value.length - 1, Math.floor(Math.max(0, e) / r))
       );
     }
-    const t = p.value;
-    let l = 0, o = n.value.length;
-    for (; l < o; ) {
-      const i = Math.floor((l + o) / 2);
-      t[i + 1] <= e ? l = i + 1 : o = i;
+    const t = w.value;
+    let i = 0, o = n.value.length;
+    for (; i < o; ) {
+      const r = Math.floor((i + o) / 2);
+      t[r + 1] <= e ? i = r + 1 : o = r;
     }
-    return Math.max(0, Math.min(l, n.value.length - 1));
+    return Math.max(0, Math.min(i, n.value.length - 1));
   }
-  const z = M(() => {
+  const y = p(() => {
     const e = n.value.length;
     if (e === 0)
       return { start: 0, end: 0 };
     if (v.value <= 0)
       return { start: 0, end: Math.min(e, m * 2 + 1) };
-    if (f && a.size === 0) {
-      const s = c, g = Math.floor(u.value / s), G = Math.ceil(v.value / s), J = Math.max(0, g - m), K = Math.min(e, g + G + m);
-      return { start: J, end: K };
+    if (h && a.size === 0) {
+      const u = c, g = Math.floor(s.value / u), J = Math.ceil(v.value / u), N = Math.max(0, g - m), Q = Math.min(e, g + J + m);
+      return { start: N, end: Q };
     }
-    const t = Math.max(0, u.value), l = t + v.value, o = R(t), i = Math.min(e - 1, R(l));
+    const t = Math.max(0, s.value), i = t + v.value, o = R(t), r = Math.min(e - 1, R(i));
     return {
       start: Math.max(0, o - m),
-      end: Math.min(e, i + m + 1)
+      end: Math.min(e, r + m + 1)
     };
-  }), Y = M(() => H(z.value.start)), j = M(() => {
-    const { start: e, end: t } = z.value;
-    return n.value.slice(e, t).map((l, o) => ({
-      data: l,
+  }), U = p(() => H(y.value.start)), Y = p(() => {
+    const { start: e, end: t } = y.value;
+    return n.value.slice(e, t).map((i, o) => ({
+      data: i,
       index: e + o
     }));
   });
-  function b(e) {
+  function M(e) {
     if (!e) {
-      u.value = 0, v.value = 0;
+      s.value = 0, v.value = 0;
       return;
     }
-    u.value = e.scrollTop, v.value = e.clientHeight;
+    s.value = e.scrollTop, v.value = e.clientHeight;
   }
-  function C() {
-    r && (u.value = r.scrollTop);
+  function S() {
+    l && (s.value = l.scrollTop);
   }
-  function y() {
+  function O() {
     d == null || d.disconnect(), d = null;
   }
-  function O(e) {
-    e && e.removeEventListener("scroll", C);
+  function E(e) {
+    e && e.removeEventListener("scroll", S);
   }
-  function k(e) {
+  function j(e) {
     if (!e) {
-      r = null, b(null);
+      l = null, M(null);
       return;
     }
-    r = e, e.addEventListener("scroll", C, { passive: !0 }), b(e), typeof ResizeObserver < "u" && (d = new ResizeObserver(() => {
-      b(e);
+    l = e, e.addEventListener("scroll", S, { passive: !0 }), M(e), typeof ResizeObserver < "u" && (d = new ResizeObserver(() => {
+      M(e);
     }), d.observe(e));
   }
-  L(
-    B,
+  z(
+    A,
     (e, t) => {
-      O(t), y(), k(e);
+      E(t), O(), j(e);
+    },
+    { immediate: !0 }
+  ), z(
+    () => {
+      var e;
+      return (e = x.invalidateKey) == null ? void 0 : e.value;
+    },
+    () => {
+      C();
     },
     { immediate: !0 }
   );
-  let E = n.value.length, F = n.value.length > 0 ? (S = n.value[0]) == null ? void 0 : S.id : void 0;
-  L(n, (e) => {
-    var s;
-    const t = e.length, l = t > 0 ? (s = e[0]) == null ? void 0 : s.id : void 0, o = t === E && l === F;
-    if (E = t, F = l, o)
+  let F = n.value.length, L = n.value.length > 0 ? (V = n.value[0]) == null ? void 0 : V.id : void 0;
+  z(n, (e) => {
+    var u;
+    const t = e.length, i = t > 0 ? (u = e[0]) == null ? void 0 : u.id : void 0, o = t === F && i === L;
+    if (F = t, L = i, o)
       return;
-    a.clear();
-    const i = Math.max(0, x.value - v.value);
-    u.value > i && (u.value = i, r && (r.scrollTop = i));
+    C();
+    const r = Math.max(0, I.value - v.value);
+    s.value > r && (s.value = r, l && (l.scrollTop = r));
   });
-  function q(e) {
-    if (!r || n.value.length === 0) return;
-    const t = Math.max(0, Math.min(e, n.value.length - 1)), l = H(t);
-    r.scrollTop = l, u.value = l;
+  function k(e) {
+    if (!l || n.value.length === 0) return;
+    const t = Math.max(0, Math.min(e, n.value.length - 1)), i = H(t);
+    l.scrollTop = i, s.value = i;
   }
-  function D() {
-    if (!r) return;
-    const e = Math.max(0, x.value - r.clientHeight);
-    r.scrollTop = e, u.value = e;
+  function q() {
+    if (!l) return;
+    const e = Math.max(0, I.value - l.clientHeight);
+    l.scrollTop = e, s.value = e;
   }
-  return N(() => {
-    O(r), y(), h == null || h.disconnect(), h = null, r = null;
-  }), {
-    visibleItems: j,
-    totalHeight: x,
-    offsetY: Y,
-    scrollToIndex: q,
-    scrollToBottom: D,
+  const G = () => {
+    E(l), O(), f == null || f.disconnect(), f = null, l = null;
+  };
+  return W() && X(G), {
+    visibleItems: Y,
+    totalHeight: I,
+    offsetY: U,
+    scrollToIndex: k,
+    scrollToBottom: q,
     observeRow: P
   };
 }
 export {
-  W as useVirtualList
+  _ as useVirtualList
 };

package/dist/plugin.js

@@ -1,99 +1,98 @@
-import m from "./components/field/FieldMarkdownPreview.vue.js";
-import t from "./components/ContextMenu/index.vue.js";
+import t from "./components/field/FieldMarkdownPreview.vue.js";
+import i from "./components/ContextMenu/index.vue.js";
 /* empty css                     */
 /* empty css                    */
-import i from "./components/base/ViewTab.vue.js";
-import p from "./components/base/ToolbarBtn.vue.js";
-import e from "./components/base/AddViewBtn.vue.js";
-import a from "./components/base/Badge.vue.js";
-import f from "./components/base/RangeSlider.vue.js";
-import n from "./components/base/ProgressBar.vue.js";
-import l from "./components/base/ButtonGroup.vue.js";
-import d from "./components/base/EmptyState.vue.js";
-import s from "./components/base/StatisticCard.vue.js";
-import b from "./components/base/DropdownMenu.vue.js";
-import c from "./components/base/StatusIndicator.vue.js";
-import u from "./components/base/Switch.vue.js";
-import w from "./components/base/Stepper.vue.js";
-import C from "./components/base/Accordion.vue.js";
-import T from "./components/base/Avatar.vue.js";
-import B from "./components/layout/AppLayout.vue.js";
-import S from "./components/layout/Navbar.vue.js";
-import g from "./components/layout/Sidebar.vue.js";
-import P from "./components/layout/StatusBar.vue.js";
-import h from "./components/table/DataTable.vue.js";
-import M from "./components/table/TableHeaderRow.vue.js";
-import A from "./components/table/TableDataRow.vue.js";
-import R from "./components/table/TableGroupRow.vue.js";
-import k from "./components/table/NewRowBtn.vue.js";
-import D from "./components/table/TableFilterPanel.vue.js";
-import y from "./components/table/TableColumnManager.vue.js";
-import I from "./components/table/TableToolbar.vue.js";
-import G from "./components/table/FieldCell.vue.js";
-import F from "./components/table/FieldTypePicker.vue.js";
-import V from "./components/table/ColumnHeaderMenu.vue.js";
-import _ from "./components/kanban/KanbanBoard.vue.js";
-import v from "./components/kanban/KanbanColumn.vue.js";
-import L from "./components/kanban/KanbanCard.vue.js";
-import x from "./components/kanban/QuickAddRow.vue.js";
-import E from "./components/gallery/GalleryView.vue.js";
-import H from "./components/gallery/GalleryCard.vue.js";
-import K from "./components/timeline/ActivityTimeline.vue.js";
-import N from "./components/timeline/GanttTimeline.vue.js";
-import U from "./components/timeline/GanttRow.vue.js";
-import Q from "./components/editor/ContentBlock.vue.js";
-import O from "./components/editor/BlockQuote.vue.js";
-import $ from "./components/editor/CodeBlock.vue.js";
-import j from "./components/editor/RefLink.vue.js";
-import q from "./components/editor/RichTextEditor.vue.js";
-import z from "./components/form/FormDesigner.vue.js";
-import J from "./components/database/DatabaseView.vue.js";
-import W from "./components/auxiliary/ColorPanel.vue.js";
-import X from "./components/auxiliary/PersonPanel.vue.js";
-import Y from "./components/auxiliary/FileUpload.vue.js";
-import Z from "./components/detail/DetailLayout.vue.js";
-import rr from "./components/detail/PropPanel.vue.js";
-import or from "./components/detail/PropRow.vue.js";
-import mr from "./components/detail/CommentItem.vue.js";
-import tr from "./components/Dashboard/index.vue.js";
-import ir from "./components/Dashboard/charts/BarChart.vue.js";
-import pr from "./components/Dashboard/charts/PieChart.vue.js";
-import er from "./components/Dashboard/charts/DoughnutChart.vue.js";
-import ar from "./components/Dashboard/charts/NumberCard.vue.js";
-import fr from "./components/Dashboard/charts/TableChart.vue.js";
-import nr from "./components/ai/AiThinking.vue.js";
-import lr from "./components/ai/AiStreamingCursor.vue.js";
-import dr from "./components/ai/AiMessageBubble.vue.js";
-import sr from "./components/ai/UserMessageBubble.vue.js";
-import br from "./components/ai/AiMessageList.vue.js";
-import cr from "./components/ai/AiSender.vue.js";
-import ur from "./components/overlay/Modal.vue.js";
-import wr from "./components/overlay/Dialog.vue.js";
-import Cr from "./components/overlay/Drawer.vue.js";
-import Tr from "./components/overlay/SidePanel.vue.js";
-import Br from "./components/toast/ToastContainer.vue.js";
+import p from "./components/base/ViewTab.vue.js";
+import e from "./components/base/ToolbarBtn.vue.js";
+import a from "./components/base/AddViewBtn.vue.js";
+import f from "./components/base/Badge.vue.js";
+import n from "./components/base/RangeSlider.vue.js";
+import l from "./components/base/ProgressBar.vue.js";
+import d from "./components/base/ButtonGroup.vue.js";
+import s from "./components/base/EmptyState.vue.js";
+import b from "./components/base/StatisticCard.vue.js";
+import c from "./components/base/DropdownMenu.vue.js";
+import u from "./components/base/StatusIndicator.vue.js";
+import w from "./components/base/Switch.vue.js";
+import C from "./components/base/Stepper.vue.js";
+import T from "./components/base/Accordion.vue.js";
+import B from "./components/base/Avatar.vue.js";
+import S from "./components/layout/AppLayout.vue.js";
+import g from "./components/layout/Navbar.vue.js";
+import P from "./components/layout/Sidebar.vue.js";
+import h from "./components/layout/StatusBar.vue.js";
+import M from "./components/table/DataTable.vue.js";
+import A from "./components/table/TableHeaderRow.vue.js";
+import R from "./components/table/TableDataRow.vue.js";
+import k from "./components/table/TableGroupRow.vue.js";
+import D from "./components/table/NewRowBtn.vue.js";
+import y from "./components/table/TableFilterPanel.vue.js";
+import I from "./components/table/TableColumnManager.vue.js";
+import G from "./components/table/TableToolbar.vue.js";
+import F from "./components/table/FieldCell.vue.js";
+import V from "./components/table/FieldTypePicker.vue.js";
+import _ from "./components/table/ColumnHeaderMenu.vue.js";
+import v from "./components/kanban/KanbanBoard.vue.js";
+import L from "./components/kanban/KanbanColumn.vue.js";
+import x from "./components/kanban/KanbanCard.vue.js";
+import E from "./components/kanban/QuickAddRow.vue.js";
+import H from "./components/gallery/GalleryView.vue.js";
+import K from "./components/gallery/GalleryCard.vue.js";
+import N from "./components/timeline/ActivityTimeline.vue.js";
+import U from "./components/timeline/GanttTimeline.vue.js";
+import Q from "./components/timeline/GanttRow.vue.js";
+import O from "./components/editor/ContentBlock.vue.js";
+import $ from "./components/editor/BlockQuote.vue.js";
+import j from "./components/editor/CodeBlock.vue.js";
+import q from "./components/editor/RefLink.vue.js";
+import z from "./components/editor/RichTextEditor.vue.js";
+import J from "./components/form/FormDesigner.vue.js";
+import W from "./components/database/DatabaseView.vue.js";
+import X from "./components/auxiliary/ColorPanel.vue.js";
+import Y from "./components/auxiliary/PersonPanel.vue.js";
+import Z from "./components/auxiliary/FileUpload.vue.js";
+import rr from "./components/detail/DetailLayout.vue.js";
+import or from "./components/detail/PropPanel.vue.js";
+import mr from "./components/detail/PropRow.vue.js";
+import tr from "./components/detail/CommentItem.vue.js";
+import ir from "./components/Dashboard/index.vue.js";
+import pr from "./components/Dashboard/charts/BarChart.vue.js";
+import er from "./components/Dashboard/charts/PieChart.vue.js";
+import ar from "./components/Dashboard/charts/DoughnutChart.vue.js";
+import fr from "./components/Dashboard/charts/NumberCard.vue.js";
+import nr from "./components/Dashboard/charts/TableChart.vue.js";
+import lr from "./components/ai/AiThinking.vue.js";
+import dr from "./components/ai/AiStreamingCursor.vue.js";
+import sr from "./components/ai/AiMessageBubble.vue.js";
+import br from "./components/ai/UserMessageBubble.vue.js";
+import cr from "./components/ai/AiMessageList.vue.js";
+import ur from "./components/ai/AiSender.vue.js";
+import wr from "./components/overlay/Modal.vue.js";
+import Cr from "./components/overlay/Dialog.vue.js";
+import Tr from "./components/overlay/Drawer.vue.js";
+import Br from "./components/overlay/SidePanel.vue.js";
+import Sr from "./components/toast/ToastContainer.vue.js";
 /* empty css                                     */
-import Sr from "./components/toast/ToastItem.vue.js";
-import gr from "./components/tabs/Tabs.vue.js";
-import Pr from "./components/tabs/TabPanel.vue.js";
-import hr from "./components/breadcrumb/Breadcrumb.vue.js";
-import Mr from "./components/breadcrumb/BreadcrumbItem.vue.js";
-import Ar from "./components/mermaid/MermaidChart.vue.js";
-import Rr from "./components/split/SplitPane.vue.js";
-import kr from "./components/base/RefTag.vue.js";
-import Dr from "./components/base/DescBlock.vue.js";
-import yr from "./components/base/ViewModeGroup.vue.js";
-import Ir from "./components/base/ViewSwitcher.vue.js";
-import Gr from "./components/base/SelectBadge.vue.js";
-import Fr from "./components/base/ChainItem.vue.js";
-import Vr from "./components/base/SectionBlock.vue.js";
-import _r from "./components/base/MonitorItem.vue.js";
-import vr from "./components/base/StatusSummary.vue.js";
-import Lr from "./components/base/InfoCard.vue.js";
-import xr from "./components/base/PersonaCard.vue.js";
-import Er from "./components/base/SearchHighlight.vue.js";
-const Hr = [
-  i,
+import gr from "./components/toast/ToastItem.vue.js";
+import Pr from "./components/tabs/Tabs.vue.js";
+import hr from "./components/tabs/TabPanel.vue.js";
+import Mr from "./components/breadcrumb/Breadcrumb.vue.js";
+import Ar from "./components/breadcrumb/BreadcrumbItem.vue.js";
+import Rr from "./components/mermaid/MermaidChart.vue.js";
+import kr from "./components/split/SplitPane.vue.js";
+import Dr from "./components/base/RefTag.vue.js";
+import yr from "./components/base/DescBlock.vue.js";
+import Ir from "./components/base/ViewModeGroup.vue.js";
+import Gr from "./components/base/ViewSwitcher.vue.js";
+import Fr from "./components/base/SelectBadge.vue.js";
+import Vr from "./components/base/ChainItem.vue.js";
+import _r from "./components/base/SectionBlock.vue.js";
+import vr from "./components/base/MonitorItem.vue.js";
+import Lr from "./components/base/StatusSummary.vue.js";
+import xr from "./components/base/InfoCard.vue.js";
+import Er from "./components/base/PersonaCard.vue.js";
+import Hr from "./components/base/SearchHighlight.vue.js";
+const Kr = [
   p,
   e,
   a,
@@ -123,8 +122,8 @@ const Hr = [
   G,
   F,
   V,
-  m,
   _,
+  t,
   v,
   L,
   x,
@@ -175,23 +174,25 @@ const Hr = [
   Dr,
   yr,
   Ir,
-  t,
   Gr,
+  i,
   Fr,
   Vr,
   _r,
   vr,
   Lr,
   xr,
-  Er
-], km = {
-  install(o) {
-    Hr.forEach((r) => {
-      o.component(r.name || r.__name || "", r);
+  Er,
+  Hr
+], Dm = {
+  install(m) {
+    Kr.forEach((r) => {
+      const o = r;
+      m.component(o.name || o.__name || "", r);
     });
   }
 };
 export {
-  km as OneflowUI,
-  km as default
+  Dm as OneflowUI,
+  Dm as default
 };