@oneflowui/ui 0.4.2 → 0.4.4

package/dist/composables/useViewPersistence.js

@@ -0,0 +1,141 @@
+import { ref as v, computed as y, readonly as w } from "vue";
+const f = "oneui-views:";
+function E() {
+  return {
+    async load(t) {
+      try {
+        const l = localStorage.getItem(`${f}${t}`);
+        return l ? JSON.parse(l) : [];
+      } catch {
+        return [];
+      }
+    },
+    async save(t, l) {
+      const e = await this.load(t), i = e.findIndex((c) => c.viewId === l.viewId);
+      i >= 0 ? e[i] = l : e.push(l), localStorage.setItem(`${f}${t}`, JSON.stringify(e));
+    },
+    async remove(t, l) {
+      const i = (await this.load(t)).filter((c) => c.viewId !== l);
+      localStorage.setItem(`${f}${t}`, JSON.stringify(i));
+    }
+  };
+}
+function O(t) {
+  const l = t.tableName ?? "view_configs";
+  return {
+    async load(e) {
+      const { data: i, error: c } = await t.client.from(l).select("config").eq("table_id", e).order("created_at", { ascending: !0 });
+      if (c) throw new Error(c.message);
+      return (i ?? []).map((u) => u.config);
+    },
+    async save(e, i) {
+      const { error: c } = await t.client.from(l).upsert(
+        {
+          table_id: e,
+          view_id: i.viewId,
+          config: i,
+          updated_at: (/* @__PURE__ */ new Date()).toISOString()
+        },
+        { onConflict: "table_id,view_id" }
+      );
+      if (c) throw new Error(c.message);
+    },
+    async remove(e, i) {
+      const { error: c } = await t.client.from(l).delete().eq("table_id", e).eq("view_id", i);
+      if (c) throw new Error(c.message);
+    }
+  };
+}
+function p() {
+  return `view-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 6)}`;
+}
+const g = {
+  viewId: "__default__",
+  viewType: "table",
+  name: "全部记录",
+  visibleFields: []
+};
+function k(t) {
+  var m;
+  const l = t.backend ?? E(), e = v([]), i = v(((m = t.defaultView) == null ? void 0 : m.viewId) ?? "__default__"), c = v(!1), u = v(null), o = y(() => e.value.find((a) => a.viewId === i.value) ?? t.defaultView ?? g), V = y(
+    () => e.value.map((a) => ({ id: a.viewId, name: a.name, type: a.viewType }))
+  );
+  async function _() {
+    var a;
+    c.value = !0, u.value = null;
+    try {
+      const r = await l.load(t.tableId);
+      e.value = r.length > 0 ? r : t.defaultView ? [t.defaultView] : [{ ...g }], e.value.find((n) => n.viewId === i.value) || (i.value = ((a = e.value[0]) == null ? void 0 : a.viewId) ?? "__default__");
+    } catch (r) {
+      u.value = r;
+    } finally {
+      c.value = !1;
+    }
+  }
+  async function h(a) {
+    const n = { ...o.value, ...a }, d = e.value.findIndex((s) => s.viewId === n.viewId);
+    d >= 0 ? e.value[d] = n : e.value.push(n);
+    try {
+      await l.save(t.tableId, n);
+    } catch (s) {
+      u.value = s;
+    }
+  }
+  async function I(a, r) {
+    const n = p(), d = {
+      ...o.value,
+      ...r,
+      viewId: n,
+      name: a
+    };
+    e.value.push(d), i.value = n;
+    try {
+      await l.save(t.tableId, d);
+    } catch (s) {
+      u.value = s;
+    }
+    return n;
+  }
+  async function b(a) {
+    var r;
+    if (a !== "__default__") {
+      e.value = e.value.filter((n) => n.viewId !== a), i.value === a && (i.value = ((r = e.value[0]) == null ? void 0 : r.viewId) ?? "__default__");
+      try {
+        await l.remove(t.tableId, a);
+      } catch (n) {
+        u.value = n;
+      }
+    }
+  }
+  function S(a) {
+    e.value.find((r) => r.viewId === a) && (i.value = a);
+  }
+  async function $(a, r) {
+    const n = e.value.find((d) => d.viewId === a);
+    return n ? I(r, { ...n }) : "";
+  }
+  function x(a) {
+    const r = e.value.findIndex((n) => n.viewId === i.value);
+    r >= 0 && (e.value[r] = { ...e.value[r], ...a });
+  }
+  return t.autoLoad !== !1 && _(), {
+    views: w(e),
+    activeView: o,
+    activeViewId: i,
+    viewList: V,
+    loading: w(c),
+    error: w(u),
+    loadViews: _,
+    saveView: h,
+    createView: I,
+    deleteView: b,
+    switchView: S,
+    duplicateView: $,
+    updateActiveView: x
+  };
+}
+export {
+  E as createLocalStorageBackend,
+  O as createSupabaseBackend,
+  k as useViewPersistence
+};

