@oneflowui/ui 0.8.1 → 0.8.3

package/dist/composables/databaseDetailWorkspaceUtils.js

@@ -0,0 +1,160 @@
+function o(e) {
+  const t = e[0];
+  return t ? Object.keys(t.fields) : [];
+}
+function s(e, t = []) {
+  var r;
+  const n = (r = e == null ? void 0 : e.fields) == null ? void 0 : r.filter((u) => !u.hidden).map((u) => u.id);
+  return n != null && n.length ? n : o(t);
+}
+function c(e, t) {
+  var n;
+  return ((n = t == null ? void 0 : t.fields.find((r) => r.id === e)) == null ? void 0 : n.name) ?? e;
+}
+function d(e) {
+  switch (e == null ? void 0 : e.type) {
+    case "number":
+    case "currency":
+    case "progress":
+      return "number";
+    case "date":
+    case "datetime":
+      return "date";
+    case "select":
+    case "multi_select":
+      return "status";
+    default:
+      return "string";
+  }
+}
+function f(e) {
+  switch (e == null ? void 0 : e.type) {
+    case "number":
+      return "number";
+    case "select":
+      return "select";
+    case "multi_select":
+      return "multiselect";
+    case "date":
+      return "date";
+    case "datetime":
+      return "datetime";
+    case "checkbox":
+      return "checkbox";
+    case "url":
+      return "url";
+    case "email":
+      return "email";
+    case "phone":
+      return "phone";
+    case "rating":
+      return "rating";
+    case "attachment":
+      return "attachment";
+    case "relation":
+      return "relation";
+    case "formula":
+      return "text";
+    case "currency":
+      return "currency";
+    case "richtext":
+      return "richtext";
+    case "auto_number":
+      return "auto_number";
+    case "creator":
+      return "creator";
+    case "progress":
+      return "progress";
+    case "text":
+    default:
+      return "text";
+  }
+}
+function a(e) {
+  return e == null ? "" : Array.isArray(e) ? e.map((t) => String(t)).join(", ") : String(e);
+}
+function p(e, t = []) {
+  return s(e, t).map((r) => {
+    var i;
+    const u = (i = e == null ? void 0 : e.fields) == null ? void 0 : i.find((l) => l.id === r);
+    return {
+      key: r,
+      label: c(r, e),
+      type: d(u),
+      hidden: (u == null ? void 0 : u.hidden) ?? !1,
+      width: u == null ? void 0 : u.width
+    };
+  });
+}
+function b(e, t = []) {
+  return s(e, t).map((r) => {
+    var i;
+    const u = (i = e == null ? void 0 : e.fields) == null ? void 0 : i.find((l) => l.id === r);
+    return {
+      id: r,
+      type: f(u),
+      label: c(r, e)
+    };
+  });
+}
+function y(e) {
+  return e ? {
+    id: e.id,
+    ...e.fields
+  } : { id: "__detail-empty__" };
+}
+function k(e) {
+  const t = e == null ? void 0 : e.fields;
+  return a(
+    (t == null ? void 0 : t.title) ?? (t == null ? void 0 : t.name) ?? (t == null ? void 0 : t.subject) ?? (e == null ? void 0 : e.id) ?? "记录详情"
+  ) || "记录详情";
+}
+function g(e, t) {
+  const n = new Set(
+    t.filter((r) => r.type === "richtext").map((r) => r.id)
+  );
+  return {
+    propertyColumns: e.filter((r) => !n.has(r.key)),
+    contentColumns: e.filter((r) => n.has(r.key))
+  };
+}
+function m(e, t) {
+  return e.map((n) => {
+    const r = a(t[n.key]).trim();
+    return r ? `## ${n.label}
+
+${r}` : "";
+  }).filter((n) => n.length > 0).join(`
+
+`);
+}
+function x(e) {
+  return e.columns.map((t) => {
+    const n = e.fieldDefs.find((i) => i.id === t.key) ?? null, r = e.row[t.key], u = a(r).trim() || "—";
+    return {
+      key: t.key,
+      label: t.label,
+      field: n,
+      value: r,
+      fallbackText: u
+    };
+  });
+}
+function D(e) {
+  return e.requested !== "auto" ? e.requested : e.preferred ? e.preferred === "side-panel" && e.isMobileViewport ? "sheet" : e.preferred : e.isMobileViewport ? "sheet" : "side-panel";
+}
+function F(e) {
+  const t = [];
+  return e || t.push({ value: "side-panel", label: "右侧工作区" }), t.push({ value: "sheet", label: "抽屉" }), t.push({ value: "full-page", label: "全页" }), t;
+}
+export {
+  p as buildDetailColumns,
+  b as buildDetailFieldDefs,
+  x as buildDetailPropertyItems,
+  m as buildDetailWorkspaceDescription,
+  k as buildDetailWorkspaceTitle,
+  F as buildWorkspaceModes,
+  g as partitionDetailColumns,
+  D as resolveDetailPresentation,
+  y as toDetailRow
+};

