@oneflowui/ui 0.8.1 → 0.8.3

package/dist/components/database/DatabaseView.vue2.js

@@ -1,47 +1,15 @@
-import { defineComponent as jt, ref as C, onMounted as Ht, onBeforeUnmount as Jt, computed as r, watch as F, openBlock as d, createElementBlock as v, mergeProps as Mt, createVNode as O, unref as fe, createElementVNode as c, Fragment as q, createBlock as V, createCommentVNode as te, withCtx as T, renderList as ae, toDisplayString as b, normalizeClass as $e } from "vue";
-import { Loader2 as Xt, AlertCircle as Yt, Database as Zt } from "lucide-vue-next";
-import ze from "../base/EmptyState.vue.js";
-import Oe from "../table/FieldCell.vue.js";
-import qe from "../detail/DetailLayout.vue.js";
-import Qt from "../overlay/Drawer.vue.js";
-import ea from "../overlay/SidePanel.vue.js";
-import ta from "../table/TableToolbar.vue.js";
-import aa from "../table/DataTable.vue.js";
-import ia from "../kanban/KanbanBoard.vue.js";
-import la from "../gallery/GalleryView.vue.js";
-import oa from "../timeline/GanttTimeline.vue.js";
-import { useDatabaseView as ra } from "../../composables/useDatabaseView.js";
-import { buildGanttItems as na } from "../../types/index.js";
-const sa = {
-  key: 0,
-  class: "of-database-view__state of-database-view__state--loading",
-  "data-role": "loading-state"
-}, da = {
-  key: 1,
-  class: "of-database-view__state",
-  "data-role": "error-state"
-}, ua = {
-  key: 1,
-  class: "of-database-view__state of-database-view__state--empty",
-  "data-role": "empty-state"
-}, ca = ["data-view"], va = {
-  key: 4,
-  class: "of-database-view__detail-anchor"
-}, fa = {
-  key: 0,
-  class: "of-database-view__workspace-modes",
-  "data-role": "workspace-mode-switch"
-}, wa = ["data-mode", "onClick"], pa = { class: "of-database-view__workspace-chip" }, ma = { class: "of-database-view__workspace-chip" }, ba = { class: "of-database-view__workspace-chip" }, ha = ["data-record-id"], _a = { class: "of-database-view__detail-workspace-properties" }, ya = { class: "of-database-view__detail-workspace-label" }, ka = { class: "of-database-view__detail-workspace-value" }, ga = {
-  key: 1,
-  class: "of-database-view__detail-workspace-fallback"
-}, Ia = ["disabled"], Ca = {
-  key: 0,
-  class: "of-database-view__workspace-modes",
-  "data-role": "workspace-mode-switch"
-}, Va = ["data-mode", "onClick"], Sa = { class: "of-database-view__workspace-chip" }, Fa = { class: "of-database-view__workspace-chip" }, Ta = { class: "of-database-view__workspace-chip" }, Ra = ["data-record-id"], Da = { class: "of-database-view__detail-workspace-properties" }, Ea = { class: "of-database-view__detail-workspace-label" }, La = { class: "of-database-view__detail-workspace-value" }, Aa = {
-  key: 1,
-  class: "of-database-view__detail-workspace-fallback"
-}, Wa = ["disabled"], k = "detail", Pa = "(max-width: 768px)", Na = "oneui-database-workspace:", we = 720, pe = 900, Ua = 420, Ba = 1320, Qa = /* @__PURE__ */ jt({
+import { defineComponent as Ze, computed as o, ref as O, watch as m, toRef as T, openBlock as B, createBlock as K, mergeProps as xe, unref as n, withCtx as G, createCommentVNode as Q, createVNode as _e } from "vue";
+import { Database as et, AlertCircle as tt } from "lucide-vue-next";
+import it from "./DatabaseViewDetailHost.vue.js";
+import at from "./DatabaseViewContent.vue.js";
+import ot from "./DatabaseViewShell.vue.js";
+import lt from "./DatabaseViewToolbar.vue.js";
+import { useDatabaseView as dt } from "../../composables/useDatabaseView.js";
+import { readWorkspacePreferences as rt, DATABASE_DETAIL_VIEW_ID as h } from "../../composables/useDatabaseWorkspace.js";
+import { useDatabaseDetailWorkspace as nt } from "../../composables/useDatabaseDetailWorkspace.js";
+import { buildGanttItems as st } from "../../types/index.js";
+import { cloneView as X, buildFallbackView as ct, buildVirtualDetailView as ut, convertViewFiltersToToolbarFilters as wt, buildDatabaseViewTabs as ft, buildTableColumns as vt, getVisibleFieldIds as ht, buildRenderedRecords as mt, buildEmptyFilter as pt, convertToolbarFiltersToViewFilters as bt } from "./databaseViewUtils.js";
+const yt = "正在加载数据视图", It = "请稍候，页面级编排器正在准备当前视图。", St = "数据视图加载失败", Vt = "暂无记录", Pt = /* @__PURE__ */ Ze({
   name: "DatabaseView",
   inheritAttrs: !1,
   __name: "DatabaseView",
@@ -77,998 +45,431 @@ const sa = {
     autoLoad: { type: Boolean, default: !0 }
   },
   emits: ["update:currentViewId", "update:selectedRecordId", "update:searchKeyword", "update:columns", "update:filterLogic", "update:records", "cell-edit", "select-record", "schema-add-field", "schema-rename-field", "schema-change-field-type", "schema-hide-field", "schema-delete-field", "schema-duplicate-field", "row-click", "card-click", "add", "add-column", "record-change", "load-view", "save-view", "sort", "group", "refresh"],
-  setup(R, { emit: Ge }) {
-    var xe, Ke;
-    const o = R, u = Ge, G = C(!1);
-    let g = null;
-    function ie() {
-      G.value = (g == null ? void 0 : g.matches) ?? !1;
-    }
-    Ht(() => {
-      typeof window > "u" || typeof window.matchMedia != "function" || (g = window.matchMedia(Pa), ie(), g.addEventListener("change", ie));
-    }), Jt(() => {
-      g == null || g.removeEventListener("change", ie), g = null;
-    });
-    function me(e) {
-      var t, a, i, l;
-      return {
-        ...e,
-        visibleFields: [...e.visibleFields],
-        sorts: (t = e.sorts) == null ? void 0 : t.map((n) => ({ ...n })),
-        groups: (a = e.groups) == null ? void 0 : a.map((n) => ({ ...n })),
-        filters: (i = e.filters) == null ? void 0 : i.map((n) => ({ ...n })),
-        aggregations: (l = e.aggregations) == null ? void 0 : l.map((n) => ({ ...n })),
-        fixedColumns: e.fixedColumns ? [...e.fixedColumns] : void 0,
-        galleryCardFields: e.galleryCardFields ? [...e.galleryCardFields] : void 0
-      };
-    }
-    function j(e, t) {
-      return Number.isFinite(e) ? Math.max(Ua, Math.min(Ba, e)) : t;
-    }
-    function be(e) {
-      const t = (e ?? "").trim();
-      return t ? `${Na}${t}` : null;
-    }
-    function je(e) {
-      const t = be(e);
-      if (!t || typeof window > "u") return {};
-      try {
-        const a = window.localStorage.getItem(t);
-        return a ? JSON.parse(a) : {};
-      } catch {
-        return {};
-      }
-    }
-    function He(e, t) {
-      const a = be(e);
-      if (!(!a || typeof window > "u"))
-        try {
-          window.localStorage.setItem(a, JSON.stringify(t));
-        } catch {
-        }
-    }
-    function Je(e) {
-      const t = e[0];
-      return t ? Object.keys(t.fields) : [];
-    }
-    function he(e) {
-      switch (e) {
-        case "kanban":
-          return "columns-3";
-        case "gallery":
-          return "image";
-        case "timeline":
-          return "calendar-range";
-        case "detail":
-          return "file-text";
-        case "table":
-        default:
-          return "table-2";
-      }
-    }
-    function Me(e, t = []) {
-      const a = A(e, t);
-      return {
-        viewId: "table",
-        viewType: "table",
-        name: (e == null ? void 0 : e.name) || "表格",
-        visibleFields: a,
-        sorts: [],
-        groups: [],
-        filters: [],
-        fixedColumns: []
-      };
-    }
-    function Xe(e, t = []) {
-      const a = A(e, t);
-      return {
-        viewId: k,
-        viewType: "detail",
-        name: "详情",
-        visibleFields: a,
-        sorts: [],
-        groups: [],
-        filters: [],
-        fixedColumns: []
-      };
-    }
-    function le(e, t) {
-      var a;
-      return ((a = t == null ? void 0 : t.fields.find((i) => i.id === e)) == null ? void 0 : a.name) ?? e;
-    }
-    function _e(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 Ye(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 Ze(e, t, a = []) {
-      var l;
-      return ((((l = e.visibleFields) == null ? void 0 : l.length) ?? 0) > 0 ? e.visibleFields : A(t, a)).map((n) => {
-        var z;
-        const f = (z = t == null ? void 0 : t.fields) == null ? void 0 : z.find((Gt) => Gt.id === n);
-        return {
-          key: n,
-          label: le(n, t),
-          type: _e(f),
-          hidden: (f == null ? void 0 : f.hidden) ?? !1,
-          width: f == null ? void 0 : f.width
-        };
-      });
-    }
-    function Qe(e, t = []) {
-      return A(e, t).map((i) => {
-        var n;
-        const l = (n = e == null ? void 0 : e.fields) == null ? void 0 : n.find((f) => f.id === i);
-        return {
-          key: i,
-          label: le(i, e),
-          type: _e(l),
-          hidden: (l == null ? void 0 : l.hidden) ?? !1,
-          width: l == null ? void 0 : l.width
-        };
-      });
-    }
-    function et(e, t = []) {
-      return A(e, t).map((i) => {
-        var n;
-        const l = (n = e == null ? void 0 : e.fields) == null ? void 0 : n.find((f) => f.id === i);
-        return {
-          id: i,
-          type: Ye(l),
-          label: le(i, e)
-        };
-      });
-    }
-    function L(e) {
-      return e == null ? "" : Array.isArray(e) ? e.map((t) => String(t)).join(", ") : String(e);
-    }
-    function N(e, t) {
-      if (e == null && t == null) return 0;
-      if (e == null) return -1;
-      if (t == null) return 1;
-      const a = Number(e), i = Number(t), l = Number.isFinite(a) && `${e}`.trim() !== "", n = Number.isFinite(i) && `${t}`.trim() !== "";
-      if (l && n) return a - i;
-      const f = Date.parse(String(e)), z = Date.parse(String(t));
-      return Number.isFinite(f) && Number.isFinite(z) ? f - z : L(e).localeCompare(L(t), "zh-Hans-CN");
-    }
-    function tt(e, t) {
-      const a = L(e).trim(), i = (t.value ?? "").trim(), l = a.toLowerCase(), n = i.toLowerCase();
-      switch (t.operator) {
-        case "equals":
-          return l === n;
-        case "not_equals":
-          return l !== n;
-        case "contains":
-          return l.includes(n);
-        case "not_contains":
-          return !l.includes(n);
-        case "starts_with":
-          return l.startsWith(n);
-        case "ends_with":
-          return l.endsWith(n);
-        case "gt":
-          return N(e, i) > 0;
-        case "gte":
-          return N(e, i) >= 0;
-        case "lt":
-          return N(e, i) < 0;
-        case "lte":
-          return N(e, i) <= 0;
-        case "is_empty":
-          return a === "";
-        case "is_not_empty":
-          return a !== "";
-        default:
-          return !0;
-      }
-    }
-    function at(e) {
-      return {
-        id: `f_${Math.random().toString(36).slice(2, 8)}`,
-        field: e,
-        operator: "contains",
-        value: ""
-      };
-    }
-    function it(e = []) {
-      return e.map((t, a) => ({
-        id: `f_${t.fieldId}_${a}`,
-        field: t.fieldId,
-        operator: (() => {
-          switch (t.operator) {
-            case "eq":
-              return "equals";
-            case "neq":
-              return "not_equals";
-            case "gt":
-              return "gt";
-            case "lt":
-              return "lt";
-            case "is_empty":
-              return "is_empty";
-            case "is_not_empty":
-              return "is_not_empty";
-            case "contains":
-            default:
-              return "contains";
-          }
-        })(),
-        value: t.value == null ? "" : String(t.value)
-      }));
-    }
-    function lt(e) {
-      return e.filter((t) => t.field).map((t) => {
-        let a;
-        switch (t.operator) {
-          case "equals":
-            a = "eq";
-            break;
-          case "not_equals":
-            a = "neq";
-            break;
-          case "gt":
-          case "gte":
-            a = "gt";
-            break;
-          case "lt":
-          case "lte":
-            a = "lt";
-            break;
-          case "is_empty":
-            a = "is_empty";
-            break;
-          case "is_not_empty":
-            a = "is_not_empty";
-            break;
-          case "contains":
-          case "not_contains":
-          case "starts_with":
-          case "ends_with":
-          default:
-            a = "contains";
-            break;
-        }
-        return {
-          fieldId: t.field,
-          operator: a,
-          value: t.value == null ? "" : t.value
-        };
-      });
-    }
-    function A(e, t = []) {
-      var i;
-      const a = (i = e == null ? void 0 : e.fields) == null ? void 0 : i.filter((l) => !l.hidden).map((l) => l.id);
-      return a != null && a.length ? a : Je(t);
-    }
-    function ot(e) {
-      return e ? {
-        id: e.id,
-        ...e.fields
-      } : { id: "__detail-empty__" };
-    }
-    function rt(e) {
-      if (e)
-        return {
-          label: "返回列表",
-          onClick: () => Le(e)
-        };
-    }
-    const U = je(o.tableId), ye = r(() => o.schema ?? null), nt = r(() => o.records ?? []), ke = r(() => {
-      var i, l;
-      const e = (o.views ?? []).map((n) => me(n)), t = e.some((n) => n.viewType === "table") || (((i = o.schema) == null ? void 0 : i.views) ?? []).some((n) => n.viewType === "table"), a = e.some((n) => n.viewType === "detail") || (((l = o.schema) == null ? void 0 : l.views) ?? []).some((n) => n.viewType === "detail");
-      return t || e.unshift(Me(o.schema, o.records ?? [])), a || e.push(Xe(o.schema, o.records ?? [])), e;
-    }), s = ra({
-      tableId: o.tableId,
-      mode: o.mode,
-      schema: ye,
-      records: nt,
-      views: ke,
-      provider: o.provider,
-      defaultView: o.defaultView,
-      initialViewId: o.currentViewId || o.initialViewId || U.activeViewId || ((xe = o.defaultView) == null ? void 0 : xe.viewId) || ((Ke = ke.value[0]) == null ? void 0 : Ke.viewId) || "",
-      initialSelectedRecordId: o.selectedRecordId ?? o.initialSelectedRecordId,
-      pageSize: o.pageSize,
-      autoLoad: o.autoLoad,
+  setup(V, { emit: Y }) {
+    var q, J;
+    const i = V, d = Y, b = rt(i.tableId), $ = o(() => i.schema ?? null), Z = o(() => i.records ?? []), N = o(() => {
+      var r, s;
+      const e = (i.views ?? []).map((f) => X(f)), t = e.some((f) => f.viewType === "table") || (((r = i.schema) == null ? void 0 : r.views) ?? []).some((f) => f.viewType === "table"), a = e.some((f) => f.viewType === "detail") || (((s = i.schema) == null ? void 0 : s.views) ?? []).some((f) => f.viewType === "detail");
+      return t || e.unshift(ct(i.schema, i.records ?? [])), a || e.push(ut(h, i.schema, i.records ?? [])), e;
+    }), l = dt({
+      tableId: i.tableId,
+      mode: i.mode,
+      schema: $,
+      records: Z,
+      views: N,
+      provider: i.provider,
+      defaultView: i.defaultView,
+      initialViewId: i.currentViewId || i.initialViewId || b.activeViewId || ((q = i.defaultView) == null ? void 0 : q.viewId) || ((J = N.value[0]) == null ? void 0 : J.viewId) || "",
+      initialSelectedRecordId: i.selectedRecordId ?? i.initialSelectedRecordId,
+      pageSize: i.pageSize,
+      autoLoad: i.autoLoad,
       actions: {
         onCellEdit: async (e) => {
           var t, a;
-          u("cell-edit", e), await ((a = (t = o.actions) == null ? void 0 : t.onCellEdit) == null ? void 0 : a.call(t, e));
+          d("cell-edit", e), await ((a = (t = i.actions) == null ? void 0 : t.onCellEdit) == null ? void 0 : a.call(t, e));
         },
         onSelectRecord: async (e) => {
           var t, a;
-          await ((a = (t = o.actions) == null ? void 0 : t.onSelectRecord) == null ? void 0 : a.call(t, e));
+          await ((a = (t = i.actions) == null ? void 0 : t.onSelectRecord) == null ? void 0 : a.call(t, e));
         },
         onSchemaEvent: async (e) => {
           var t, a;
           switch (e.type) {
             case "schema-add-field":
-              u("schema-add-field", e.fieldType);
+              d("schema-add-field", e.fieldType);
               break;
             case "schema-rename-field":
-              u("schema-rename-field", { fieldId: e.fieldId, newName: e.newName });
+              d("schema-rename-field", { fieldId: e.fieldId, newName: e.newName });
               break;
             case "schema-change-field-type":
-              u("schema-change-field-type", { fieldId: e.fieldId, newType: e.newType });
+              d("schema-change-field-type", { fieldId: e.fieldId, newType: e.newType });
               break;
             case "schema-hide-field":
-              u("schema-hide-field", e.fieldId);
+              d("schema-hide-field", e.fieldId);
               break;
             case "schema-delete-field":
-              u("schema-delete-field", e.fieldId);
+              d("schema-delete-field", e.fieldId);
               break;
             case "schema-duplicate-field":
-              u("schema-duplicate-field", e.fieldId);
+              d("schema-duplicate-field", e.fieldId);
               break;
           }
-          await ((a = (t = o.actions) == null ? void 0 : t.onSchemaEvent) == null ? void 0 : a.call(t, e));
+          await ((a = (t = i.actions) == null ? void 0 : t.onSchemaEvent) == null ? void 0 : a.call(t, e));
         },
         onSaveView: async (e) => {
           var t, a;
-          u("save-view", e.name), await ((a = (t = o.actions) == null ? void 0 : t.onViewSave) == null ? void 0 : a.call(t, { tableId: o.tableId, viewId: e.viewId, name: e.name }));
+          d("save-view", e.name), await ((a = (t = i.actions) == null ? void 0 : t.onViewSave) == null ? void 0 : a.call(t, { tableId: i.tableId, viewId: e.viewId, name: e.name }));
         },
         onRefresh: async () => {
           var e, t;
-          u("refresh"), await ((t = (e = o.actions) == null ? void 0 : e.onRefresh) == null ? void 0 : t.call(e));
+          d("refresh"), await ((t = (e = i.actions) == null ? void 0 : e.onRefresh) == null ? void 0 : t.call(e));
         }
       }
-    }), h = r(() => s.activeView.value), H = r(() => s.activeViewId.value), w = r(() => s.selectedRecord.value), st = r(() => s.selectedRecordId.value), S = r(() => s.schema.value ?? ye.value), I = r(() => [...s.records.value]), p = r(() => h.value.viewType || "table"), m = C({}), B = C(
-      U.detailPresentation ?? null
-    ), oe = C(
-      j(U.sidePanelWidth ?? we, we)
-    ), re = C(
-      j(U.drawerWidth ?? pe, pe)
-    ), D = C(o.searchKeyword || U.searchKeyword || ""), ne = C("and"), _ = C([]), y = C(
-      o.currentViewId === k || o.initialViewId === k || o.selectedRecordId != null || o.initialSelectedRecordId != null
-    );
-    F(
-      () => o.searchKeyword,
+    }), v = o(() => l.activeView.value), g = o(() => l.activeViewId.value), D = o(() => l.selectedRecord.value), x = o(() => l.selectedRecordId.value), R = o(() => l.schema.value ?? $.value), y = o(() => [...l.records.value]), w = o(() => v.value.viewType || "table"), F = O("and"), c = O([]);
+    m(
+      v,
       (e) => {
-        e !== void 0 && (D.value = e);
+        c.value = wt(e.filters ?? []);
       },
       { immediate: !0 }
-    ), F(D, (e) => {
-      u("update:searchKeyword", e);
-    }), F(
-      [H, D, B, oe, re],
-      ([e, t, a, i, l]) => {
-        He(o.tableId, {
-          activeViewId: e,
-          searchKeyword: t,
-          detailPresentation: a ?? void 0,
-          sidePanelWidth: i,
-          drawerWidth: l
-        });
+    );
+    const W = o(
+      () => ft({
+        providedTabs: i.viewTabs,
+        viewList: l.viewList.value,
+        detailViewId: h
+      })
+    ), u = nt({
+      tableId: T(i, "tableId"),
+      activeViewId: g,
+      currentViewId: T(i, "currentViewId"),
+      selectedRecordId: T(i, "selectedRecordId"),
+      selectedRecord: D,
+      resolvedSchema: R,
+      resolvedRecords: y,
+      viewTabs: W,
+      detailPresentation: T(i, "detailPresentation"),
+      initialSearchKeyword: i.searchKeyword || b.searchKeyword || "",
+      initialDetailPresentation: b.detailPresentation ?? null,
+      initialSidePanelWidth: b.sidePanelWidth,
+      initialDrawerWidth: b.drawerWidth,
+      initialWorkspaceActive: i.currentViewId === h || i.initialViewId === h || i.selectedRecordId != null || i.initialSelectedRecordId != null,
+      onSelectRecord: (e) => {
+        l.setSelectedRecord(e);
       },
-      { immediate: !0 }
-    ), F(
-      h,
+      onClearSelectedRecord: () => {
+        l.clearSelectedRecord();
+      },
+      onSetRecords: (e) => {
+        E(e);
+      },
+      onCellEdit: (e) => {
+        H(e);
+      },
+      onSwitchView: (e) => {
+        M(e);
+      }
+    }), {
+      searchKeyword: I,
+      sidePanelWidth: _,
+      drawerWidth: ee,
+      detailWorkspaceRow: te,
+      detailWorkspaceTitle: ie,
+      detailWorkspaceDescription: ae,
+      detailPropertyItems: oe,
+      hasDetailDraftChanges: le,
+      showDetailWorkspace: A,
+      resolvedDetailPresentation: de,
+      workspaceModes: re,
+      canSwitchDetailPresentation: ne,
+      detailEmptyAction: se,
+      setPreferredDetailPresentation: ce,
+      activateDetailWorkspace: S
+    } = u;
+    m(
+      () => i.searchKeyword,
       (e) => {
-        _.value = it(e.filters ?? []);
+        e !== void 0 && (I.value = e);
       },
       { immediate: !0 }
-    ), F(
-      () => o.currentViewId,
+    ), m(I, (e) => {
+      d("update:searchKeyword", e);
+    }), m(
+      () => i.currentViewId,
       (e) => {
-        !e || e === H.value || (s.setActiveViewId(e), e === k && (y.value = !0));
+        !e || e === g.value || (e === h && S(), l.setActiveViewId(e));
       },
       { immediate: !0 }
-    ), F(
-      () => o.selectedRecordId,
+    ), m(
+      () => i.selectedRecordId,
       (e) => {
         if (e !== void 0) {
           if (!e) {
-            y.value = !1, m.value = {}, s.clearSelectedRecord();
+            j();
             return;
           }
-          y.value = !0, m.value = {}, s.setSelectedRecord(e);
+          S(), l.setSelectedRecord(e);
         }
       },
       { immediate: !0 }
-    ), F(
-      H,
+    ), m(
+      g,
       (e, t) => {
-        var a, i;
-        u("update:currentViewId", e), e === k && (y.value = !0), t !== void 0 && e !== t && ((i = (a = o.actions) == null ? void 0 : a.onViewChange) == null || i.call(a, { tableId: o.tableId, view: me(h.value) }));
+        var a, r;
+        d("update:currentViewId", e), e === h && S(), t !== void 0 && e !== t && ((r = (a = i.actions) == null ? void 0 : a.onViewChange) == null || r.call(a, {
+          tableId: i.tableId,
+          view: X(v.value)
+        }));
       },
       { immediate: !0 }
-    ), F(
-      st,
+    ), m(
+      x,
       (e, t) => {
-        u("update:selectedRecordId", e), t !== void 0 && e !== t && u("select-record", w.value ?? null);
+        d("update:selectedRecordId", e), t !== void 0 && e !== t && d("select-record", D.value ?? null);
       },
       { immediate: !0 }
     );
-    const se = r(() => {
-      const e = o.viewTabs && o.viewTabs.length > 0 ? o.viewTabs.map((i) => ({ ...i })) : s.viewList.value.map((i) => ({
-        value: i.id,
-        label: i.name,
-        icon: he(i.type)
-      })), t = [], a = /* @__PURE__ */ new Set();
-      for (const i of e)
-        a.has(i.value) || (a.add(i.value), t.push(i));
-      return a.has(k) || t.push({ value: k, label: "详情", icon: he("detail") }), t;
-    }), dt = r(
-      () => s.viewList.value.map((e) => ({
+    const ue = o(
+      () => l.viewList.value.map((e) => ({
         id: e.id,
         name: e.name
       }))
-    ), de = r(() => Ze(h.value, S.value, I.value)), ge = r(() => Qe(S.value, I.value)), J = r(() => et(S.value, I.value)), Ie = r(() => ot(w.value)), M = r(() => ({
-      ...Ie.value,
-      ...m.value
-    })), X = r(
-      () => {
-        var e, t, a, i, l, n, f;
-        return L(
-          ((t = (e = w.value) == null ? void 0 : e.fields) == null ? void 0 : t.title) ?? ((i = (a = w.value) == null ? void 0 : a.fields) == null ? void 0 : i.name) ?? ((n = (l = w.value) == null ? void 0 : l.fields) == null ? void 0 : n.subject) ?? ((f = w.value) == null ? void 0 : f.id) ?? "记录详情"
-        ) || "记录详情";
-      }
-    ), Ce = r(
-      () => new Set(J.value.filter((e) => e.type === "richtext").map((e) => e.id))
-    ), Ve = r(
-      () => ge.value.filter((e) => !Ce.value.has(e.key))
-    ), ut = r(
-      () => ge.value.filter((e) => Ce.value.has(e.key))
-    ), Se = r(() => ut.value.map((t) => {
-      const a = $(t.key), i = L(a).trim();
-      return i ? `## ${t.label}
-
-${i}` : "";
-    }).filter((t) => t.length > 0).join(`
-
-`)), Fe = r(() => Object.keys(m.value).length > 0), ct = r(() => A(S.value, I.value)), Te = r(() => {
+    ), U = o(() => vt(v.value, R.value, y.value)), we = o(() => ht(R.value, y.value)), fe = o(() => w.value === "detail" ? "请选择一条记录，详情工作区会在这里打开。" : w.value === "timeline" ? "当前时间线没有可渲染的起止日期。" : "当前视图没有匹配的数据，或者被筛选条件过滤为空。"), z = o(() => {
       var t;
-      const e = (t = h.value.sorts) == null ? void 0 : t[0];
+      const e = (t = v.value.sorts) == null ? void 0 : t[0];
       return {
         field: (e == null ? void 0 : e.fieldId) ?? null,
         order: (e == null ? void 0 : e.direction) ?? null
       };
-    }), vt = r(() => {
+    }), ve = o(() => {
       var e, t;
-      return ((t = (e = h.value.groups) == null ? void 0 : e[0]) == null ? void 0 : t.fieldId) ?? void 0;
-    }), Y = r(() => _.value), ft = r(() => Y.value.length > 0), wt = r(() => o.showToolbar !== !1), pt = r(() => o.showViewSwitch !== !1 && se.value.length > 1), mt = r(() => o.showFilter !== !1), bt = r(() => o.showSort !== !1), ht = r(() => o.showGroup !== !1), _t = r(() => o.showColumns !== !1), yt = r(() => o.showSearch !== !1), x = r(() => y.value && !!w.value), E = r(() => o.detailPresentation !== "auto" ? o.detailPresentation : B.value ? B.value === "side-panel" && G.value ? "sheet" : B.value : G.value ? "sheet" : "side-panel"), Re = r(() => {
-      const e = [];
-      return G.value || e.push({ value: "side-panel", label: "侧栏" }), e.push({ value: "sheet", label: "抽屉" }), e.push({ value: "full-page", label: "全屏" }), e;
-    }), ue = r(() => o.detailPresentation === "auto"), kt = r(() => o.loading ?? s.loading.value), Z = r(() => o.error ?? s.error.value), W = r(() => {
-      let e = [...I.value];
-      if (D.value.trim()) {
-        const a = D.value.trim().toLowerCase();
-        e = e.filter(
-          (i) => ct.value.some(
-            (l) => L(i.fields[l]).toLowerCase().includes(a)
-          )
-        );
-      }
-      Y.value.length > 0 && (e = e.filter((a) => {
-        const i = Y.value.map((l) => {
-          const n = a.fields[l.field];
-          return tt(n, l);
-        });
-        return ne.value === "and" ? i.every(Boolean) : i.some(Boolean);
-      }));
-      const t = Te.value;
-      return t.field && t.order && e.sort((a, i) => {
-        const l = N(
-          a.fields[t.field],
-          i.fields[t.field]
-        );
-        return t.order === "desc" ? -l : l;
-      }), e;
-    }), gt = r(
-      () => na(W.value, {
-        startFieldId: p.value === "timeline" ? "startDate" : void 0,
-        endFieldId: p.value === "timeline" ? "endDate" : void 0,
+      return ((t = (e = v.value.groups) == null ? void 0 : e[0]) == null ? void 0 : t.fieldId) ?? void 0;
+    }), L = o(() => c.value), he = o(() => L.value.length > 0), me = o(() => i.showToolbar !== !1), pe = o(() => i.showViewSwitch !== !1 && W.value.length > 1), be = o(() => i.showFilter !== !1), ye = o(() => i.showSort !== !1), Ie = o(() => i.showGroup !== !1), Se = o(() => i.showColumns !== !1), Ve = o(() => i.showSearch !== !1), ge = o(() => i.loading ?? l.loading.value), C = o(() => i.error ?? l.error.value), P = o(
+      () => mt({
+        records: y.value,
+        searchKeyword: I.value,
+        visibleFieldIds: we.value,
+        filterConditions: L.value,
+        filterLogic: F.value,
+        sort: z.value
+      })
+    ), Re = o(
+      () => st(P.value, {
+        startFieldId: w.value === "timeline" ? "startDate" : void 0,
+        endFieldId: w.value === "timeline" ? "endDate" : void 0,
         labelFieldId: "title"
       })
-    ), ce = r(() => kt.value ? "loading" : Z.value ? "error" : p.value === "detail" ? x.value ? "normal" : "empty" : p.value === "timeline" ? gt.value.length > 0 ? "normal" : "empty" : W.value.length > 0 ? "normal" : "empty"), It = r(() => {
-      var a;
-      if (p.value !== "detail") return;
-      const e = I.value[0];
-      if (e)
-        return {
-          label: "打开第一条记录",
-          onClick: () => Q(e)
-        };
-      const t = ((a = se.value.find((i) => i.value !== k)) == null ? void 0 : a.value) ?? null;
-      return rt(t);
-    });
-    function ve(e) {
-      s.setRecords(e), u("update:records", e);
+    ), Ce = o(() => ge.value ? "loading" : C.value ? "error" : w.value === "detail" ? A.value ? "normal" : "empty" : w.value === "timeline" ? Re.value.length > 0 ? "normal" : "empty" : P.value.length > 0 ? "normal" : "empty");
+    function E(e) {
+      l.setRecords(e), d("update:records", e);
     }
-    function Q(e) {
-      e && (y.value = !0, m.value = {}, s.setSelectedRecord(e));
+    function M(e) {
+      l.viewList.value.some((t) => t.id === e) && (e === h && S(), l.switchView(e));
     }
-    function De(e) {
-      ue.value && (B.value = e);
-    }
-    function Ee(e) {
-      return e ? I.value.find((t) => t.id === e) ?? null : null;
-    }
-    function Le(e) {
-      s.viewList.value.some((t) => t.id === e) && (e === k && (y.value = !0), s.switchView(e));
+    function ke(e) {
+      M(e);
     }
-    function Ct(e) {
-      Le(e);
-    }
-    function Vt(e) {
+    function Te(e) {
       var t, a;
-      s.viewList.value.some((i) => i.id === e) && (e === k && (y.value = !0), s.switchView(e), u("load-view", e), (a = (t = o.actions) == null ? void 0 : t.onViewLoad) == null || a.call(t, { tableId: o.tableId, viewId: e }));
+      l.viewList.value.some((r) => r.id === e) && (e === h && S(), l.switchView(e), d("load-view", e), (a = (t = i.actions) == null ? void 0 : t.onViewLoad) == null || a.call(t, { tableId: i.tableId, viewId: e }));
     }
-    function St(e) {
-      s.saveView({ name: e });
+    function De(e) {
+      l.saveView({ name: e });
     }
-    function ee() {
-      s.updateActiveView({
-        filters: lt(_.value)
+    function k() {
+      l.updateActiveView({
+        filters: bt(c.value)
       });
     }
-    function Ft() {
+    function Fe() {
       var t;
-      const e = ((t = de.value.find((a) => !a.hidden)) == null ? void 0 : t.key) ?? "";
-      e && (_.value = [..._.value, at(e)], ee());
+      const e = ((t = U.value.find((a) => !a.hidden)) == null ? void 0 : t.key) ?? "";
+      e && (c.value = [...c.value, pt(e)], k());
     }
-    function Tt(e) {
-      _.value = _.value.filter((t) => t.id !== e), ee();
+    function We(e) {
+      c.value = c.value.filter((t) => t.id !== e), k();
     }
-    function Rt(e, t) {
-      _.value = _.value.map(
+    function Ae(e, t) {
+      c.value = c.value.map(
         (a) => a.id === e ? { ...a, ...t } : a
-      ), ee();
+      ), k();
     }
-    function Dt() {
-      _.value = [], ee();
+    function Ue() {
+      c.value = [], k();
     }
-    function Et(e) {
-      ne.value = e, u("update:filterLogic", e);
+    function Le(e) {
+      F.value = e, d("update:filterLogic", e);
     }
-    function Lt(e) {
-      u("update:columns", e), s.updateActiveView({
+    function Pe(e) {
+      d("update:columns", e), l.updateActiveView({
         visibleFields: e.filter((t) => !t.hidden).map((t) => t.key)
       });
     }
-    function At(e) {
-      var i;
+    function Ee(e) {
+      var r;
       if (!e) {
-        s.updateActiveView({ sorts: [] }), u("sort", e);
+        l.updateActiveView({ sorts: [] }), d("sort", e);
         return;
       }
-      const t = (i = h.value.sorts) == null ? void 0 : i[0], a = (t == null ? void 0 : t.fieldId) === e && t.direction === "asc" ? "desc" : "asc";
-      s.updateActiveView({
+      const t = (r = v.value.sorts) == null ? void 0 : r[0], a = (t == null ? void 0 : t.fieldId) === e && t.direction === "asc" ? "desc" : "asc";
+      l.updateActiveView({
         sorts: [{ fieldId: e, direction: a }]
-      }), u("sort", e);
+      }), d("sort", e);
     }
-    function Wt(e) {
-      s.updateActiveView({
+    function Be(e) {
+      l.updateActiveView({
         groups: e ? [{ fieldId: e }] : []
-      }), u("group", e);
+      }), d("group", e);
     }
-    function Pt(e) {
-      D.value = e, u("update:searchKeyword", e);
+    function Ke(e) {
+      I.value = e;
     }
-    function P(e) {
-      s.emitSchemaEvent(e);
+    function p(e) {
+      l.emitSchemaEvent(e);
     }
-    function Nt(e, t, a) {
-      const i = I.value.map((l) => l.id !== e ? l : {
-        ...l,
+    function Ge(e, t, a) {
+      const r = y.value.map((s) => s.id !== e ? s : {
+        ...s,
         fields: {
-          ...l.fields,
+          ...s.fields,
           [t]: a
         }
       });
-      ve(i);
+      E(r);
     }
-    function Ae(e) {
-      Nt(e.rowId, e.fieldId, e.value), s.emitCellEdit(e);
+    function H(e) {
+      Ge(e.rowId, e.fieldId, e.value), l.emitCellEdit(e);
     }
-    function Ut(e) {
+    function $e(e) {
       var t, a;
-      u("record-change", e), (a = (t = o.actions) == null ? void 0 : t.onRecordChange) == null || a.call(t, { tableId: o.tableId, ...e });
+      d("record-change", e), (a = (t = i.actions) == null ? void 0 : t.onRecordChange) == null || a.call(t, { tableId: i.tableId, ...e });
     }
-    function Bt(e) {
-      ve(e);
-    }
-    function xt(e) {
-      Q(e);
-    }
-    function Kt(e) {
-      u("row-click", e);
-    }
-    function We(e) {
-      u("card-click", e), Q(Ee(e.id));
+    function Ne(e) {
+      E(e);
     }
-    function $t(e) {
-      u("row-click", e), Q(Ee(e.sourceRecordId ?? e.id));
+    function ze(e) {
+      u.handleRowSelect(e);
     }
-    function K() {
-      y.value = !1, m.value = {}, s.clearSelectedRecord();
+    function Me(e) {
+      d("row-click", e);
     }
-    function zt(e) {
-      for (const [t, a] of Object.entries(e.fields))
-        Ae({ rowId: e.rowId, fieldId: t, value: a });
-      m.value = {}, K();
+    function He(e) {
+      if (w.value === "timeline") {
+        qe(e);
+        return;
+      }
+      Me(e);
     }
-    function Pe(e) {
-      const t = I.value.filter((a) => a.id !== e);
-      ve(t), y.value = !1, m.value = {}, s.clearSelectedRecord();
+    function je(e) {
+      d("card-click", e), u.handleCardClick(e);
     }
-    function Ne(e) {
-      return J.value.find((t) => t.id === e) ?? {
-        id: e,
-        type: "text",
-        label: e
-      };
+    function qe(e) {
+      d("row-click", e), u.handleTimelineRowClick(e);
     }
-    function $(e) {
-      return Object.prototype.hasOwnProperty.call(m.value, e) ? m.value[e] : Ie.value[e];
+    function j() {
+      u.handleDetailClose();
     }
-    function Ue(e, t, a) {
-      m.value = {
-        ...m.value,
-        [t]: a
-      };
+    function Je(e) {
+      u.handleDetailDelete(e);
     }
-    function Be() {
-      w.value && zt({
-        rowId: w.value.id,
-        fields: { ...m.value }
-      });
+    function Oe(e, t, a) {
+      u.handleDetailWorkspaceCommit(e, t, a);
     }
-    function Ot(e) {
-      oe.value = j(e, we);
+    function Qe() {
+      u.handleDetailWorkspaceSave();
     }
-    function qt(e) {
-      re.value = j(e, pe);
+    function Xe(e) {
+      u.handleSidePanelWidthUpdate(e);
     }
-    return (e, t) => {
-      var a;
-      return d(), v("section", Mt({
-        class: "of-database-view",
-        "data-role": "database-view"
-      }, e.$attrs), [
-        ce.value === "loading" ? (d(), v("div", sa, [
-          O(fe(Xt), {
-            class: "of-database-view__spinner",
-            size: 20
-          }),
-          t[11] || (t[11] = c("div", { class: "of-database-view__state-text" }, [
-            c("div", { class: "of-database-view__state-title" }, "正在加载数据视图"),
-            c("div", { class: "of-database-view__state-description" }, "请稍候，页面级编排器正在准备当前视图。")
-          ], -1))
-        ])) : ce.value === "error" ? (d(), v("div", da, [
-          O(ze, {
-            icon: fe(Yt),
-            title: "数据视图加载失败",
-            description: Z.value instanceof Error ? Z.value.message : String(Z.value)
-          }, null, 8, ["icon", "description"])
-        ])) : (d(), v(q, { key: 2 }, [
-          wt.value ? (d(), V(ta, {
+    function Ye(e) {
+      u.handleDrawerWidthUpdate(e);
+    }
+    return (e, t) => (B(), K(ot, xe({
+      state: Ce.value,
+      "loading-title": yt,
+      "loading-description": It,
+      "error-title": St,
+      "error-description": C.value instanceof Error ? C.value.message : String(C.value),
+      "error-icon": n(tt),
+      "empty-icon": n(et),
+      "empty-title": Vt,
+      "empty-description": fe.value,
+      "empty-action": n(se)
+    }, e.$attrs), {
+      toolbar: G(() => [
+        me.value ? (B(), K(lt, {
+          key: 0,
+          "current-view": g.value,
+          "view-tabs": W.value,
+          columns: U.value,
+          "filter-conditions": L.value,
+          "filter-logic": F.value,
+          "filter-active": he.value,
+          "current-sort": z.value,
+          "current-group": ve.value,
+          "search-keyword": n(I),
+          "show-view-switch": pe.value,
+          "show-filter": be.value,
+          "show-sort": ye.value,
+          "show-group": Ie.value,
+          "show-columns": Se.value,
+          "show-search": Ve.value,
+          "saved-views": ue.value,
+          "onUpdate:currentView": ke,
+          "onUpdate:columns": Pe,
+          "onUpdate:searchKeyword": Ke,
+          onAddFilter: Fe,
+          onRemoveFilter: We,
+          onUpdateFilter: Ae,
+          onClearFilters: Ue,
+          "onUpdate:filterLogic": Le,
+          onSort: Ee,
+          onGroup: Be,
+          onSaveView: De,
+          onLoadView: Te
+        }, null, 8, ["current-view", "view-tabs", "columns", "filter-conditions", "filter-logic", "filter-active", "current-sort", "current-group", "search-keyword", "show-view-switch", "show-filter", "show-sort", "show-group", "show-columns", "show-search", "saved-views"])) : Q("", !0)
+      ]),
+      content: G(() => {
+        var a;
+        return [
+          _e(at, {
+            "view-type": w.value,
+            records: P.value,
+            schema: R.value,
+            view: v.value,
+            columns: U.value,
+            readonly: V.readonly,
+            "enable-field-management": ((a = V.ui) == null ? void 0 : a.enableFieldManagement) ?? !1,
+            onCellEdit: H,
+            onSchemaAddField: t[0] || (t[0] = (r) => p({ type: "schema-add-field", fieldType: r })),
+            onSchemaRenameField: t[1] || (t[1] = ({ fieldId: r, newName: s }) => p({ type: "schema-rename-field", fieldId: r, newName: s })),
+            onSchemaChangeFieldType: t[2] || (t[2] = ({ fieldId: r, newType: s }) => p({ type: "schema-change-field-type", fieldId: r, newType: s })),
+            onSchemaHideField: t[3] || (t[3] = (r) => p({ type: "schema-hide-field", fieldId: r })),
+            onSchemaDeleteField: t[4] || (t[4] = (r) => p({ type: "schema-delete-field", fieldId: r })),
+            onSchemaDuplicateField: t[5] || (t[5] = (r) => p({ type: "schema-duplicate-field", fieldId: r })),
+            onRowClick: He,
+            onRowClickRecord: ze,
+            onCardClick: je,
+            onAdd: t[6] || (t[6] = (r) => d("add")),
+            onAddColumn: t[7] || (t[7] = (r) => d("add-column")),
+            onRecordChange: $e,
+            "onUpdate:records": Ne
+          }, null, 8, ["view-type", "records", "schema", "view", "columns", "readonly", "enable-field-management"])
+        ];
+      }),
+      detail: G(() => {
+        var a;
+        return [
+          n(A) ? (B(), K(it, {
             key: 0,
-            class: "of-database-view__toolbar",
-            "current-view": H.value,
-            "view-tabs": se.value,
-            columns: de.value,
-            "filter-conditions": Y.value,
-            "filter-logic": ne.value,
-            "filter-active": ft.value,
-            "current-sort": Te.value,
-            "current-group": vt.value,
-            "search-keyword": D.value,
-            "show-view-switch": pt.value,
-            "show-filter": mt.value,
-            "show-sort": bt.value,
-            "show-group": ht.value,
-            "show-columns": _t.value,
-            "show-search": yt.value,
-            "saved-views": dt.value,
-            "onUpdate:currentView": Ct,
-            "onUpdate:columns": Lt,
-            "onUpdate:searchKeyword": Pt,
-            onAddFilter: Ft,
-            onRemoveFilter: Tt,
-            onUpdateFilter: Rt,
-            onClearFilters: Dt,
-            "onUpdate:filterLogic": Et,
-            onSort: At,
-            onGroup: Wt,
-            onSaveView: St,
-            onLoadView: Vt
-          }, null, 8, ["current-view", "view-tabs", "columns", "filter-conditions", "filter-logic", "filter-active", "current-sort", "current-group", "search-keyword", "show-view-switch", "show-filter", "show-sort", "show-group", "show-columns", "show-search", "saved-views"])) : te("", !0),
-          ce.value === "empty" ? (d(), v("div", ua, [
-            O(ze, {
-              icon: fe(Zt),
-              title: "暂无记录",
-              description: p.value === "detail" ? "请选择一条记录，详情工作区会在这里打开。" : p.value === "timeline" ? "当前时间线没有可渲染的起止日期。" : "当前视图没有匹配的数据，或者被筛选条件过滤为空。",
-              action: It.value
-            }, null, 8, ["icon", "description", "action"])
-          ])) : (d(), v("div", {
-            key: 2,
-            class: "of-database-view__content",
-            "data-view": p.value
-          }, [
-            p.value === "table" ? (d(), V(aa, {
-              key: 0,
-              class: "of-database-view__view of-database-view__view--table",
-              records: W.value,
-              schema: S.value ?? void 0,
-              view: h.value,
-              columns: de.value,
-              readonly: R.readonly,
-              "enable-field-management": ((a = R.ui) == null ? void 0 : a.enableFieldManagement) ?? !1,
-              onCellEdit: Ae,
-              onSchemaAddField: t[0] || (t[0] = (i) => P({ type: "schema-add-field", fieldType: i })),
-              onSchemaRenameField: t[1] || (t[1] = ({ fieldId: i, newName: l }) => P({ type: "schema-rename-field", fieldId: i, newName: l })),
-              onSchemaChangeFieldType: t[2] || (t[2] = ({ fieldId: i, newType: l }) => P({ type: "schema-change-field-type", fieldId: i, newType: l })),
-              onSchemaHideField: t[3] || (t[3] = (i) => P({ type: "schema-hide-field", fieldId: i })),
-              onSchemaDeleteField: t[4] || (t[4] = (i) => P({ type: "schema-delete-field", fieldId: i })),
-              onSchemaDuplicateField: t[5] || (t[5] = (i) => P({ type: "schema-duplicate-field", fieldId: i })),
-              onRowClick: Kt,
-              onRowClickRecord: xt
-            }, null, 8, ["records", "schema", "view", "columns", "readonly", "enable-field-management"])) : p.value === "kanban" ? (d(), V(ia, {
-              key: 1,
-              class: "of-database-view__view of-database-view__view--kanban",
-              records: W.value,
-              schema: S.value ?? void 0,
-              view: h.value,
-              onCardClick: We,
-              "onUpdate:columns": t[6] || (t[6] = () => {
-              }),
-              onAddColumn: t[7] || (t[7] = () => u("add-column"))
-            }, null, 8, ["records", "schema", "view"])) : p.value === "gallery" ? (d(), V(la, {
-              key: 2,
-              class: "of-database-view__view of-database-view__view--gallery",
-              records: W.value,
-              schema: S.value ?? void 0,
-              view: h.value,
-              onCardClick: We,
-              onAdd: t[8] || (t[8] = () => u("add"))
-            }, null, 8, ["records", "schema", "view"])) : p.value === "timeline" ? (d(), V(oa, {
-              key: 3,
-              class: "of-database-view__view of-database-view__view--timeline",
-              records: W.value,
-              schema: S.value ?? void 0,
-              "view-config": h.value,
-              onRowClick: $t,
-              onRecordChange: Ut,
-              "onUpdate:records": Bt
-            }, null, 8, ["records", "schema", "view-config"])) : (d(), v("div", va))
-          ], 8, ca))
-        ], 64)),
-        x.value && E.value === "side-panel" ? (d(), V(ea, {
-          key: 3,
-          "model-value": x.value,
-          title: X.value,
-          width: oe.value,
-          resizable: !0,
-          mode: "persistent",
-          "onUpdate:width": Ot,
-          "onUpdate:modelValue": K
-        }, {
-          default: T(() => [
-            O(qe, {
-              title: X.value,
-              comments: [],
-              "description-content": Se.value,
-              "description-editable": !1
-            }, {
-              meta: T(() => {
-                var i;
-                return [
-                  ue.value ? (d(), v("div", fa, [
-                    (d(!0), v(q, null, ae(Re.value, (l) => (d(), v("button", {
-                      key: l.value,
-                      type: "button",
-                      class: $e(["of-database-view__workspace-mode-btn", { "of-database-view__workspace-mode-btn--active": E.value === l.value }]),
-                      "data-mode": l.value,
-                      onClick: (n) => De(l.value)
-                    }, b(l.label), 11, wa))), 128))
-                  ])) : te("", !0),
-                  c("span", pa, b(((i = w.value) == null ? void 0 : i.id) ?? "record"), 1),
-                  c("span", ma, b(p.value), 1),
-                  c("span", ba, b(E.value), 1)
-                ];
-              }),
-              props: T(() => {
-                var i;
-                return [
-                  c("div", {
-                    class: "of-database-view__detail-workspace",
-                    "data-record-id": ((i = w.value) == null ? void 0 : i.id) ?? ""
-                  }, [
-                    c("section", _a, [
-                      (d(!0), v(q, null, ae(Ve.value, (l) => (d(), v("div", {
-                        key: l.key,
-                        class: "of-database-view__detail-workspace-field"
-                      }, [
-                        c("span", ya, b(l.label), 1),
-                        c("div", ka, [
-                          J.value.length > 0 ? (d(), V(Oe, {
-                            key: 0,
-                            "row-id": M.value.id,
-                            field: Ne(l.key),
-                            value: $(l.key),
-                            readonly: R.readonly,
-                            onCommit: Ue
-                          }, null, 8, ["row-id", "field", "value", "readonly"])) : (d(), v("span", ga, b($(l.key) ?? "—"), 1))
-                        ])
-                      ]))), 128))
-                    ])
-                  ], 8, ha)
-                ];
-              }),
-              footer: T(() => [
-                c("button", {
-                  class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--delete",
-                  type: "button",
-                  onClick: t[9] || (t[9] = (i) => {
-                    var l;
-                    return Pe(((l = w.value) == null ? void 0 : l.id) ?? M.value.id);
-                  })
-                }, " 删除 "),
-                t[12] || (t[12] = c("div", { class: "of-database-view__detail-workspace-footer-spacer" }, null, -1)),
-                c("button", {
-                  class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--cancel",
-                  type: "button",
-                  onClick: K
-                }, " 取消 "),
-                c("button", {
-                  class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--save",
-                  type: "button",
-                  disabled: R.readonly || !Fe.value,
-                  onClick: Be
-                }, " 保存 ", 8, Ia)
-              ]),
-              _: 1
-            }, 8, ["title", "description-content"])
-          ]),
-          _: 1
-        }, 8, ["model-value", "title", "width"])) : x.value ? (d(), V(Qt, {
-          key: 4,
-          "model-value": x.value,
-          title: X.value,
-          width: re.value,
-          resizable: E.value !== "full-page",
-          fullscreen: E.value === "full-page",
-          "mask-closable": !0,
-          "onUpdate:width": qt,
-          "onUpdate:modelValue": K
-        }, {
-          default: T(() => [
-            O(qe, {
-              title: X.value,
-              comments: [],
-              "description-content": Se.value,
-              "description-editable": !1
-            }, {
-              meta: T(() => {
-                var i;
-                return [
-                  ue.value ? (d(), v("div", Ca, [
-                    (d(!0), v(q, null, ae(Re.value, (l) => (d(), v("button", {
-                      key: l.value,
-                      type: "button",
-                      class: $e(["of-database-view__workspace-mode-btn", { "of-database-view__workspace-mode-btn--active": E.value === l.value }]),
-                      "data-mode": l.value,
-                      onClick: (n) => De(l.value)
-                    }, b(l.label), 11, Va))), 128))
-                  ])) : te("", !0),
-                  c("span", Sa, b(((i = w.value) == null ? void 0 : i.id) ?? "record"), 1),
-                  c("span", Fa, b(p.value), 1),
-                  c("span", Ta, b(E.value), 1)
-                ];
-              }),
-              props: T(() => {
-                var i;
-                return [
-                  c("div", {
-                    class: "of-database-view__detail-workspace",
-                    "data-record-id": ((i = w.value) == null ? void 0 : i.id) ?? ""
-                  }, [
-                    c("section", Da, [
-                      (d(!0), v(q, null, ae(Ve.value, (l) => (d(), v("div", {
-                        key: l.key,
-                        class: "of-database-view__detail-workspace-field"
-                      }, [
-                        c("span", Ea, b(l.label), 1),
-                        c("div", La, [
-                          J.value.length > 0 ? (d(), V(Oe, {
-                            key: 0,
-                            "row-id": M.value.id,
-                            field: Ne(l.key),
-                            value: $(l.key),
-                            readonly: R.readonly,
-                            onCommit: Ue
-                          }, null, 8, ["row-id", "field", "value", "readonly"])) : (d(), v("span", Aa, b($(l.key) ?? "—"), 1))
-                        ])
-                      ]))), 128))
-                    ])
-                  ], 8, Ra)
-                ];
-              }),
-              footer: T(() => [
-                c("button", {
-                  class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--delete",
-                  type: "button",
-                  onClick: t[10] || (t[10] = (i) => {
-                    var l;
-                    return Pe(((l = w.value) == null ? void 0 : l.id) ?? M.value.id);
-                  })
-                }, " 删除 "),
-                t[13] || (t[13] = c("div", { class: "of-database-view__detail-workspace-footer-spacer" }, null, -1)),
-                c("button", {
-                  class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--cancel",
-                  type: "button",
-                  onClick: K
-                }, " 取消 "),
-                c("button", {
-                  class: "of-database-view__detail-workspace-btn of-database-view__detail-workspace-btn--save",
-                  type: "button",
-                  disabled: R.readonly || !Fe.value,
-                  onClick: Be
-                }, " 保存 ", 8, Wa)
-              ]),
-              _: 1
-            }, 8, ["title", "description-content"])
-          ]),
-          _: 1
-        }, 8, ["model-value", "title", "width", "resizable", "fullscreen"])) : te("", !0)
-      ], 16);
-    };
+            visible: n(A),
+            title: n(ie),
+            "row-id": n(te).id,
+            "record-id": ((a = D.value) == null ? void 0 : a.id) ?? "",
+            "view-type": w.value,
+            description: n(ae),
+            presentation: n(de),
+            "side-panel-width": n(_),
+            "drawer-width": n(ee),
+            "can-switch-presentation": n(ne),
+            "workspace-modes": n(re),
+            "property-items": n(oe),
+            readonly: V.readonly,
+            "has-draft-changes": n(le),
+            onCommit: Oe,
+            onSave: Qe,
+            onDelete: Je,
+            onClose: j,
+            "onUpdate:sidePanelWidth": Xe,
+            "onUpdate:drawerWidth": Ye,
+            "onUpdate:presentation": n(ce)
+          }, null, 8, ["visible", "title", "row-id", "record-id", "view-type", "description", "presentation", "side-panel-width", "drawer-width", "can-switch-presentation", "workspace-modes", "property-items", "readonly", "has-draft-changes", "onUpdate:presentation"])) : Q("", !0)
+        ];
+      }),
+      _: 1
+    }, 16, ["state", "error-description", "error-icon", "empty-icon", "empty-description", "empty-action"]));
   }
 });
 export {
-  Qa as default
+  Pt as default
 };