@oneflowui/ui 0.4.2 → 0.4.4

package/dist/types/index.d.ts

@@ -120,7 +120,7 @@ export interface SidebarItem {
     badge?: string | number;
     children?: SidebarItem[];
 }
-export type FieldType = "text" | "number" | "select" | "multi_select" | "date" | "datetime" | "checkbox" | "url" | "email" | "phone" | "rating" | "user" | "attachment" | "relation" | "formula";
+export type FieldType = "text" | "number" | "select" | "multi_select" | "date" | "datetime" | "checkbox" | "url" | "email" | "phone" | "rating" | "user" | "attachment" | "relation" | "formula" | "currency" | "richtext" | "auto_number" | "creator" | "progress";
 export interface SelectOption {
     value: string;
     label: string;
@@ -167,15 +167,66 @@ export interface AttachmentFieldDef extends FieldDefBase {
 export interface RelationFieldDef extends FieldDefBase {
     type: "relation";
     targetTableId?: string;
+    /** Field ID to display from the target table (e.g. "title") */
+    displayFieldId?: string;
+    /** Filter conditions applied when selecting related records */
+    filterConfig?: FilterCondition[];
+    /** Relation cardinality */
+    relationMode?: "one_to_many" | "many_to_many";
+    /** Schema of the target table for inline rendering */
+    targetSchema?: TableSchema;
 }
 export interface FormulaFieldDef extends FieldDefBase {
     type: "formula";
     formula: string;
+    /** Type of the computed result */
+    resultType?: "string" | "number" | "date" | "boolean";
+    /** Field IDs this formula depends on (for recalculation) */
+    dependencies?: string[];
 }
-export type FieldDef = TextFieldDef | NumberFieldDef | SelectFieldDef | DateFieldDef | CheckboxFieldDef | ContactFieldDef | RatingFieldDef | UserFieldDef | AttachmentFieldDef | RelationFieldDef | FormulaFieldDef;
+export interface CurrencyFieldDef extends FieldDefBase {
+    type: "currency";
+    /** ISO 4217 currency code, e.g. 'USD', 'CNY' */
+    currencyCode?: string;
+    /** Decimal precision, default 2 */
+    precision?: number;
+}
+export interface RichTextFieldDef extends FieldDefBase {
+    type: "richtext";
+}
+export interface AutoNumberFieldDef extends FieldDefBase {
+    type: "auto_number";
+    /** Prefix for the auto number, e.g. 'TASK-' */
+    prefix?: string;
+}
+export interface CreatorFieldDef extends FieldDefBase {
+    type: "creator";
+}
+export interface ProgressFieldDef extends FieldDefBase {
+    type: "progress";
+    min?: number;
+    max?: number;
+}
+export type FieldDef = TextFieldDef | NumberFieldDef | SelectFieldDef | DateFieldDef | CheckboxFieldDef | ContactFieldDef | RatingFieldDef | UserFieldDef | AttachmentFieldDef | RelationFieldDef | FormulaFieldDef | CurrencyFieldDef | RichTextFieldDef | AutoNumberFieldDef | CreatorFieldDef | ProgressFieldDef;
 export declare function isSelectField(field: FieldDef): field is SelectFieldDef;
 export declare function isFormulaField(field: FieldDef): field is FormulaFieldDef;
 export type CellValue = string | number | boolean | string[] | null;
+export interface ActiveCell {
+    rowId: string;
+    colKey: string;
+}
+export type AggregationFn = "sum" | "avg" | "count" | "min" | "max";
+export interface AggregationConfig {
+    fieldId: string;
+    fn: AggregationFn;
+}
+export interface DraftRowState {
+    draftId: string;
+    fields: Record<string, CellValue>;
+    dirtyFields: Set<string>;
+    validationErrors: Map<string, string>;
+    groupFieldValue?: CellValue;
+}
 export interface DataRecord {
     id: string;
     fields: Record<string, CellValue>;
@@ -205,6 +256,10 @@ export interface ViewConfig {
     kanbanFieldId?: string;
     galleryCoverFieldId?: string;
     galleryCardFields?: string[];
+    /** Aggregation configs shown in group headers/footers */
+    aggregations?: AggregationConfig[];
+    /** Column keys to pin on the left side */
+    fixedColumns?: string[];
 }
 export interface TableSchema {
     tableId: string;
@@ -223,4 +278,10 @@ export declare function buildGalleryItems(records: DataRecord[], options?: {
     coverFieldId?: string;
     cardFieldIds?: string[];
 }): GalleryItem[];
+export declare function buildGanttItems(records: DataRecord[], options?: {
+    startFieldId?: string;
+    endFieldId?: string;
+    labelFieldId?: string;
+    barColorFieldId?: string;
+}): GanttItem[];
 export declare const DEFAULT_TABLE_SCHEMA: TableSchema;

package/dist/types/index.js

@@ -0,0 +1,94 @@
+function f(t) {
+  return t.type === "select" || t.type === "multi_select";
+}
+function g(t) {
+  return t.type === "formula";
+}
+function p(t) {
+  return {
+    id: t.id,
+    fields: {
+      title: t.title,
+      description: t.description ?? "",
+      status: t.status,
+      priority: t.priority,
+      assignee: t.assignee ?? "",
+      startDate: t.startDate ?? "",
+      endDate: t.endDate ?? "",
+      tags: t.tags ?? []
+    },
+    createdAt: t.createdAt,
+    updatedAt: t.updatedAt
+  };
+}
+function c(t) {
+  const s = t.fields.status, r = t.fields.priority, a = t.fields.title, o = t.fields.description, n = t.fields.assignee, e = t.fields.tags, i = t.fields.startDate, l = t.fields.endDate;
+  return {
+    id: t.id,
+    title: typeof a == "string" && a ? a : t.id,
+    description: typeof o == "string" ? o : void 0,
+    status: typeof s == "string" && s ? s : "todo",
+    priority: typeof r == "string" && r ? r : "P3",
+    assignee: typeof n == "string" ? n : void 0,
+    tags: Array.isArray(e) ? e.filter((d) => typeof d == "string") : void 0,
+    startDate: typeof i == "string" ? i : void 0,
+    endDate: typeof l == "string" ? l : void 0,
+    createdAt: t.createdAt,
+    updatedAt: t.updatedAt
+  };
+}
+function y(t, s = {}) {
+  const r = s.kanbanFieldId ?? "status", a = /* @__PURE__ */ new Map();
+  for (const n of t) {
+    const e = n.fields[r], i = typeof e == "string" && e ? e : "unassigned", l = a.get(i) ?? [];
+    l.push(c(n)), a.set(i, l);
+  }
+  return (s.laneOrder && s.laneOrder.length > 0 ? s.laneOrder : Array.from(a.keys())).map((n) => {
+    var e;
+    return {
+      id: n,
+      title: ((e = s.laneTitles) == null ? void 0 : e[n]) ?? n,
+      tasks: a.get(n) ?? []
+    };
+  });
+}
+function D(t, s = {}) {
+  const r = s.coverFieldId, a = s.cardFieldIds ?? [];
+  return t.map((o) => {
+    const n = c(o), e = r ? o.fields[r] : null, i = typeof e == "string" && e ? e : void 0, l = a.map((d) => {
+      const u = o.fields[d];
+      return u == null || d === r ? null : Array.isArray(u) ? { key: d, value: u.join(", ") } : { key: d, value: String(u) };
+    }).filter((d) => d !== null);
+    return {
+      ...n,
+      cover: i,
+      bannerColor: i != null && i.startsWith("#") ? i : void 0,
+      extraProps: l.length > 0 ? l : void 0
+    };
+  });
+}
+function F(t, s = {}) {
+  const r = s.startFieldId ?? "startDate", a = s.endFieldId ?? "endDate", o = s.labelFieldId ?? "title", n = [];
+  for (const e of t) {
+    const i = c(e), l = e.fields[r], d = e.fields[a];
+    if (!l || !d) continue;
+    const u = e.fields[o];
+    n.push({
+      ...i,
+      title: typeof u == "string" && u ? u : i.title,
+      startDate: String(l),
+      endDate: String(d),
+      barColor: s.barColorFieldId ? String(e.fields[s.barColorFieldId] ?? "") : void 0
+    });
+  }
+  return n;
+}
+export {
+  D as buildGalleryItems,
+  F as buildGanttItems,
+  y as buildKanbanColumns,
+  c as dataRecordToTask,
+  g as isFormulaField,
+  f as isSelectField,
+  p as taskToDataRecord
+};

package/dist/types/table-internal.d.ts

@@ -0,0 +1,64 @@
+import { CellValue, AggregationFn } from './index';
+export interface ColumnResizeState {
+    colKey: string;
+    startX: number;
+    initialWidth: number;
+}
+export interface FixedColumnLayout {
+    /** Total width of all fixed columns including selector checkbox (40px) */
+    totalWidth: number;
+    /** Left offset for each fixed column, keyed by column key */
+    offsets: Map<string, number>;
+}
+export interface GroupAggregationResult {
+    /** Aggregation function used */
+    fn: AggregationFn;
+    /** Field ID the aggregation is computed on */
+    fieldId: string;
+    /** Computed result value */
+    value: number;
+}
+/**
+ * Replaces the previous __type string marker pattern.
+ * Used in virtual scroll and rendering pipeline.
+ */
+export type FlattenedRow<T> = FlattenedDataRow<T> | FlattenedGroupHeader | FlattenedDraftRow;
+export interface FlattenedDataRow<T> {
+    readonly __type: "data-row";
+    readonly id: string;
+    readonly data: T;
+}
+export interface FlattenedGroupHeader {
+    readonly __type: "group-header";
+    readonly id: string;
+    readonly groupKey: string;
+    /** Full path for nested groups, e.g. ['status:done', 'priority:P0'] */
+    readonly groupPath: string[];
+    readonly groupLevel: number;
+    readonly groupCount: number;
+    readonly aggregations?: GroupAggregationResult[];
+}
+export interface FlattenedDraftRow {
+    readonly __type: "draft-row";
+    readonly id: string;
+    readonly draftId: string;
+    readonly fields: Record<string, CellValue>;
+    readonly dirtyFields: ReadonlySet<string>;
+    readonly validationErrors: ReadonlyMap<string, string>;
+}
+export declare function isDataRow<T>(row: FlattenedRow<T>): row is FlattenedDataRow<T>;
+export declare function isGroupHeader<T>(row: FlattenedRow<T>): row is FlattenedGroupHeader;
+export declare function isDraftRow<T>(row: FlattenedRow<T>): row is FlattenedDraftRow;
+export interface RowHeightConfig {
+    dataRow: number;
+    groupHeader: number;
+    draftRow: number;
+    groupSpacing: number;
+}
+export interface CellCoordinate {
+    rowIndex: number;
+    colIndex: number;
+}
+export interface HoverState {
+    rowId: string | null;
+}

package/dist/utils/aggregation.d.ts

@@ -0,0 +1,5 @@
+import { AggregationConfig } from '../types';
+/**
+ * Compute aggregation results for a set of rows.
+ */
+export declare function computeAggregations(rows: Record<string, unknown>[], configs: AggregationConfig[]): Record<string, number>;

package/dist/utils/aggregation.js

@@ -0,0 +1,38 @@
+function f(u, s) {
+  const r = {};
+  for (const e of s) {
+    const t = `${e.fieldId}:${e.fn}`;
+    r[t] = c(u, e.fieldId, e.fn);
+  }
+  return r;
+}
+function c(u, s, r) {
+  if (r === "count")
+    return u.length;
+  const e = [];
+  for (const t of u) {
+    const n = t[s];
+    if (n != null && typeof n == "number" && !Number.isNaN(n))
+      e.push(n);
+    else if (n != null && typeof n == "string") {
+      const o = Number(n);
+      Number.isNaN(o) || e.push(o);
+    }
+  }
+  if (e.length === 0) return 0;
+  switch (r) {
+    case "sum":
+      return e.reduce((t, n) => t + n, 0);
+    case "avg":
+      return e.reduce((t, n) => t + n, 0) / e.length;
+    case "min":
+      return Math.min(...e);
+    case "max":
+      return Math.max(...e);
+    default:
+      return 0;
+  }
+}
+export {
+  f as computeAggregations
+};

package/dist/utils/icon.js

@@ -0,0 +1,15 @@
+import * as n from "lucide-vue-next";
+function o(e) {
+  return e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("") + "Icon";
+}
+const r = /* @__PURE__ */ new Map();
+function a(e) {
+  if (!e) return;
+  if (typeof e != "string") return e;
+  if (r.has(e)) return r.get(e);
+  const t = o(e), s = n[t];
+  return r.set(e, s), s;
+}
+export {
+  a as resolveIcon
+};

package/dist/utils/supabaseAdapter.d.ts

@@ -0,0 +1,48 @@
+import { Ref } from 'vue';
+import { DataRecord, CellValue, TableSchema } from '../types';
+export interface RowAdapterOptions {
+    /** 主键列名，默认 'id' */
+    idColumn?: string;
+    /** created_at 列名 */
+    createdAtColumn?: string;
+    /** updated_at 列名 */
+    updatedAtColumn?: string;
+    /** 需要从 fields 中排除的列（如主键、时间戳），自动包含 id/created_at/updated_at */
+    excludeFromFields?: string[];
+    /** Schema 定义（如有），用于类型转换 */
+    schema?: TableSchema;
+}
+export interface UseSupabaseAdapterOptions extends RowAdapterOptions {
+    /** 响应式的原始 Supabase 行数据 */
+    rawRows?: Ref<Record<string, unknown>[]>;
+}
+/**
+ * 将 Supabase 的扁平行转换为 DataRecord
+ */
+export declare function rowToDataRecord(row: Record<string, unknown>, options?: RowAdapterOptions): DataRecord;
+/**
+ * 批量转换
+ */
+export declare function rowsToDataRecords(rows: Record<string, unknown>[], options?: RowAdapterOptions): DataRecord[];
+/**
+ * 将 DataRecord 转换回 Supabase 扁平行格式（用于 insert/update）
+ */
+export declare function dataRecordToRow(record: DataRecord, options?: RowAdapterOptions): Record<string, unknown>;
+/**
+ * 部分更新：只提取变更的字段，转换为 Supabase 扁平行
+ */
+export declare function fieldsToRow(fields: Partial<Record<string, CellValue>>): Record<string, unknown>;
+/**
+ * 响应式适配器：自动将 Supabase 行数据转换为 DataRecord[]
+ */
+export declare function useSupabaseAdapter(options?: UseSupabaseAdapterOptions): {
+    records: import('vue').ComputedRef<DataRecord[]>;
+    /** 单行转换 */
+    toRecord: (row: Record<string, unknown>) => DataRecord;
+    /** 批量转换 */
+    toRecords: (rows: Record<string, unknown>[]) => DataRecord[];
+    /** 回写转换 */
+    toRow: (record: DataRecord) => Record<string, unknown>;
+    /** 部分字段回写 */
+    fieldsToRow: typeof fieldsToRow;
+};

package/dist/utils/supabaseAdapter.js

@@ -0,0 +1,76 @@
+import { computed as p } from "vue";
+function s(t, n = {}) {
+  var f;
+  const {
+    idColumn: e = "id",
+    createdAtColumn: r = "created_at",
+    updatedAtColumn: d = "updated_at",
+    excludeFromFields: o = []
+  } = n, c = /* @__PURE__ */ new Set([e, r, d, ...o]), i = {};
+  for (const [u, l] of Object.entries(t))
+    c.has(u) || (i[u] = R(
+      l,
+      (f = n.schema) == null ? void 0 : f.fields.find((m) => m.id === u)
+    ));
+  return {
+    id: String(t[e] ?? ""),
+    fields: i,
+    createdAt: t[r] != null ? String(t[r]) : void 0,
+    updatedAt: t[d] != null ? String(t[d]) : void 0
+  };
+}
+function a(t, n = {}) {
+  return t.map((e) => s(e, n));
+}
+function A(t, n = {}) {
+  const {
+    idColumn: e = "id",
+    createdAtColumn: r = "created_at",
+    updatedAtColumn: d = "updated_at"
+  } = n, o = {
+    [e]: t.id
+  };
+  for (const [c, i] of Object.entries(t.fields))
+    o[c] = i;
+  return t.createdAt && (o[r] = t.createdAt), t.updatedAt && (o[d] = t.updatedAt), o;
+}
+function y(t) {
+  const n = {};
+  for (const [e, r] of Object.entries(t))
+    n[e] = r;
+  return n;
+}
+function b(t = {}) {
+  return {
+    records: p(() => {
+      var e;
+      return (e = t.rawRows) != null && e.value ? a(t.rawRows.value, t) : [];
+    }),
+    /** 单行转换 */
+    toRecord: (e) => s(e, t),
+    /** 批量转换 */
+    toRecords: (e) => a(e, t),
+    /** 回写转换 */
+    toRow: (e) => A(e, t),
+    /** 部分字段回写 */
+    fieldsToRow: y
+  };
+}
+function R(t, n) {
+  if (t == null) return null;
+  if (Array.isArray(t))
+    return t.map(String);
+  if (typeof t == "boolean" || typeof t == "number" || typeof t == "string") return t;
+  if (typeof t == "object") {
+    const e = t;
+    return "content" in e && typeof e.content == "string" ? e.content : JSON.stringify(t);
+  }
+  return String(t);
+}
+export {
+  A as dataRecordToRow,
+  y as fieldsToRow,
+  s as rowToDataRecord,
+  a as rowsToDataRecords,
+  b as useSupabaseAdapter
+};

package/dist/utils/supabaseSchema.d.ts

@@ -0,0 +1,81 @@
+import { FieldDef, TableSchema, SelectOption } from '../types';
+/** Supabase / PostgreSQL column metadata (from information_schema.columns) */
+export interface PgColumnInfo {
+    column_name: string;
+    data_type: string;
+    udt_name: string;
+    is_nullable: "YES" | "NO";
+    column_default: string | null;
+    character_maximum_length: number | null;
+    is_identity: "YES" | "NO";
+    identity_generation: string | null;
+}
+export interface InferSchemaOptions {
+    /** Table name */
+    tableName: string;
+    /** Column info rows from information_schema.columns */
+    columns: PgColumnInfo[];
+    /** Manual per-column overrides (merged last) */
+    overrides?: Record<string, Partial<FieldDef>>;
+    /** Column names to skip */
+    skipColumns?: string[];
+    /** column_name → display label mapping; use key '__table__' for the table display name */
+    labelMap?: Record<string, string>;
+    /** Include the id column (skipped by default) */
+    includeIdColumn?: boolean;
+    /** Use column-name heuristics for content fields (default true) */
+    inferContentFields?: boolean;
+    /** Pre-defined select options keyed by column name */
+    selectOptions?: Record<string, SelectOption[]>;
+}
+export declare function inferSchema(options: InferSchemaOptions): TableSchema;
+/** Minimal Supabase client interface (avoids hard dependency on @supabase/supabase-js) */
+interface SupabaseClientLike {
+    from(table: string): {
+        select(columns: string): {
+            eq(column: string, value: string): {
+                eq(column: string, value: string): Promise<{
+                    data: PgColumnInfo[] | null;
+                    error: {
+                        message: string;
+                    } | null;
+                }>;
+            };
+        };
+    };
+    rpc?(fn: string, params?: Record<string, unknown>): Promise<{
+        data: unknown;
+        error: {
+            message: string;
+        } | null;
+    }>;
+}
+/**
+ * Query table schema from Supabase and produce a TableSchema.
+ *
+ * Strategy (in order of preference):
+ * 1. RPC `get_table_columns(p_table_name)` — requires a custom Postgres function
+ * 2. Direct `information_schema.columns` query — works only if PostgREST exposes it
+ * 3. Falls back to inferring from a sample row's keys (limited type info)
+ *
+ * To use strategy 1, create this function in your Supabase SQL editor:
+ * ```sql
+ * CREATE OR REPLACE FUNCTION get_table_columns(p_table_name text)
+ * RETURNS TABLE(
+ *   column_name text, data_type text, udt_name text,
+ *   is_nullable text, column_default text,
+ *   character_maximum_length int, is_identity text, identity_generation text
+ * ) LANGUAGE sql SECURITY DEFINER AS $$
+ *   SELECT column_name::text, data_type::text, udt_name::text,
+ *          is_nullable::text, column_default::text,
+ *          character_maximum_length::int, is_identity::text, identity_generation::text
+ *   FROM information_schema.columns
+ *   WHERE table_schema = 'public' AND table_name = p_table_name
+ *   ORDER BY ordinal_position;
+ * $$;
+ * ```
+ */
+export declare function fetchSchemaFromSupabase(client: SupabaseClientLike, tableName: string, options?: Omit<InferSchemaOptions, "tableName" | "columns">): Promise<TableSchema>;
+/** snake_case → Human Readable Name */
+export declare function humanizeColumnName(name: string): string;
+export {};