package/dist/composables/index.d.ts

@@ -34,6 +34,10 @@ export type { RowReorderPayload, RowGroupChangePayload } from './useRowDrag';
 export { useDraftRows } from './useDraftRows';
 export type { UseDraftRowsOptions } from './useDraftRows';
 export { useWorkerSort } from './useWorkerSort';
+export { useDataTableSelection } from './useDataTableSelection';
+export type { UseDataTableSelectionOptions, UseDataTableSelectionReturn, } from './useDataTableSelection';
+export { useDataTableDetailSheet, buildDetailSheetCellEditPayloads } from './useDataTableDetailSheet';
+export type { DataTableDetailSheetBaseRow, DataTableDetailSheetRow, DataTableCellEditPayload, DataTableDetailSavePayload, DataTableRowClickResult, } from './useDataTableDetailSheet';
 export { useSchemaEngine } from './useSchemaEngine';
 export type { ValidationRule, FilterFieldConfig, FilterPanelConfig, UseSchemaEngineOptions, } from './useSchemaEngine';
 export { useSupabaseProvider } from './useSupabaseProvider';
@@ -42,5 +46,6 @@ export { useViewPersistence, createLocalStorageBackend, createSupabaseBackend, }
 export type { ViewStorageBackend, SupabaseViewBackendOptions, UseViewPersistenceOptions, } from './useViewPersistence';
 export { useDatabaseView } from './useDatabaseView';
 export type { DatabaseViewMode, DatabaseViewFetchParams, DatabaseViewFetchResult, DatabaseViewProvider, DatabaseSchemaEvent, DatabaseViewActions, DatabaseViewDetailOptions, DatabaseViewNavigationOptions, UseDatabaseViewOptions, UseDatabaseViewResult, } from './useDatabaseView';
+export { useDatabaseViewport, useDatabaseWorkspaceState } from './useDatabaseWorkspace';
 export { useSearch } from './useSearch';
 export type { UseSearchOptions, SearchHighlight } from './useSearch';

package/dist/composables/useDataTableDetailSheet.d.ts