package/dist/composables/useVirtualList.d.ts

@@ -4,15 +4,18 @@ export interface UseVirtualListOptions<T> {
     itemHeight: number | ((index: number) => number);
     overscan?: number;
     containerRef: Ref<HTMLElement | null>;
+    /** Optional callback to measure actual row height after render. When provided, measured heights override itemHeight. */
+    measureRow?: boolean;
 }
 export type VirtualItem<T> = {
     data: T;
     index: number;
 };
-export declare function useVirtualList<T>({ items, itemHeight, overscan, containerRef, }: UseVirtualListOptions<T>): {
+export declare function useVirtualList<T>(options: UseVirtualListOptions<T>): {
     visibleItems: ComputedRef<VirtualItem<T>[]>;
     totalHeight: ComputedRef<number>;
     offsetY: ComputedRef<number>;
     scrollToIndex: (index: number) => void;
     scrollToBottom: () => void;
+    observeRow: (el: HTMLElement | null, index: number) => void;
 };

package/dist/composables/useVirtualList.js

@@ -0,0 +1,140 @@
+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);
+  }
+  function A() {
+    !I.measureRow || typeof ResizeObserver > "u" || (h = 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);
+      }
+      t && T.value++;
+    }));
+  }
+  A();
+  function P(e, t) {
+    !e || !h || (e.dataset.virtualIndex = String(t), h.observe(e));
+  }
+  const p = M(() => {
+    if (T.value, f && 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));
+    return e;
+  }), x = M(() => f && a.size === 0 ? n.value.length * c : p.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;
+  }
+  function R(e) {
+    if (n.value.length === 0) return 0;
+    if (f && a.size === 0) {
+      const i = c;
+      return Math.max(
+        0,
+        Math.min(n.value.length - 1, Math.floor(Math.max(0, e) / i))
+      );
+    }
+    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;
+    }
+    return Math.max(0, Math.min(l, n.value.length - 1));
+  }
+  const z = M(() => {
+    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 };
+    }
+    const t = Math.max(0, u.value), l = t + v.value, o = R(t), i = Math.min(e - 1, R(l));
+    return {
+      start: Math.max(0, o - m),
+      end: Math.min(e, i + 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,
+      index: e + o
+    }));
+  });
+  function b(e) {
+    if (!e) {
+      u.value = 0, v.value = 0;
+      return;
+    }
+    u.value = e.scrollTop, v.value = e.clientHeight;
+  }
+  function C() {
+    r && (u.value = r.scrollTop);
+  }
+  function y() {
+    d == null || d.disconnect(), d = null;
+  }
+  function O(e) {
+    e && e.removeEventListener("scroll", C);
+  }
+  function k(e) {
+    if (!e) {
+      r = null, b(null);
+      return;
+    }
+    r = e, e.addEventListener("scroll", C, { passive: !0 }), b(e), typeof ResizeObserver < "u" && (d = new ResizeObserver(() => {
+      b(e);
+    }), d.observe(e));
+  }
+  L(
+    B,
+    (e, t) => {
+      O(t), y(), k(e);
+    },
+    { 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)
+      return;
+    a.clear();
+    const i = Math.max(0, x.value - v.value);
+    u.value > i && (u.value = i, r && (r.scrollTop = i));
+  });
+  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 D() {
+    if (!r) return;
+    const e = Math.max(0, x.value - r.clientHeight);
+    r.scrollTop = e, u.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,
+    observeRow: P
+  };
+}
+export {
+  W as useVirtualList
+};

