@oneflowui/ui 0.8.0 → 0.8.1

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

@@ -1,7 +1,7 @@
 import o from "./DatabaseView.vue2.js";
 /* empty css                  */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1e404627"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b3e687eb"]]);
 export {
   m as default
 };

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

@@ -1,4 +1,4 @@
-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 { 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";
@@ -11,8 +11,8 @@ 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 = {
+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"
@@ -41,7 +41,7 @@ const na = {
 }, 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({
+}, 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",
@@ -84,9 +84,9 @@ const na = {
     function ie() {
       G.value = (g == null ? void 0 : g.matches) ?? !1;
     }
-    jt(() => {
+    Ht(() => {
       typeof window > "u" || typeof window.matchMedia != "function" || (g = window.matchMedia(Pa), ie(), g.addEventListener("change", ie));
-    }), Ht(() => {
+    }), Jt(() => {
       g == null || g.removeEventListener("change", ie), g = null;
     });
     function me(e) {
@@ -94,22 +94,22 @@ const na = {
       return {
         ...e,
         visibleFields: [...e.visibleFields],
-        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 })),
+        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 M(e, t) {
+    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 Me(e) {
+    function je(e) {
       const t = be(e);
       if (!t || typeof window > "u") return {};
       try {
@@ -119,7 +119,7 @@ const na = {
         return {};
       }
     }
-    function je(e, t) {
+    function He(e, t) {
       const a = be(e);
       if (!(!a || typeof window > "u"))
         try {
@@ -127,7 +127,7 @@ const na = {
         } catch {
         }
     }
-    function He(e) {
+    function Je(e) {
       const t = e[0];
       return t ? Object.keys(t.fields) : [];
     }
@@ -146,7 +146,7 @@ const na = {
           return "table-2";
       }
     }
-    function Je(e, t = []) {
+    function Me(e, t = []) {
       const a = A(e, t);
       return {
         viewId: "table",
@@ -237,12 +237,12 @@ const na = {
     }
     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) => {
+      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 === s);
+        const f = (z = t == null ? void 0 : t.fields) == null ? void 0 : z.find((Gt) => Gt.id === n);
         return {
-          key: s,
-          label: le(s, t),
+          key: n,
+          label: le(n, t),
           type: _e(f),
           hidden: (f == null ? void 0 : f.hidden) ?? !1,
           width: f == null ? void 0 : f.width
@@ -251,8 +251,8 @@ const na = {
     }
     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);
+        var n;
+        const l = (n = e == null ? void 0 : e.fields) == null ? void 0 : n.find((f) => f.id === i);
         return {
           key: i,
           label: le(i, e),
@@ -264,8 +264,8 @@ const na = {
     }
     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);
+        var n;
+        const l = (n = e == null ? void 0 : e.fields) == null ? void 0 : n.find((f) => f.id === i);
         return {
           id: i,
           type: Ye(l),
@@ -280,26 +280,26 @@ const na = {
       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() !== "", s = Number.isFinite(i) && `${t}`.trim() !== "";
-      if (l && s) return a - i;
+      const a = Number(e), i = Number(t), l = Number.isFinite(a) && `${e}`.trim() !== "", n = Number.isFinite(i) && `${t}`.trim() !== "";
+      if (l && n) return a - i;
       const f = Date.parse(String(e)), z = Date.parse(String(t));
       return Number.isFinite(f) && Number.isFinite(z) ? f - z : L(e).localeCompare(L(t), "zh-Hans-CN");
     }
     function tt(e, t) {
-      const a = L(e).trim(), i = (t.value ?? "").trim(), l = a.toLowerCase(), s = i.toLowerCase();
+      const a = L(e).trim(), i = (t.value ?? "").trim(), l = a.toLowerCase(), n = i.toLowerCase();
       switch (t.operator) {
         case "equals":
-          return l === s;
+          return l === n;
         case "not_equals":
-          return l !== s;
+          return l !== n;
         case "contains":
-          return l.includes(s);
+          return l.includes(n);
         case "not_contains":
-          return !l.includes(s);
+          return !l.includes(n);
         case "starts_with":
-          return l.startsWith(s);
+          return l.startsWith(n);
         case "ends_with":
-          return l.endsWith(s);
+          return l.endsWith(n);
         case "gt":
           return N(e, i) > 0;
         case "gte":
@@ -392,7 +392,7 @@ const na = {
     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 : He(t);
+      return a != null && a.length ? a : Je(t);
     }
     function ot(e) {
       return e ? {
@@ -407,15 +407,15 @@ const na = {
           onClick: () => Le(e)
         };
     }
-    const U = Me(o.tableId), ye = r(() => o.schema ?? null), st = r(() => o.records ?? []), ke = r(() => {
+    const U = je(o.tableId), ye = r(() => o.schema ?? null), nt = 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({
+      const e = (o.views ?? []).map((n) => me(n)), t = e.some((n) => n.viewType === "table") || (((i = o.schema) == null ? void 0 : i.views) ?? []).some((n) => n.viewType === "table"), a = e.some((n) => n.viewType === "detail") || (((l = o.schema) == null ? void 0 : l.views) ?? []).some((n) => n.viewType === "detail");
+      return t || e.unshift(Me(o.schema, o.records ?? [])), a || e.push(Xe(o.schema, o.records ?? [])), e;
+    }), s = ra({
       tableId: o.tableId,
       mode: o.mode,
       schema: ye,
-      records: st,
+      records: nt,
       views: ke,
       provider: o.provider,
       defaultView: o.defaultView,
@@ -465,13 +465,13 @@ const na = {
           u("refresh"), await ((t = (e = o.actions) == null ? void 0 : e.onRefresh) == null ? void 0 : t.call(e));
         }
       }
-    }), 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(
+    }), 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(
-      M(U.sidePanelWidth ?? we, we)
+      j(U.sidePanelWidth ?? we, we)
     ), re = C(
-      M(U.drawerWidth ?? pe, pe)
-    ), D = C(o.searchKeyword || U.searchKeyword || ""), se = C("and"), _ = C([]), y = C(
+      j(U.drawerWidth ?? pe, pe)
+    ), D = C(o.searchKeyword || U.searchKeyword || ""), ne = C("and"), _ = C([]), y = C(
       o.currentViewId === k || o.initialViewId === k || o.selectedRecordId != null || o.initialSelectedRecordId != null
     );
     F(
@@ -483,9 +483,9 @@ const na = {
     ), F(D, (e) => {
       u("update:searchKeyword", e);
     }), F(
-      [j, D, B, oe, re],
+      [H, D, B, oe, re],
       ([e, t, a, i, l]) => {
-        je(o.tableId, {
+        He(o.tableId, {
           activeViewId: e,
           searchKeyword: t,
           detailPresentation: a ?? void 0,
@@ -503,7 +503,7 @@ const na = {
     ), F(
       () => o.currentViewId,
       (e) => {
-        !e || e === j.value || (n.setActiveViewId(e), e === k && (y.value = !0));
+        !e || e === H.value || (s.setActiveViewId(e), e === k && (y.value = !0));
       },
       { immediate: !0 }
     ), F(
@@ -511,29 +511,29 @@ const na = {
       (e) => {
         if (e !== void 0) {
           if (!e) {
-            y.value = !1, m.value = {}, n.clearSelectedRecord();
+            y.value = !1, m.value = {}, s.clearSelectedRecord();
             return;
           }
-          y.value = !0, m.value = {}, n.setSelectedRecord(e);
+          y.value = !0, m.value = {}, s.setSelectedRecord(e);
         }
       },
       { immediate: !0 }
     ), F(
-      j,
+      H,
       (e, t) => {
         var a, i;
         u("update:currentViewId", e), e === k && (y.value = !0), t !== void 0 && e !== t && ((i = (a = o.actions) == null ? void 0 : a.onViewChange) == null || i.call(a, { tableId: o.tableId, view: me(h.value) }));
       },
       { immediate: !0 }
     ), F(
-      nt,
+      st,
       (e, t) => {
         u("update:selectedRecordId", e), t !== void 0 && e !== t && u("select-record", w.value ?? null);
       },
       { immediate: !0 }
     );
-    const ne = r(() => {
-      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: he(i.type)
@@ -542,22 +542,22 @@ const na = {
         a.has(i.value) || (a.add(i.value), t.push(i));
       return a.has(k) || t.push({ value: k, label: "详情", icon: he("detail") }), t;
     }), dt = r(
-      () => n.viewList.value.map((e) => ({
+      () => s.viewList.value.map((e) => ({
         id: e.id,
         name: e.name
       }))
-    ), de = r(() => Ze(h.value, S.value, I.value)), ge = r(() => Qe(S.value, I.value)), H = r(() => et(S.value, I.value)), Ie = r(() => ot(w.value)), J = r(() => ({
+    ), 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, s, f;
+        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) ?? ((s = (l = w.value) == null ? void 0 : l.fields) == null ? void 0 : s.subject) ?? ((f = w.value) == null ? void 0 : f.id) ?? "记录详情"
+          ((t = (e = w.value) == null ? void 0 : e.fields) == null ? void 0 : t.title) ?? ((i = (a = w.value) == null ? void 0 : a.fields) == null ? void 0 : i.name) ?? ((n = (l = w.value) == null ? void 0 : l.fields) == null ? void 0 : n.subject) ?? ((f = w.value) == null ? void 0 : f.id) ?? "记录详情"
         ) || "记录详情";
       }
     ), Ce = r(
-      () => new Set(H.value.filter((e) => e.type === "richtext").map((e) => e.id))
+      () => 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(
@@ -579,10 +579,10 @@ ${i}` : "";
     }), vt = r(() => {
       var e, t;
       return ((t = (e = h.value.groups) == null ? void 0 : e[0]) == null ? void 0 : t.fieldId) ?? void 0;
-    }), Y = r(() => _.value), ft = r(() => Y.value.length > 0), wt = r(() => o.showToolbar !== !1), pt = r(() => o.showViewSwitch !== !1 && 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(() => {
+    }), 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 ?? n.loading.value), Z = r(() => o.error ?? n.error.value), W = r(() => {
+    }), 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();
@@ -594,10 +594,10 @@ ${i}` : "";
       }
       Y.value.length > 0 && (e = e.filter((a) => {
         const i = Y.value.map((l) => {
-          const s = a.fields[l.field];
-          return tt(s, l);
+          const n = a.fields[l.field];
+          return tt(n, l);
         });
-        return se.value === "and" ? i.every(Boolean) : i.some(Boolean);
+        return ne.value === "and" ? i.every(Boolean) : i.some(Boolean);
       }));
       const t = Te.value;
       return t.field && t.order && e.sort((a, i) => {
@@ -608,7 +608,7 @@ ${i}` : "";
         return t.order === "desc" ? -l : l;
       }), e;
     }), gt = r(
-      () => sa(W.value, {
+      () => na(W.value, {
         startFieldId: p.value === "timeline" ? "startDate" : void 0,
         endFieldId: p.value === "timeline" ? "endDate" : void 0,
         labelFieldId: "title"
@@ -622,14 +622,14 @@ ${i}` : "";
           label: "打开第一条记录",
           onClick: () => Q(e)
         };
-      const t = ((a = ne.value.find((i) => i.value !== k)) == null ? void 0 : a.value) ?? null;
+      const t = ((a = se.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);
+      s.setRecords(e), u("update:records", e);
     }
     function Q(e) {
-      e && (y.value = !0, m.value = {}, n.setSelectedRecord(e));
+      e && (y.value = !0, m.value = {}, s.setSelectedRecord(e));
     }
     function De(e) {
       ue.value && (B.value = e);
@@ -638,20 +638,20 @@ ${i}` : "";
       return e ? I.value.find((t) => t.id === e) ?? null : null;
     }
     function Le(e) {
-      n.viewList.value.some((t) => t.id === e) && (e === k && (y.value = !0), n.switchView(e));
+      s.viewList.value.some((t) => t.id === e) && (e === k && (y.value = !0), s.switchView(e));
     }
     function Ct(e) {
       Le(e);
     }
     function Vt(e) {
       var t, a;
-      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 }));
+      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 St(e) {
-      n.saveView({ name: e });
+      s.saveView({ name: e });
     }
     function ee() {
-      n.updateActiveView({
+      s.updateActiveView({
         filters: lt(_.value)
       });
     }
@@ -672,26 +672,26 @@ ${i}` : "";
       _.value = [], ee();
     }
     function Et(e) {
-      se.value = e, u("update:filterLogic", e);
+      ne.value = e, u("update:filterLogic", e);
     }
     function Lt(e) {
-      u("update:columns", e), n.updateActiveView({
+      u("update:columns", e), s.updateActiveView({
         visibleFields: e.filter((t) => !t.hidden).map((t) => t.key)
       });
     }
     function At(e) {
       var i;
       if (!e) {
-        n.updateActiveView({ sorts: [] }), u("sort", e);
+        s.updateActiveView({ sorts: [] }), u("sort", e);
         return;
       }
       const t = (i = h.value.sorts) == null ? void 0 : i[0], a = (t == null ? void 0 : t.fieldId) === e && t.direction === "asc" ? "desc" : "asc";
-      n.updateActiveView({
+      s.updateActiveView({
         sorts: [{ fieldId: e, direction: a }]
       }), u("sort", e);
     }
     function Wt(e) {
-      n.updateActiveView({
+      s.updateActiveView({
         groups: e ? [{ fieldId: e }] : []
       }), u("group", e);
     }
@@ -699,7 +699,7 @@ ${i}` : "";
       D.value = e, u("update:searchKeyword", e);
     }
     function P(e) {
-      n.emitSchemaEvent(e);
+      s.emitSchemaEvent(e);
     }
     function Nt(e, t, a) {
       const i = I.value.map((l) => l.id !== e ? l : {
@@ -712,7 +712,7 @@ ${i}` : "";
       ve(i);
     }
     function Ae(e) {
-      Nt(e.rowId, e.fieldId, e.value), n.emitCellEdit(e);
+      Nt(e.rowId, e.fieldId, e.value), s.emitCellEdit(e);
     }
     function Ut(e) {
       var t, a;
@@ -734,7 +734,7 @@ ${i}` : "";
       u("row-click", e), Q(Ee(e.sourceRecordId ?? e.id));
     }
     function K() {
-      y.value = !1, m.value = {}, n.clearSelectedRecord();
+      y.value = !1, m.value = {}, s.clearSelectedRecord();
     }
     function zt(e) {
       for (const [t, a] of Object.entries(e.fields))
@@ -743,10 +743,10 @@ ${i}` : "";
     }
     function Pe(e) {
       const t = I.value.filter((a) => a.id !== e);
-      ve(t), y.value = !1, m.value = {}, n.clearSelectedRecord();
+      ve(t), y.value = !1, m.value = {}, s.clearSelectedRecord();
     }
     function Ne(e) {
-      return H.value.find((t) => t.id === e) ?? {
+      return J.value.find((t) => t.id === e) ?? {
         id: e,
         type: "text",
         label: e
@@ -768,18 +768,18 @@ ${i}` : "";
       });
     }
     function Ot(e) {
-      oe.value = M(e, we);
+      oe.value = j(e, we);
     }
     function qt(e) {
-      re.value = M(e, pe);
+      re.value = j(e, pe);
     }
     return (e, t) => {
       var a;
-      return d(), v("section", Jt({
+      return d(), v("section", Mt({
         class: "of-database-view",
         "data-role": "database-view"
       }, e.$attrs), [
-        ce.value === "loading" ? (d(), v("div", na, [
+        ce.value === "loading" ? (d(), v("div", sa, [
           O(fe(Xt), {
             class: "of-database-view__spinner",
             size: 20
@@ -798,11 +798,11 @@ ${i}` : "";
           wt.value ? (d(), V(ta, {
             key: 0,
             class: "of-database-view__toolbar",
-            "current-view": j.value,
-            "view-tabs": ne.value,
+            "current-view": H.value,
+            "view-tabs": se.value,
             columns: de.value,
             "filter-conditions": Y.value,
-            "filter-logic": se.value,
+            "filter-logic": ne.value,
             "filter-active": ft.value,
             "current-sort": Te.value,
             "current-group": vt.value,
@@ -913,7 +913,7 @@ ${i}` : "";
                       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)
+                      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),
@@ -935,9 +935,9 @@ ${i}` : "";
                       }, [
                         c("span", ya, b(l.label), 1),
                         c("div", ka, [
-                          H.value.length > 0 ? (d(), V(Oe, {
+                          J.value.length > 0 ? (d(), V(Oe, {
                             key: 0,
-                            "row-id": J.value.id,
+                            "row-id": M.value.id,
                             field: Ne(l.key),
                             value: $(l.key),
                             readonly: R.readonly,
@@ -955,7 +955,7 @@ ${i}` : "";
                   type: "button",
                   onClick: t[9] || (t[9] = (i) => {
                     var l;
-                    return Pe(((l = w.value) == null ? void 0 : l.id) ?? J.value.id);
+                    return Pe(((l = w.value) == null ? void 0 : l.id) ?? M.value.id);
                   })
                 }, " 删除 "),
                 t[12] || (t[12] = c("div", { class: "of-database-view__detail-workspace-footer-spacer" }, null, -1)),
@@ -1002,7 +1002,7 @@ ${i}` : "";
                       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)
+                      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),
@@ -1024,9 +1024,9 @@ ${i}` : "";
                       }, [
                         c("span", Ea, b(l.label), 1),
                         c("div", La, [
-                          H.value.length > 0 ? (d(), V(Oe, {
+                          J.value.length > 0 ? (d(), V(Oe, {
                             key: 0,
-                            "row-id": J.value.id,
+                            "row-id": M.value.id,
                             field: Ne(l.key),
                             value: $(l.key),
                             readonly: R.readonly,
@@ -1044,7 +1044,7 @@ ${i}` : "";
                   type: "button",
                   onClick: t[10] || (t[10] = (i) => {
                     var l;
-                    return Pe(((l = w.value) == null ? void 0 : l.id) ?? J.value.id);
+                    return Pe(((l = w.value) == null ? void 0 : l.id) ?? M.value.id);
                   })
                 }, " 删除 "),
                 t[13] || (t[13] = c("div", { class: "of-database-view__detail-workspace-footer-spacer" }, null, -1)),