@@ -0,0 +1,47 @@
+import { ComputedRef, Ref } from 'vue';
+import { DataRecord } from '../types';
+export type DataTableDetailSheetBaseRow = {
+    id: string;
+} & Record<string, unknown>;
+export type DataTableDetailSheetRow<TTableRow, TRecord = DataRecord> = TTableRow & {
+    __record?: TRecord;
+};
+export interface DataTableCellEditPayload {
+    rowId: string;
+    fieldId: string;
+    value: unknown;
+}
+export interface DataTableDetailSavePayload {
+    rowId: string;
+    fields: Record<string, unknown>;
+}
+export type DataTableRowClickResult<TTableRow, TRecord = DataRecord> = {
+    type: "open-detail-sheet";
+    row: DataTableDetailSheetRow<TTableRow, TRecord>;
+} | {
+    type: "emit-record";
+    row: TRecord;
+} | {
+    type: "emit-row";
+    row: TTableRow;
+};
+export declare function buildDetailSheetCellEditPayloads(payload: DataTableDetailSavePayload): DataTableCellEditPayload[];
+export interface UseDataTableDetailSheetReturn<TTableRow extends DataTableDetailSheetBaseRow, TRecord = DataRecord> {
+    detailSheetVisible: Ref<boolean>;
+    detailSheetTableRow: ComputedRef<(Record<string, unknown> & {
+        id: string;
+    }) | null>;
+    openDetailSheet: (row: DataTableDetailSheetRow<TTableRow, TRecord>) => DataTableDetailSheetRow<TTableRow, TRecord>;
+    closeDetailSheet: () => void;
+    clearDetailSheet: () => void;
+    handleRowClick: (params: {
+        row: DataTableDetailSheetRow<TTableRow, TRecord>;
+        isMobile: boolean;
+    }) => DataTableRowClickResult<TTableRow, TRecord>;
+    handleMobileRowClick: (row: DataTableDetailSheetRow<TTableRow, TRecord>) => {
+        type: "open-detail-sheet";
+        row: DataTableDetailSheetRow<TTableRow, TRecord>;
+    };
+    buildDetailSavePayloads: (payload: DataTableDetailSavePayload) => DataTableCellEditPayload[];
+}
+export declare function useDataTableDetailSheet<TTableRow extends DataTableDetailSheetBaseRow, TRecord = DataRecord>(): UseDataTableDetailSheetReturn<TTableRow, TRecord>;

package/dist/composables/useDataTableDetailSheet.js

@@ -0,0 +1,58 @@
+import { ref as u, computed as S } from "vue";
+function b(t) {
+  return Object.entries(t.fields).map(([l, n]) => ({
+    rowId: t.rowId,
+    fieldId: l,
+    value: n
+  }));
+}
+function v() {
+  const t = u(!1), l = u(null), n = S(
+    () => l.value
+  );
+  function o(e) {
+    return l.value = e, t.value = !0, e;
+  }
+  function c() {
+    t.value = !1;
+  }
+  function d() {
+    t.value = !1, l.value = null;
+  }
+  function r(e) {
+    return o(e), {
+      type: "open-detail-sheet",
+      row: e
+    };
+  }
+  function s(e) {
+    const { row: i, isMobile: h } = e;
+    if (h)
+      return r(i);
+    const a = i.__record;
+    return a ? {
+      type: "emit-record",
+      row: a
+    } : {
+      type: "emit-row",
+      row: i
+    };
+  }
+  function f(e) {
+    return b(e);
+  }
+  return {
+    detailSheetVisible: t,
+    detailSheetTableRow: n,
+    openDetailSheet: o,
+    closeDetailSheet: c,
+    clearDetailSheet: d,
+    handleRowClick: s,
+    handleMobileRowClick: r,
+    buildDetailSavePayloads: f
+  };
+}
+export {
+  b as buildDetailSheetCellEditPayloads,
+  v as useDataTableDetailSheet
+};

package/dist/composables/useDataTableLayout.d.ts

@@ -0,0 +1,16 @@
+import { CSSProperties, Ref } from 'vue';
+import { Density } from '../types';
+export declare function useDataTableLayout(params: {
+    tableContainerRef: Ref<HTMLElement | null>;
+    density: Ref<Density>;
+    containerResponsive: Ref<boolean>;
+    isMobile: Ref<boolean>;
+}): {
+    tableContainerWidth: Ref<number, number>;
+    containerDensity: import('vue').ComputedRef<Density>;
+    densityMetrics: import('vue').ComputedRef<import('../types/data-table').DataTableDensityMetrics>;
+    densityClass: import('vue').ComputedRef<string>;
+    containerWidthClass: import('vue').ComputedRef<"of-data-table--container-tight" | "of-data-table--container-medium" | "of-data-table--container-wide">;
+    densityStyle: import('vue').ComputedRef<CSSProperties>;
+    syncTableContainerWidth: () => void;
+};

package/dist/composables/useDataTableLayout.js