package/dist/composables/useWorkerSort.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+export interface UseWorkerSortOptions {
+    /** Whether to enable worker offloading (default: auto based on threshold) */
+    enabled?: Ref<boolean>;
+}
+export declare function useWorkerSort<T extends Record<string, unknown>>(options?: UseWorkerSortOptions): {
+    requestSort: (data: T[], field: string, order: "asc" | "desc") => Promise<T[]>;
+    requestFilter: (data: T[], conditions: Array<{
+        field: string;
+        operator: string;
+        value: string;
+    }>, logic?: "and" | "or") => Promise<T[]>;
+    processing: Readonly<Ref<boolean, boolean>>;
+};

package/dist/composables/useWorkerSort.js

@@ -0,0 +1,61 @@
+import { ref as v, onUnmounted as y, readonly as P } from "vue";
+const S = 5e3;
+function d(c = {}) {
+  const i = v(!1);
+  let n = null;
+  function f() {
+    if (n) return n;
+    try {
+      return n = new Worker(new URL(
+        /* @vite-ignore */
+        "/assets/tableWorker-CTsbCPPP.js",
+        import.meta.url
+      ), {
+        type: "module"
+      }), n;
+    } catch {
+      return null;
+    }
+  }
+  function m(e) {
+    var s;
+    return ((s = c.enabled) == null ? void 0 : s.value) === !1 ? !1 : e >= S;
+  }
+  function p(e, s, a) {
+    if (!m(e.length))
+      return Promise.resolve(
+        [...e].sort((o, u) => {
+          const r = o[s], l = u[s];
+          return r == null && l == null ? 0 : r == null ? 1 : l == null ? -1 : typeof r == "number" && typeof l == "number" ? a === "asc" ? r - l : l - r : a === "asc" ? String(r).localeCompare(String(l)) : String(l).localeCompare(String(r));
+        })
+      );
+    const t = f();
+    return t ? (i.value = !0, new Promise((o) => {
+      const u = (r) => {
+        t.removeEventListener("message", u), i.value = !1, r.data.type === "sort-result" ? o(r.data.data) : o([...e]);
+      };
+      t.addEventListener("message", u), t.postMessage({ type: "sort", data: e, field: s, order: a });
+    })) : Promise.resolve([...e]);
+  }
+  function g(e, s, a = "and") {
+    if (!m(e.length))
+      return Promise.resolve(e);
+    const t = f();
+    return t ? (i.value = !0, new Promise((o) => {
+      const u = (r) => {
+        t.removeEventListener("message", u), i.value = !1, r.data.type === "filter-result" ? o(r.data.data) : o(e);
+      };
+      t.addEventListener("message", u), t.postMessage({ type: "filter", data: e, conditions: s, logic: a });
+    })) : Promise.resolve(e);
+  }
+  return y(() => {
+    n == null || n.terminate(), n = null;
+  }), {
+    requestSort: p,
+    requestFilter: g,
+    processing: P(i)
+  };
+}
+export {
+  d as useWorkerSort
+};

package/dist/constants/table.js

@@ -0,0 +1,11 @@
+const l = [
+  { key: "id", label: "任务ID", width: 100, align: "left" },
+  { key: "title", label: "标题", width: "fill", minWidth: 220, align: "left" },
+  { key: "status", label: "状态", width: 90, align: "left" },
+  { key: "role", label: "负责角色", width: 90, align: "left" },
+  { key: "priority", label: "优先级", width: 70, align: "left" },
+  { key: "updatedAt", label: "更新时间", width: 100, align: "left" }
+];
+export {
+  l as DEFAULT_TABLE_COLUMNS
+};

