@oneflowui/ui 0.7.0 → 0.8.1

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

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