@@ -0,0 +1,38 @@
+import { ref as m, onMounted as g, onBeforeUnmount as y, computed as n } from "vue";
+import { TABLE_DENSITY_METRICS as h } from "../types/data-table.js";
+function x(c) {
+  const { tableContainerRef: o, density: l, containerResponsive: f, isMobile: v } = c, e = m(0);
+  let t = null;
+  function d() {
+    var i;
+    e.value = ((i = o.value) == null ? void 0 : i.clientWidth) ?? 0;
+  }
+  g(() => {
+    d(), !(typeof ResizeObserver > "u" || !o.value) && (t = new ResizeObserver((i) => {
+      const u = i[0];
+      u && (e.value = u.contentRect.width);
+    }), t.observe(o.value));
+  }), y(() => {
+    t == null || t.disconnect(), t = null;
+  });
+  const r = n(() => !f.value || v.value ? l.value : e.value > 0 && e.value <= 860 ? "compact" : e.value > 0 && e.value <= 1080 && l.value === "comfortable" ? "standard" : l.value), a = n(() => h[r.value]), s = n(() => `of-data-table--${r.value}`), b = n(() => e.value > 0 && e.value <= 860 ? "of-data-table--container-tight" : e.value > 0 && e.value <= 1080 ? "of-data-table--container-medium" : "of-data-table--container-wide"), p = n(() => ({
+    "--of-data-table-group-row-height": `${a.value.groupRowHeight}px`,
+    "--of-data-table-mobile-card-padding-x": `${a.value.mobileCardPaddingX}px`,
+    "--of-data-table-mobile-card-padding-y": `${a.value.mobileCardPaddingY}px`,
+    "--of-data-table-new-row-padding-x": `${a.value.mobileCardPaddingX}px`,
+    "--of-data-table-new-row-padding-y": `${a.value.mobileCardPaddingY}px`,
+    "--of-data-table-fill-min-width": `${a.value.fillMinWidth}px`
+  }));
+  return {
+    tableContainerWidth: e,
+    containerDensity: r,
+    densityMetrics: a,
+    densityClass: s,
+    containerWidthClass: b,
+    densityStyle: p,
+    syncTableContainerWidth: d
+  };
+}
+export {
+  x as useDataTableLayout
+};

package/dist/composables/useDataTableSelection.d.ts

@@ -0,0 +1,41 @@
+import { ComputedRef, Ref } from 'vue';
+import { BulkActionContext, BulkActionItem, ResolvedBulkActionItem } from '../types/data-table';
+type ValueRef<T> = Ref<T> | ComputedRef<T>;
+export interface UseDataTableSelectionOptions<TRecord extends Record<string, unknown>> {
+    rows: ValueRef<TRecord[]>;
+    selectedRows: ValueRef<ReadonlySet<string | number>>;
+    rowKey: ValueRef<string>;
+    selectable: ValueRef<boolean>;
+    bulkActionItems: ValueRef<BulkActionItem[] | undefined>;
+    showSelectionBar: ValueRef<boolean>;
+    emitSelectionChange?: (ids: (string | number)[]) => void;
+}
+export interface UseDataTableSelectionReturn<TRecord extends Record<string, unknown>> {
+    selectedIdsArray: ComputedRef<(string | number)[]>;
+    indeterminate: ComputedRef<boolean>;
+    selectedDataRows: ComputedRef<TRecord[]>;
+    bulkActionContext: ComputedRef<BulkActionContext<TRecord>>;
+    resolvedBulkActionItems: ComputedRef<ResolvedBulkActionItem[]>;
+    hasSelectionBar: ComputedRef<boolean>;
+    handleSelectAll: () => void;
+    handleSelect: (id: string | number) => void;
+    handleBulkAction: (action: BulkActionItem | ResolvedBulkActionItem) => void;
+}
+export declare function useDataTableSelection<TRecord extends Record<string, unknown>>(options: {
+    rows: ValueRef<TRecord[]>;
+    selectedRows: ValueRef<ReadonlySet<string | number>>;
+    rowKey: ValueRef<string>;
+    selectable: ValueRef<boolean>;
+    bulkActionItems: ValueRef<BulkActionItem[] | undefined>;
+    showSelectionBar: ValueRef<boolean>;
+    emitSelectionChange?: (ids: (string | number)[]) => void;
+    toggleSelectAll: (rows: TRecord[]) => void;
+    toggleRowSelection: (row: TRecord, index?: number) => void;
+    clearSelection: () => void;
+    emitBulkAction?: (payload: {
+        actionKey: string;
+        rowIds: string[];
+        rows: TRecord[];
+    }) => void;
+}): UseDataTableSelectionReturn<TRecord>;
+export {};