package/dist/index.d.ts

@@ -1,8 +1,9 @@
 import { App } from 'vue';
-export { ViewTab, ToolbarBtn, AddViewBtn, Badge, RangeSlider, ProgressBar, ButtonGroup, EmptyState, StatisticCard, DropdownMenu, StatusIndicator, Switch, Stepper, Accordion, Avatar, RefTag, DescBlock, ViewModeGroup, ViewSwitcher, SelectBadge, ChainItem, SectionBlock, MonitorItem, StatusSummary, InfoCard, PersonaCard, } from './components/base';
+export { ViewTab, ToolbarBtn, AddViewBtn, Badge, RangeSlider, ProgressBar, ButtonGroup, EmptyState, StatisticCard, DropdownMenu, StatusIndicator, Switch, Stepper, Accordion, Avatar, RefTag, DescBlock, ViewModeGroup, ViewSwitcher, SelectBadge, ChainItem, SectionBlock, MonitorItem, StatusSummary, InfoCard, PersonaCard, SearchHighlight, } from './components/base';
 export type { ButtonOption, EmptyStateAction, MenuItem, StepItem, StepperProps, StepStatus, AvatarProps, RefTagProps, ViewModeOption, ViewModeGroupProps, ViewSwitcherTab, ViewSwitcherProps, SelectBadgeProps, ChainItemProps, SectionBlockProps, MonitorItemProps, StatusSummaryProps, StatusSummaryItem, InfoCardProps, PersonaCardProps, } from './components/base';
 export { AppLayout, Navbar, Sidebar, StatusBar } from './components/layout';
-export { DataTable, TableHeaderRow, TableDataRow, TableGroupRow, NewRowBtn, TableFilterPanel, TableColumnManager, FieldCell, } from './components/table';
+export { default as FieldMarkdownPreview } from './components/field/FieldMarkdownPreview.vue';
+export { DataTable, TableHeaderRow, TableDataRow, TableGroupRow, NewRowBtn, TableFilterPanel, TableColumnManager, TableToolbar, FieldCell, FieldTypePicker, ColumnHeaderMenu, } from './components/table';
 export { GalleryView, GalleryCard } from './components/gallery';
 export { ActivityTimeline, GanttTimeline, GanttRow } from './components/timeline';
 export type { ActivityTimelineProps, ActivityTimelineStatus, TimelineItem, } from './components/timeline';
@@ -23,8 +24,10 @@ export { MermaidChart } from './components/mermaid';
 export { SplitPane } from './components/split';
 export { default as ContextMenu } from './components/ContextMenu/index.vue';
 export type { ContextMenuItem } from './components/ContextMenu/index.vue';
-export type { Task, Priority, TaskStatus, ViewType, FieldType, FieldDefBase, FieldDef, TextFieldDef, NumberFieldDef, SelectFieldDef, DateFieldDef, CheckboxFieldDef, ContactFieldDef, RatingFieldDef, UserFieldDef, AttachmentFieldDef, RelationFieldDef, FormulaFieldDef, SelectOption, CellValue, DataRecord, SortConfig, GroupConfig, FilterCondition as SchemaFilterCondition, ViewConfig, TableSchema, ViewTabItem, TableColumn, KanbanColumnData, GalleryItem, GanttItem, PropItem, CommentData, SidebarItem, BadgeConfig, ColorMap, } from './types';
-export { isSelectField, isFormulaField, taskToDataRecord, dataRecordToTask, buildKanbanColumns, buildGalleryItems, } from './types';
+export type { Task, Priority, TaskStatus, ViewType, FieldType, FieldDefBase, FieldDef, TextFieldDef, NumberFieldDef, SelectFieldDef, DateFieldDef, CheckboxFieldDef, ContactFieldDef, RatingFieldDef, UserFieldDef, AttachmentFieldDef, RelationFieldDef, FormulaFieldDef, SelectOption, CellValue, ActiveCell, AggregationFn, AggregationConfig, DraftRowState, DataRecord, SortConfig, GroupConfig, FilterCondition as SchemaFilterCondition, ViewConfig, TableSchema, CurrencyFieldDef, RichTextFieldDef, AutoNumberFieldDef, CreatorFieldDef, ProgressFieldDef, ViewTabItem, TableColumn, KanbanColumnData, GalleryItem, GanttItem, PropItem, CommentData, SidebarItem, BadgeConfig, ColorMap, } from './types';
+export { isSelectField, isFormulaField, taskToDataRecord, dataRecordToTask, buildKanbanColumns, buildGalleryItems, buildGanttItems, } from './types';
+export { rowToDataRecord, rowsToDataRecords, dataRecordToRow, fieldsToRow, useSupabaseAdapter, } from './utils/supabaseAdapter';
+export type { RowAdapterOptions, UseSupabaseAdapterOptions } from './utils/supabaseAdapter';
 export type { ChatMessage, UseAiChatOptions } from './composables/useAiChat';
 export type { UseStreamOptions, StreamMode, RetryOptions } from './composables/useStream';
 export type { UseTypewriterOptions } from './composables/useTypewriter';
