@oneflowui/ui 0.6.0 → 0.8.0

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

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