package/dist/composables/useDataTableSelection.js

@@ -0,0 +1,73 @@
+import { computed as c, watch as S } from "vue";
+function y(e) {
+  const r = c(() => Array.from(e.selectedRows.value)), u = c(
+    () => e.rows.value.filter(
+      (a) => e.selectedRows.value.has(d(a, e.rowKey.value))
+    )
+  ), l = c(
+    () => e.selectedRows.value.size > 0 && e.selectedRows.value.size < e.rows.value.length
+  ), s = c(() => ({
+    selectionCount: u.value.length,
+    rowIds: u.value.map((a) => d(a, e.rowKey.value)),
+    rows: [...u.value]
+  })), v = c(
+    () => m(e.bulkActionItems.value, s.value)
+  ), n = c(
+    () => e.showSelectionBar.value && e.selectable.value && e.selectedRows.value.size > 0
+  );
+  function f() {
+    e.toggleSelectAll(e.rows.value);
+  }
+  function w(a) {
+    const t = e.rows.value.find(
+      (b) => d(b, e.rowKey.value) === String(a)
+    );
+    t && e.toggleRowSelection(t, 0);
+  }
+  function i(a) {
+    var t;
+    (t = e.emitBulkAction) == null || t.call(e, {
+      actionKey: a.key,
+      rowIds: s.value.rowIds,
+      rows: s.value.rows
+    }), (a.clearSelectionAfter || a.key === "clear-selection") && e.clearSelection();
+  }
+  return S(
+    r,
+    (a) => {
+      var t;
+      (t = e.emitSelectionChange) == null || t.call(e, a);
+    },
+    { immediate: !1 }
+  ), {
+    selectedIdsArray: r,
+    indeterminate: l,
+    selectedDataRows: u,
+    bulkActionContext: s,
+    resolvedBulkActionItems: v,
+    hasSelectionBar: n,
+    handleSelectAll: f,
+    handleSelect: w,
+    handleBulkAction: i
+  };
+}
+function d(e, r) {
+  const u = e[r];
+  return u != null ? String(u) : "";
+}
+function m(e, r) {
+  return [...[
+    {
+      key: "clear-selection",
+      label: "清空选择",
+      clearSelectionAfter: !0
+    }
+  ], ...e ?? []].filter((l) => typeof l.visible == "function" ? l.visible(r) : l.visible ?? !0).map((l) => ({
+    ...l,
+    resolvedLabel: typeof l.label == "function" ? l.label(r) : l.label,
+    resolvedDisabled: typeof l.disabled == "function" ? l.disabled(r) : l.disabled ?? !1
+  }));
+}
+export {
+  y as useDataTableSelection
+};

package/dist/composables/useDatabaseDetailWorkspace.d.ts

