@oneflowui/ui 0.4.3 → 0.5.0

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

@@ -0,0 +1,774 @@
+import { defineComponent as ot, computed as n, ref as B, watch as y, openBlock as v, createElementBlock as g, mergeProps as nt, createVNode as N, unref as j, createElementVNode as H, Fragment as st, createBlock as k, createCommentVNode as dt } from "vue";
+import { Loader2 as ut, AlertCircle as ct, Database as vt } from "lucide-vue-next";
+import re from "../base/EmptyState.vue.js";
+import ft from "../table/DetailSheet.vue.js";
+import mt from "../table/TableToolbar.vue.js";
+import wt from "../table/DataTable.vue.js";
+import pt from "../kanban/KanbanBoard.vue.js";
+import ht from "../gallery/GalleryView.vue.js";
+import bt from "../timeline/GanttTimeline.vue.js";
+import { useDatabaseView as yt } from "../../composables/useDatabaseView.js";
+import { buildGanttItems as gt } from "../../types/index.js";
+const Vt = {
+  key: 0,
+  class: "of-database-view__state of-database-view__state--loading",
+  "data-role": "loading-state"
+}, _t = {
+  key: 1,
+  class: "of-database-view__state",
+  "data-role": "error-state"
+}, It = {
+  key: 1,
+  class: "of-database-view__state of-database-view__state--empty",
+  "data-role": "empty-state"
+}, Ct = ["data-view"], Ft = {
+  key: 4,
+  class: "of-database-view__detail-anchor"
+}, p = "detail", xt = /* @__PURE__ */ ot({
+  name: "DatabaseView",
+  inheritAttrs: !1,
+  __name: "DatabaseView",
+  props: {
+    tableId: { default: "database-view" },
+    mode: { default: "local" },
+    schema: { default: null },
+    records: { default: () => [] },
+    views: { default: () => [] },
+    provider: { default: void 0 },
+    defaultView: { default: void 0 },
+    currentViewId: { default: "" },
+    initialViewId: { default: "" },
+    selectedRecordId: { default: void 0 },
+    initialSelectedRecordId: { default: void 0 },
+    searchKeyword: { default: "" },
+    loading: { type: Boolean, default: void 0 },
+    error: { default: void 0 },
+    viewTabs: { default: void 0 },
+    actions: { default: void 0 },
+    ui: { default: void 0 },
+    showToolbar: { type: Boolean, default: !0 },
+    showViewSwitch: { type: Boolean, default: !0 },
+    showFilter: { type: Boolean, default: !0 },
+    showSort: { type: Boolean, default: !0 },
+    showGroup: { type: Boolean, default: !0 },
+    showColumns: { type: Boolean, default: !0 },
+    showSearch: { type: Boolean, default: !0 },
+    readonly: { type: Boolean, default: !1 },
+    pageSize: { default: 20 },
+    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: oe }) {
+    var ie, le;
+    const l = T, d = oe;
+    function M(e) {
+      var t, a, i, r;
+      return {
+        ...e,
+        visibleFields: [...e.visibleFields],
+        sorts: (t = e.sorts) == null ? void 0 : t.map((o) => ({ ...o })),
+        groups: (a = e.groups) == null ? void 0 : a.map((o) => ({ ...o })),
+        filters: (i = e.filters) == null ? void 0 : i.map((o) => ({ ...o })),
+        aggregations: (r = e.aggregations) == null ? void 0 : r.map((o) => ({ ...o })),
+        fixedColumns: e.fixedColumns ? [...e.fixedColumns] : void 0,
+        galleryCardFields: e.galleryCardFields ? [...e.galleryCardFields] : void 0
+      };
+    }
+    function ne(e) {
+      const t = e[0];
+      return t ? Object.keys(t.fields) : [];
+    }
+    function O(e) {
+      switch (e) {
+        case "kanban":
+          return "columns-3";
+        case "gallery":
+          return "image";
+        case "timeline":
+          return "calendar-range";
+        case "detail":
+          return "file-text";
+        case "table":
+        default:
+          return "table-2";
+      }
+    }
+    function se(e, t = []) {
+      const a = V(e, t);
+      return {
+        viewId: "table",
+        viewType: "table",
+        name: (e == null ? void 0 : e.name) || "表格",
+        visibleFields: a,
+        sorts: [],
+        groups: [],
+        filters: [],
+        fixedColumns: []
+      };
+    }
+    function de(e, t = []) {
+      const a = V(e, t);
+      return {
+        viewId: p,
+        viewType: "detail",
+        name: "详情",
+        visibleFields: a,
+        sorts: [],
+        groups: [],
+        filters: [],
+        fixedColumns: []
+      };
+    }
+    function U(e, t) {
+      var a;
+      return ((a = t == null ? void 0 : t.fields.find((i) => i.id === e)) == null ? void 0 : a.name) ?? e;
+    }
+    function P(e) {
+      switch (e == null ? void 0 : e.type) {
+        case "number":
+        case "currency":
+        case "progress":
+          return "number";
+        case "date":
+        case "datetime":
+          return "date";
+        case "select":
+        case "multi_select":
+          return "status";
+        default:
+          return "string";
+      }
+    }
+    function ue(e) {
+      switch (e == null ? void 0 : e.type) {
+        case "number":
+          return "number";
+        case "select":
+          return "select";
+        case "multi_select":
+          return "multiselect";
+        case "date":
+          return "date";
+        case "datetime":
+          return "datetime";
+        case "checkbox":
+          return "checkbox";
+        case "url":
+          return "url";
+        case "email":
+          return "email";
+        case "phone":
+          return "phone";
+        case "rating":
+          return "rating";
+        case "attachment":
+          return "attachment";
+        case "relation":
+          return "relation";
+        case "formula":
+          return "text";
+        case "currency":
+          return "currency";
+        case "richtext":
+          return "richtext";
+        case "auto_number":
+          return "auto_number";
+        case "creator":
+          return "creator";
+        case "progress":
+          return "progress";
+        case "text":
+        default:
+          return "text";
+      }
+    }
+    function ce(e, t, a = []) {
+      var r;
+      return ((((r = e.visibleFields) == null ? void 0 : r.length) ?? 0) > 0 ? e.visibleFields : V(t, a)).map((o) => {
+        var S;
+        const u = (S = t == null ? void 0 : t.fields) == null ? void 0 : S.find((rt) => rt.id === o);
+        return {
+          key: o,
+          label: U(o, t),
+          type: P(u),
+          hidden: (u == null ? void 0 : u.hidden) ?? !1,
+          width: u == null ? void 0 : u.width
+        };
+      });
+    }
+    function ve(e, t = []) {
+      return V(e, t).map((i) => {
+        var o;
+        const r = (o = e == null ? void 0 : e.fields) == null ? void 0 : o.find((u) => u.id === i);
+        return {
+          key: i,
+          label: U(i, e),
+          type: P(r),
+          hidden: (r == null ? void 0 : r.hidden) ?? !1,
+          width: r == null ? void 0 : r.width
+        };
+      });
+    }
+    function fe(e, t = []) {
+      return V(e, t).map((i) => {
+        var o;
+        const r = (o = e == null ? void 0 : e.fields) == null ? void 0 : o.find((u) => u.id === i);
+        return {
+          id: i,
+          type: ue(r),
+          label: U(i, e)
+        };
+      });
+    }
+    function R(e) {
+      return e == null ? "" : Array.isArray(e) ? e.map((t) => String(t)).join(", ") : String(e);
+    }
+    function F(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), r = Number.isFinite(a) && `${e}`.trim() !== "", o = Number.isFinite(i) && `${t}`.trim() !== "";
+      if (r && o) return a - i;
+      const u = Date.parse(String(e)), S = Date.parse(String(t));
+      return Number.isFinite(u) && Number.isFinite(S) ? u - S : R(e).localeCompare(R(t), "zh-Hans-CN");
+    }
+    function me(e, t) {
+      const a = R(e).trim(), i = (t.value ?? "").trim(), r = a.toLowerCase(), o = i.toLowerCase();
+      switch (t.operator) {
+        case "equals":
+          return r === o;
+        case "not_equals":
+          return r !== o;
+        case "contains":
+          return r.includes(o);
+        case "not_contains":
+          return !r.includes(o);
+        case "starts_with":
+          return r.startsWith(o);
+        case "ends_with":
+          return r.endsWith(o);
+        case "gt":
+          return F(e, i) > 0;
+        case "gte":
+          return F(e, i) >= 0;
+        case "lt":
+          return F(e, i) < 0;
+        case "lte":
+          return F(e, i) <= 0;
+        case "is_empty":
+          return a === "";
+        case "is_not_empty":
+          return a !== "";
+        default:
+          return !0;
+      }
+    }
+    function we(e) {
+      return {
+        id: `f_${Math.random().toString(36).slice(2, 8)}`,
+        field: e,
+        operator: "contains",
+        value: ""
+      };
+    }
+    function pe(e = []) {
+      return e.map((t, a) => ({
+        id: `f_${t.fieldId}_${a}`,
+        field: t.fieldId,
+        operator: (() => {
+          switch (t.operator) {
+            case "eq":
+              return "equals";
+            case "neq":
+              return "not_equals";
+            case "gt":
+              return "gt";
+            case "lt":
+              return "lt";
+            case "is_empty":
+              return "is_empty";
+            case "is_not_empty":
+              return "is_not_empty";
+            case "contains":
+            default:
+              return "contains";
+          }
+        })(),
+        value: t.value == null ? "" : String(t.value)
+      }));
+    }
+    function he(e) {
+      return e.filter((t) => t.field).map((t) => {
+        let a;
+        switch (t.operator) {
+          case "equals":
+            a = "eq";
+            break;
+          case "not_equals":
+            a = "neq";
+            break;
+          case "gt":
+          case "gte":
+            a = "gt";
+            break;
+          case "lt":
+          case "lte":
+            a = "lt";
+            break;
+          case "is_empty":
+            a = "is_empty";
+            break;
+          case "is_not_empty":
+            a = "is_not_empty";
+            break;
+          case "contains":
+          case "not_contains":
+          case "starts_with":
+          case "ends_with":
+          default:
+            a = "contains";
+            break;
+        }
+        return {
+          fieldId: t.field,
+          operator: a,
+          value: t.value == null ? "" : t.value
+        };
+      });
+    }
+    function V(e, t = []) {
+      var i;
+      const a = (i = e == null ? void 0 : e.fields) == null ? void 0 : i.filter((r) => !r.hidden).map((r) => r.id);
+      return a != null && a.length ? a : ne(t);
+    }
+    function be(e) {
+      return e ? {
+        id: e.id,
+        ...e.fields
+      } : { id: "__detail-empty__" };
+    }
+    function ye(e) {
+      if (e)
+        return {
+          label: "返回列表",
+          onClick: () => ee(e)
+        };
+    }
+    const J = n(() => l.schema ?? null), ge = n(() => l.records ?? []), Q = n(() => {
+      var i, r;
+      const e = (l.views ?? []).map((o) => M(o)), t = e.some((o) => o.viewType === "table") || (((i = l.schema) == null ? void 0 : i.views) ?? []).some((o) => o.viewType === "table"), a = e.some((o) => o.viewType === "detail") || (((r = l.schema) == null ? void 0 : r.views) ?? []).some((o) => o.viewType === "detail");
+      return t || e.unshift(se(l.schema, l.records ?? [])), a || e.push(de(l.schema, l.records ?? [])), e;
+    }), s = yt({
+      tableId: l.tableId,
+      mode: l.mode,
+      schema: J,
+      records: ge,
+      views: Q,
+      provider: l.provider,
+      defaultView: l.defaultView,
+      initialViewId: l.currentViewId || l.initialViewId || ((ie = l.defaultView) == null ? void 0 : ie.viewId) || ((le = Q.value[0]) == null ? void 0 : le.viewId) || "",
+      initialSelectedRecordId: l.selectedRecordId ?? l.initialSelectedRecordId,
+      pageSize: l.pageSize,
+      autoLoad: l.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));
+        },
+        onSelectRecord: async (e) => {
+          var t, a;
+          await ((a = (t = l.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);
+              break;
+            case "schema-rename-field":
+              d("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 });
+              break;
+            case "schema-hide-field":
+              d("schema-hide-field", e.fieldId);
+              break;
+            case "schema-delete-field":
+              d("schema-delete-field", e.fieldId);
+              break;
+            case "schema-duplicate-field":
+              d("schema-duplicate-field", e.fieldId);
+              break;
+          }
+          await ((a = (t = l.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 }));
+        },
+        onRefresh: async () => {
+          var e, t;
+          d("refresh"), await ((t = (e = l.actions) == null ? void 0 : e.onRefresh) == null ? void 0 : t.call(e));
+        }
+      }
+    }), f = n(() => s.activeView.value), x = n(() => s.activeViewId.value), q = n(() => s.selectedRecord.value), Ve = n(() => s.selectedRecordId.value), b = n(() => s.schema.value ?? J.value), h = n(() => [...s.records.value]), c = n(() => f.value.viewType || "table"), _ = B(l.searchKeyword ?? ""), K = B("and"), m = B([]), w = B(
+      l.currentViewId === p || l.initialViewId === p || l.selectedRecordId != null || l.initialSelectedRecordId != null
+    );
+    y(
+      () => l.searchKeyword,
+      (e) => {
+        _.value = e ?? "";
+      },
+      { immediate: !0 }
+    ), y(_, (e) => {
+      d("update:searchKeyword", e);
+    }), y(
+      f,
+      (e) => {
+        m.value = pe(e.filters ?? []);
+      },
+      { immediate: !0 }
+    ), y(
+      () => l.currentViewId,
+      (e) => {
+        !e || e === x.value || (s.setActiveViewId(e), e === p && (w.value = !0));
+      },
+      { immediate: !0 }
+    ), y(
+      () => l.selectedRecordId,
+      (e) => {
+        if (e !== void 0) {
+          if (!e) {
+            w.value = !1, s.clearSelectedRecord();
+            return;
+          }
+          w.value = !0, s.setSelectedRecord(e);
+        }
+      },
+      { immediate: !0 }
+    ), y(
+      x,
+      (e, t) => {
+        var a, i;
+        d("update:currentViewId", e), e === p && (w.value = !0), t !== void 0 && e !== t && ((i = (a = l.actions) == null ? void 0 : a.onViewChange) == null || i.call(a, { tableId: l.tableId, view: M(f.value) }));
+      },
+      { immediate: !0 }
+    ), y(
+      Ve,
+      (e, t) => {
+        d("update:selectedRecordId", e), t !== void 0 && e !== t && d("select-record", q.value ?? null);
+      },
+      { immediate: !0 }
+    );
+    const G = n(() => {
+      const e = l.viewTabs && l.viewTabs.length > 0 ? l.viewTabs.map((i) => ({ ...i })) : s.viewList.value.map((i) => ({
+        value: i.id,
+        label: i.name,
+        icon: O(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(p) || t.push({ value: p, label: "详情", icon: O("detail") }), t;
+    }), _e = n(
+      () => s.viewList.value.map((e) => ({
+        id: e.id,
+        name: e.name
+      }))
+    ), z = n(() => ce(f.value, b.value, h.value)), Ie = n(() => ve(b.value, h.value)), Ce = n(() => fe(b.value, h.value)), Fe = n(() => be(q.value)), Se = n(() => V(b.value, h.value)), X = n(() => {
+      var t;
+      const e = (t = f.value.sorts) == null ? void 0 : t[0];
+      return {
+        field: (e == null ? void 0 : e.fieldId) ?? null,
+        order: (e == null ? void 0 : e.direction) ?? null
+      };
+    }), ke = n(() => {
+      var e, t;
+      return ((t = (e = f.value.groups) == null ? void 0 : e[0]) == null ? void 0 : t.fieldId) ?? void 0;
+    }), D = n(() => m.value), Te = n(() => D.value.length > 0), Re = n(() => l.showToolbar !== !1), De = n(() => l.showViewSwitch !== !1 && G.value.length > 1), Le = n(() => l.showFilter !== !1), Ee = n(() => l.showSort !== !1), Ae = n(() => l.showGroup !== !1), Be = n(() => l.showColumns !== !1), Ne = n(() => l.showSearch !== !1), Y = n(() => w.value && !!q.value), Ue = n(() => l.loading ?? s.loading.value), L = n(() => l.error ?? s.error.value), I = n(() => {
+      let e = [...h.value];
+      if (_.value.trim()) {
+        const a = _.value.trim().toLowerCase();
+        e = e.filter(
+          (i) => Se.value.some(
+            (r) => R(i.fields[r]).toLowerCase().includes(a)
+          )
+        );
+      }
+      D.value.length > 0 && (e = e.filter((a) => {
+        const i = D.value.map((r) => {
+          const o = a.fields[r.field];
+          return me(o, r);
+        });
+        return K.value === "and" ? i.every(Boolean) : i.some(Boolean);
+      }));
+      const t = X.value;
+      return t.field && t.order && e.sort((a, i) => {
+        const r = F(
+          a.fields[t.field],
+          i.fields[t.field]
+        );
+        return t.order === "desc" ? -r : r;
+      }), e;
+    }), xe = n(
+      () => gt(I.value, {
+        startFieldId: c.value === "timeline" ? "startDate" : void 0,
+        endFieldId: c.value === "timeline" ? "endDate" : void 0,
+        labelFieldId: "title"
+      })
+    ), $ = n(() => Ue.value ? "loading" : L.value ? "error" : c.value === "detail" ? Y.value ? "normal" : "empty" : c.value === "timeline" ? xe.value.length > 0 ? "normal" : "empty" : I.value.length > 0 ? "normal" : "empty"), qe = n(() => {
+      var a;
+      if (c.value !== "detail") return;
+      const e = h.value[0];
+      if (e)
+        return {
+          label: "打开第一条记录",
+          onClick: () => E(e)
+        };
+      const t = ((a = G.value.find((i) => i.value !== p)) == null ? void 0 : a.value) ?? null;
+      return ye(t);
+    });
+    function W(e) {
+      s.setRecords(e), d("update:records", e);
+    }
+    function E(e) {
+      e && (w.value = !0, s.setSelectedRecord(e));
+    }
+    function Z(e) {
+      return e ? h.value.find((t) => t.id === e) ?? null : null;
+    }
+    function ee(e) {
+      s.viewList.value.some((t) => t.id === e) && (e === p && (w.value = !0), s.switchView(e));
+    }
+    function Ke(e) {
+      ee(e);
+    }
+    function Ge(e) {
+      var t, a;
+      s.viewList.value.some((i) => i.id === e) && (e === p && (w.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 }));
+    }
+    function ze(e) {
+      s.saveView({ name: e });
+    }
+    function A() {
+      s.updateActiveView({
+        filters: he(m.value)
+      });
+    }
+    function $e() {
+      var t;
+      const e = ((t = z.value.find((a) => !a.hidden)) == null ? void 0 : t.key) ?? "";
+      e && (m.value = [...m.value, we(e)], A());
+    }
+    function We(e) {
+      m.value = m.value.filter((t) => t.id !== e), A();
+    }
+    function je(e, t) {
+      m.value = m.value.map(
+        (a) => a.id === e ? { ...a, ...t } : a
+      ), A();
+    }
+    function He() {
+      m.value = [], A();
+    }
+    function Me(e) {
+      K.value = e, d("update:filterLogic", e);
+    }
+    function Oe(e) {
+      d("update:columns", e), s.updateActiveView({
+        visibleFields: e.filter((t) => !t.hidden).map((t) => t.key)
+      });
+    }
+    function Pe(e) {
+      var i;
+      if (!e) {
+        s.updateActiveView({ sorts: [] }), d("sort", e);
+        return;
+      }
+      const t = (i = f.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);
+    }
+    function Je(e) {
+      s.updateActiveView({
+        groups: e ? [{ fieldId: e }] : []
+      }), d("group", e);
+    }
+    function Qe(e) {
+      _.value = e, d("update:searchKeyword", e);
+    }
+    function C(e) {
+      s.emitSchemaEvent(e);
+    }
+    function Xe(e, t, a) {
+      const i = h.value.map((r) => r.id !== e ? r : {
+        ...r,
+        fields: {
+          ...r.fields,
+          [t]: a
+        }
+      });
+      W(i);
+    }
+    function te(e) {
+      Xe(e.rowId, e.fieldId, e.value), s.emitCellEdit(e);
+    }
+    function Ye(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 });
+    }
+    function Ze(e) {
+      W(e);
+    }
+    function et(e) {
+      E(e);
+    }
+    function tt(e) {
+      d("row-click", e);
+    }
+    function ae(e) {
+      d("card-click", e), E(Z(e.id));
+    }
+    function at(e) {
+      d("row-click", e), E(Z(e.sourceRecordId ?? e.id));
+    }
+    function it() {
+      w.value = !1, s.clearSelectedRecord();
+    }
+    function lt(e) {
+      const t = h.value.filter((a) => a.id !== e);
+      W(t), w.value = !1, s.clearSelectedRecord();
+    }
+    return (e, t) => {
+      var a;
+      return v(), g("section", nt({
+        class: "of-database-view",
+        "data-role": "database-view"
+      }, e.$attrs), [
+        $.value === "loading" ? (v(), g("div", Vt, [
+          N(j(ut), {
+            class: "of-database-view__spinner",
+            size: 20
+          }),
+          t[9] || (t[9] = H("div", { class: "of-database-view__state-text" }, [
+            H("div", { class: "of-database-view__state-title" }, "正在加载数据视图"),
+            H("div", { class: "of-database-view__state-description" }, "请稍候，页面级编排器正在准备当前视图。")
+          ], -1))
+        ])) : $.value === "error" ? (v(), g("div", _t, [
+          N(re, {
+            icon: j(ct),
+            title: "数据视图加载失败",
+            description: L.value instanceof Error ? L.value.message : String(L.value)
+          }, null, 8, ["icon", "description"])
+        ])) : (v(), g(st, { key: 2 }, [
+          Re.value ? (v(), k(mt, {
+            key: 0,
+            class: "of-database-view__toolbar",
+            "current-view": x.value,
+            "view-tabs": G.value,
+            columns: z.value,
+            "filter-conditions": D.value,
+            "filter-logic": K.value,
+            "filter-active": Te.value,
+            "current-sort": X.value,
+            "current-group": ke.value,
+            "search-keyword": _.value,
+            "show-view-switch": De.value,
+            "show-filter": Le.value,
+            "show-sort": Ee.value,
+            "show-group": Ae.value,
+            "show-columns": Be.value,
+            "show-search": Ne.value,
+            "saved-views": _e.value,
+            "onUpdate:currentView": Ke,
+            "onUpdate:columns": Oe,
+            "onUpdate:searchKeyword": Qe,
+            onAddFilter: $e,
+            onRemoveFilter: We,
+            onUpdateFilter: je,
+            onClearFilters: He,
+            "onUpdate:filterLogic": Me,
+            onSort: Pe,
+            onGroup: Je,
+            onSaveView: ze,
+            onLoadView: Ge
+          }, 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"])) : dt("", !0),
+          $.value === "empty" ? (v(), g("div", It, [
+            N(re, {
+              icon: j(vt),
+              title: "暂无记录",
+              description: c.value === "detail" ? "请选择一条记录，详情工作区会在这里打开。" : c.value === "timeline" ? "当前时间线没有可渲染的起止日期。" : "当前视图没有匹配的数据，或者被筛选条件过滤为空。",
+              action: qe.value
+            }, null, 8, ["icon", "description", "action"])
+          ])) : (v(), g("div", {
+            key: 2,
+            class: "of-database-view__content",
+            "data-view": c.value
+          }, [
+            c.value === "table" ? (v(), k(wt, {
+              key: 0,
+              class: "of-database-view__view of-database-view__view--table",
+              records: I.value,
+              schema: b.value ?? void 0,
+              view: f.value,
+              columns: z.value,
+              readonly: T.readonly,
+              "enable-field-management": ((a = T.ui) == null ? void 0 : a.enableFieldManagement) ?? !1,
+              onCellEdit: te,
+              onSchemaAddField: t[0] || (t[0] = (i) => C({ type: "schema-add-field", fieldType: i })),
+              onSchemaRenameField: t[1] || (t[1] = ({ fieldId: i, newName: r }) => C({ type: "schema-rename-field", fieldId: i, newName: r })),
+              onSchemaChangeFieldType: t[2] || (t[2] = ({ fieldId: i, newType: r }) => C({ type: "schema-change-field-type", fieldId: i, newType: r })),
+              onSchemaHideField: t[3] || (t[3] = (i) => C({ type: "schema-hide-field", fieldId: i })),
+              onSchemaDeleteField: t[4] || (t[4] = (i) => C({ type: "schema-delete-field", fieldId: i })),
+              onSchemaDuplicateField: t[5] || (t[5] = (i) => C({ type: "schema-duplicate-field", fieldId: i })),
+              onRowClick: tt,
+              onRowClickRecord: et
+            }, null, 8, ["records", "schema", "view", "columns", "readonly", "enable-field-management"])) : c.value === "kanban" ? (v(), k(pt, {
+              key: 1,
+              class: "of-database-view__view of-database-view__view--kanban",
+              records: I.value,
+              schema: b.value ?? void 0,
+              view: f.value,
+              onCardClick: ae,
+              "onUpdate:columns": t[6] || (t[6] = () => {
+              }),
+              onAddColumn: t[7] || (t[7] = () => d("add-column"))
+            }, null, 8, ["records", "schema", "view"])) : c.value === "gallery" ? (v(), k(ht, {
+              key: 2,
+              class: "of-database-view__view of-database-view__view--gallery",
+              records: I.value,
+              schema: b.value ?? void 0,
+              view: f.value,
+              onCardClick: ae,
+              onAdd: t[8] || (t[8] = () => d("add"))
+            }, null, 8, ["records", "schema", "view"])) : c.value === "timeline" ? (v(), k(bt, {
+              key: 3,
+              class: "of-database-view__view of-database-view__view--timeline",
+              records: I.value,
+              schema: b.value ?? void 0,
+              "view-config": f.value,
+              onRowClick: at,
+              onRecordChange: Ye,
+              "onUpdate:records": Ze
+            }, null, 8, ["records", "schema", "view-config"])) : (v(), g("div", Ft))
+          ], 8, Ct))
+        ], 64)),
+        N(ft, {
+          visible: Y.value,
+          row: Fe.value,
+          columns: Ie.value,
+          "field-defs": Ce.value,
+          "full-page": c.value === "detail",
+          readonly: T.readonly,
+          onClose: it,
+          onDelete: lt,
+          onCellEdit: te
+        }, null, 8, ["visible", "row", "columns", "field-defs", "full-page", "readonly"])
+      ], 16);
+    };
+  }
+});
+export {
+  xt as default
+};