@@ -34,6 +37,14 @@ export type { UseMarkdownOptions } from './composables/useMarkdown';
 export type { ToastType, ToastItem as ToastItemData, UseToastOptions, } from './composables/useToast';
 export type { UseVirtualListOptions } from './composables/useVirtualList';
 export type { EditingCell } from './composables/useInlineEdit';
+export type { UseColumnResizeOptions } from './composables/useColumnResize';
+export type { UseFixedColumnsOptions } from './composables/useFixedColumns';
+export type { UseKeyboardNavigationOptions } from './composables/useKeyboardNavigation';
+export type { RowReorderPayload, RowGroupChangePayload } from './composables/useRowDrag';
+export type { UseDraftRowsOptions } from './composables/useDraftRows';
+export type { ValidationRule, FilterFieldConfig, FilterPanelConfig, UseSchemaEngineOptions, } from './composables/useSchemaEngine';
+export { inferSchema, fetchSchemaFromSupabase, humanizeColumnName } from './utils/supabaseSchema';
+export type { PgColumnInfo, InferSchemaOptions } from './utils/supabaseSchema';
 export { useBadge, resolveBadge, mergeColorMap, DEFAULT_PRIORITY_MAP, DEFAULT_STATUS_MAP, } from './composables';
 export { useStream } from './composables/useStream';
 export { useTypewriter } from './composables/useTypewriter';
@@ -44,6 +55,19 @@ export { useMarkdown } from './composables/useMarkdown';
 export { useToast } from './composables/useToast';
 export { useVirtualList } from './composables/useVirtualList';
 export { useInlineEdit } from './composables/useInlineEdit';
+export { useColumnResize } from './composables/useColumnResize';
+export { useFixedColumns } from './composables/useFixedColumns';
+export { useKeyboardNavigation } from './composables/useKeyboardNavigation';
+export { useRowDrag } from './composables/useRowDrag';
+export { useDraftRows } from './composables/useDraftRows';
+export { useWorkerSort } from './composables/useWorkerSort';
+export { useSchemaEngine } from './composables/useSchemaEngine';
+export { useSupabaseProvider } from './composables/useSupabaseProvider';
+export type { SupabaseQueryBuilder, SupabaseFilterBuilder, UseSupabaseProviderOptions, } from './composables/useSupabaseProvider';
+export { useViewPersistence, createLocalStorageBackend, createSupabaseBackend, } from './composables/useViewPersistence';
+export type { ViewStorageBackend, SupabaseViewBackendOptions, UseViewPersistenceOptions, } from './composables/useViewPersistence';
+export { useSearch } from './composables/useSearch';
+export type { UseSearchOptions, SearchHighlight as SearchHighlightSegment, } from './composables/useSearch';
 export declare const OneflowUI: {
     install(app: App): void;
 };