@@ -0,0 +1,67 @@
+import { ComputedRef, Ref } from 'vue';
+import { DatabaseViewDetailPresentation, DatabaseViewResolvedDetailPresentation, DatabaseViewViewTab } from '../contracts/database';
+import { DataRecord, TableSchema } from '../types';
+interface DetailEmptyAction {
+    label: string;
+    onClick: () => void;
+}
+interface UseDatabaseDetailWorkspaceOptions {
+    tableId: Readonly<Ref<string | undefined>>;
+    activeViewId: Readonly<ComputedRef<string>>;
+    currentViewId: Readonly<Ref<string>>;
+    selectedRecordId: Readonly<Ref<string | null | undefined>>;
+    selectedRecord: Readonly<ComputedRef<DataRecord | null>>;
+    resolvedSchema: Readonly<ComputedRef<TableSchema | null | undefined>>;
+    resolvedRecords: Readonly<ComputedRef<DataRecord[]>>;
+    viewTabs: Readonly<ComputedRef<DatabaseViewViewTab[]>>;
+    detailPresentation: Readonly<Ref<DatabaseViewDetailPresentation>>;
+    initialSearchKeyword?: string;
+    initialDetailPresentation?: DatabaseViewResolvedDetailPresentation | null;
+    initialSidePanelWidth?: number;
+    initialDrawerWidth?: number;
+    initialWorkspaceActive?: boolean;
+    onSelectRecord: (record: DataRecord | string | null) => void;
+    onClearSelectedRecord: () => void;
+    onSetRecords: (next: DataRecord[]) => void;
+    onCellEdit: (payload: {
+        rowId: string;
+        fieldId: string;
+        value: unknown;
+    }) => void;
+    onSwitchView: (viewId: string) => void;
+}
+export declare function useDatabaseDetailWorkspace(options: UseDatabaseDetailWorkspaceOptions): {
+    searchKeyword: Ref<string, string>;
+    sidePanelWidth: Ref<number, number>;
+    drawerWidth: Ref<number, number>;
+    detailWorkspaceRow: ComputedRef<{
+        [x: string]: unknown;
+        id: string;
+    }>;
+    detailWorkspaceTitle: ComputedRef<string>;
+    detailWorkspaceDescription: ComputedRef<string>;
+    detailPropertyItems: ComputedRef<import('./databaseDetailWorkspaceUtils').DatabaseDetailPropertyItem[]>;
+    hasDetailDraftChanges: ComputedRef<boolean>;
+    showDetailWorkspace: ComputedRef<boolean>;
+    resolvedDetailPresentation: ComputedRef<DatabaseViewResolvedDetailPresentation>;
+    workspaceModes: ComputedRef<import('./databaseDetailWorkspaceUtils').DatabaseWorkspaceModeOption[]>;
+    canSwitchDetailPresentation: ComputedRef<boolean>;
+    detailEmptyAction: ComputedRef<DetailEmptyAction | undefined>;
+    setPreferredDetailPresentation: (mode: DatabaseViewResolvedDetailPresentation) => void;
+    activateDetailWorkspace: () => void;
+    handleRowSelect: (record: DataRecord) => void;
+    handleCardClick: (payload: {
+        id?: string;
+    } | Record<string, unknown> | null | undefined) => void;
+    handleTimelineRowClick: (payload: {
+        id?: string;
+        sourceRecordId?: string;
+    }) => void;
+    handleDetailClose: () => void;
+    handleDetailDelete: (rowId: string) => void;
+    handleDetailWorkspaceCommit: (_rowId: string, fieldId: string, value: unknown) => void;
+    handleDetailWorkspaceSave: () => void;
+    handleSidePanelWidthUpdate: (width: number) => void;
+    handleDrawerWidthUpdate: (width: number) => void;
+};
+export {};

package/dist/composables/useDatabaseDetailWorkspace.js

@@ -0,0 +1,150 @@
+import { ref as b, computed as t } from "vue";
+import { useDatabaseViewport as O, useDatabaseWorkspaceState as q, clampWorkspaceWidth as P, DEFAULT_SIDE_PANEL_WIDTH as N, DEFAULT_DRAWER_WIDTH as z } from "./useDatabaseWorkspace.js";
+import { buildDetailColumns as G, buildDetailFieldDefs as J, toDetailRow as Q, buildDetailWorkspaceTitle as X, partitionDetailColumns as Y, buildDetailWorkspaceDescription as Z, buildDetailPropertyItems as $, resolveDetailPresentation as ee, buildWorkspaceModes as le } from "./databaseDetailWorkspaceUtils.js";
+function re(l) {
+  const { isMobileViewport: s } = O(), {
+    preferredDetailPresentation: v,
+    sidePanelWidth: f,
+    drawerWidth: D,
+    searchKeyword: C
+  } = q({
+    tableId: l.tableId,
+    activeViewId: l.activeViewId,
+    initialSearchKeyword: l.initialSearchKeyword ?? "",
+    initialDetailPresentation: l.initialDetailPresentation ?? null,
+    initialSidePanelWidth: l.initialSidePanelWidth,
+    initialDrawerWidth: l.initialDrawerWidth
+  }), r = b({}), d = b(!!l.initialWorkspaceActive), S = t(
+    () => G(l.resolvedSchema.value, l.resolvedRecords.value)
+  ), h = t(
+    () => J(l.resolvedSchema.value, l.resolvedRecords.value)
+  ), I = t(() => Q(l.selectedRecord.value)), c = t(() => ({
+    ...I.value,
+    ...r.value
+  })), T = t(
+    () => X(l.selectedRecord.value)
+  ), w = t(
+    () => Y(S.value, h.value)
+  ), V = t(
+    () => Z(
+      w.value.contentColumns,
+      c.value
+    )
+  ), p = t(
+    () => $({
+      columns: w.value.propertyColumns,
+      fieldDefs: h.value,
+      row: c.value
+    })
+  ), A = t(
+    () => Object.keys(r.value).length > 0
+  ), E = t(
+    () => d.value && !!l.selectedRecord.value
+  ), F = t(
+    () => ee({
+      requested: l.detailPresentation.value,
+      preferred: v.value,
+      isMobileViewport: s.value
+    })
+  ), _ = t(
+    () => le(s.value)
+  ), W = t(
+    () => l.detailPresentation.value === "auto"
+  );
+  function R() {
+    r.value = {};
+  }
+  function m() {
+    d.value = !0;
+  }
+  function n(e) {
+    e && (m(), R(), l.onSelectRecord(e));
+  }
+  function k(e) {
+    return e ? l.resolvedRecords.value.find((a) => a.id === e) ?? null : null;
+  }
+  const y = t(() => {
+    var i;
+    if (l.activeViewId.value !== "detail") return;
+    const e = l.resolvedRecords.value[0];
+    if (e)
+      return {
+        label: "打开第一条记录",
+        onClick: () => n(e)
+      };
+    const a = ((i = l.viewTabs.value.find((u) => u.value !== "detail")) == null ? void 0 : i.value) ?? null;
+    if (a)
+      return {
+        label: "返回列表",
+        onClick: () => l.onSwitchView(a)
+      };
+  });
+  function M(e) {
+    W.value && (v.value = e);
+  }
+  function U(e) {
+    n(e);
+  }
+  function B(e) {
+    n(k(e == null ? void 0 : e.id));
+  }
+  function K(e) {
+    n(k(e.sourceRecordId ?? e.id));
+  }
+  function o() {
+    d.value = !1, R(), l.onClearSelectedRecord();
+  }
+  function L(e) {
+    const a = l.resolvedRecords.value.filter((i) => i.id !== e);
+    l.onSetRecords(a), o();
+  }
+  function g(e, a, i) {
+    r.value = {
+      ...r.value,
+      [a]: i
+    };
+  }
+  function j() {
+    const e = l.selectedRecord.value;
+    if (!e) return;
+    const a = { ...r.value };
+    for (const [i, u] of Object.entries(a))
+      l.onCellEdit({ rowId: e.id, fieldId: i, value: u });
+    o();
+  }
+  function x(e) {
+    f.value = P(e, N);
+  }
+  function H(e) {
+    D.value = P(e, z);
+  }
+  return {
+    searchKeyword: C,
+    sidePanelWidth: f,
+    drawerWidth: D,
+    detailWorkspaceRow: c,
+    detailWorkspaceTitle: T,
+    detailWorkspaceDescription: V,
+    detailPropertyItems: p,
+    hasDetailDraftChanges: A,
+    showDetailWorkspace: E,
+    resolvedDetailPresentation: F,
+    workspaceModes: _,
+    canSwitchDetailPresentation: W,
+    detailEmptyAction: y,
+    setPreferredDetailPresentation: M,
+    activateDetailWorkspace: m,
+    handleRowSelect: U,
+    handleCardClick: B,
+    handleTimelineRowClick: K,
+    handleDetailClose: o,
+    handleDetailDelete: L,
+    handleDetailWorkspaceCommit: g,
+    handleDetailWorkspaceSave: j,
+    handleSidePanelWidthUpdate: x,
+    handleDrawerWidthUpdate: H
+  };
+}
+export {
+  re as useDatabaseDetailWorkspace
+};