@oneflowui/ui 0.5.1 → 0.5.2

package/dist/components/table/DataTable.vue2.js

@@ -1,10 +1,9 @@
-import { defineComponent as Fl, defineAsyncComponent as Ge, ref as S, toRef as h, computed as b, watch as be, unref as t, openBlock as a, createElementBlock as s, Fragment as v, createVNode as T, createBlock as y, createCommentVNode as M, createElementVNode as g, normalizeStyle as k, normalizeClass as z, renderList as m, mergeProps as K, withModifiers as _, renderSlot as Q, toDisplayString as L, createSlots as Pe, withCtx as Ve, Teleport as Hl } from "vue";
-import ke from "./TableHeaderRow.vue.js";
+import { defineComponent as Hl, defineAsyncComponent as be, ref as S, toRef as h, computed as b, watch as ke, unref as t, openBlock as a, createElementBlock as s, Fragment as v, createVNode as T, createBlock as y, createCommentVNode as M, createElementVNode as g, normalizeStyle as k, normalizeClass as z, renderList as m, mergeProps as K, withModifiers as _, renderSlot as Q, toDisplayString as L, createSlots as Pe, withCtx as Ve, Teleport as Bl } from "vue";
+import he from "./TableHeaderRow.vue.js";
 import Oe from "./TableDataRow.vue.js";
 import Z from "./TableGroupRow.vue.js";
-import Bl from "./NewRowBtn.vue.js";
-import Il from "./MobileListView.vue.js";
-import Kl from "./DetailSheet.vue.js";
+import Il from "./NewRowBtn.vue.js";
+import Kl from "./MobileListView.vue.js";
 import E from "./FieldCell.vue.js";
 import { useInlineEdit as El } from "../../composables/useInlineEdit.js";
 import { useVirtualList as _l } from "../../composables/useVirtualList.js";
@@ -43,7 +42,7 @@ const Ul = ["tabindex"], ql = {
 }, co = {
   key: 3,
   class: "of-data-table-draft-toolbar"
-}, vo = { class: "of-data-table-draft-count" }, yo = { class: "of-add-field-popup" }, go = 36, bo = 44, No = /* @__PURE__ */ Fl({
+}, vo = { class: "of-data-table-draft-count" }, yo = { class: "of-add-field-popup" }, go = 36, bo = 44, Oo = /* @__PURE__ */ Hl({
   __name: "DataTable",
   props: {
     tasks: {},
@@ -73,18 +72,18 @@ const Ul = ["tabindex"], ql = {
   },
   emits: ["row-click", "row-click-record", "add-row", "selection-change", "cell-edit", "column-resize", "active-cell-change", "row-reorder", "row-group-change", "draft-commit", "draft-discard", "drafts-commit-all", "paste", "schema-add-field", "schema-rename-field", "schema-change-field-type", "schema-hide-field", "schema-delete-field", "schema-duplicate-field"],
   setup(f, { emit: Ne }) {
-    const We = Ge(() => import("./ColumnHeaderMenu.vue.js")), Ye = Ge(() => import("./FieldTypePicker.vue.js")), i = f, c = Ne, { isMobile: he } = Wl(), G = S(!1), P = S(null), ee = El(), { commit: je, editingCell: Xe } = ee, { rows: me } = Pl({
+    const We = be(() => import("./ColumnHeaderMenu.vue.js")), Ye = be(() => import("./FieldTypePicker.vue.js")), je = be(() => import("./DetailSheet.vue.js")), i = f, c = Ne, { isMobile: me } = Wl(), G = S(!1), P = S(null), ee = El(), { commit: Xe, editingCell: Ue } = ee, { rows: pe } = Pl({
       tasks: h(i, "tasks"),
       records: h(i, "records")
     }), { columns: le } = Vl({
       columns: h(i, "columns"),
       schema: h(i, "schema"),
       view: h(i, "view")
-    }), { startResize: Ue, columnWidthOverrides: qe, showResizeIndicator: Je, resizeIndicatorX: Qe, autoFitColumn: Ze } = Ol({
+    }), { startResize: qe, columnWidthOverrides: Je, showResizeIndicator: Qe, resizeIndicatorX: Ze, autoFitColumn: el } = Ol({
       columns: le,
       onResize: (l, o) => c("column-resize", { colKey: l, width: o })
     }), C = b(() => {
-      const l = qe.value;
+      const l = Je.value;
       return l.size === 0 ? le.value : le.value.map((o) => {
         const e = l.get(o.key);
         return e !== void 0 ? { ...o, width: e } : o;
@@ -94,29 +93,29 @@ const Ul = ["tabindex"], ql = {
       sort: A,
       toggleSort: O,
       selectedRows: p,
-      toggleSelectAll: el,
-      toggleRowSelection: ll,
+      toggleSelectAll: ll,
+      toggleRowSelection: ol,
       isAllSelected: oe,
-      setData: ol
+      setData: tl
     } = Ll({
-      data: me.value,
+      data: pe.value,
       pageSize: 999999
     });
-    be(me, (l) => ol(l), { deep: !1 });
-    const { groupedItems: D, collapsedGroups: tl, toggleGroup: N, isGroupHeader: x } = Gl({
+    ke(pe, (l) => tl(l), { deep: !1 });
+    const { groupedItems: D, collapsedGroups: nl, toggleGroup: N, isGroupHeader: x } = Gl({
       data: V,
       groupBy: h(i, "groupBy"),
       groups: h(i, "groups"),
       aggregations: h(i, "aggregations")
-    }), W = S(null), te = S(null), pe = S(null), nl = b(() => {
+    }), W = S(null), te = S(null), we = S(null), al = b(() => {
       var l;
       return (((l = i.fixedColumns) == null ? void 0 : l.length) ?? 0) > 0;
-    }), we = S(0), al = b(() => we.value > 0), {
+    }), Ce = S(0), rl = b(() => Ce.value > 0), {
       fixedColumns: ne,
       scrollableColumns: ae,
-      fixedWidth: Ce,
-      handleScroll: rl,
-      handleFixedScroll: De,
+      fixedWidth: De,
+      handleScroll: sl,
+      handleFixedScroll: xe,
       scrollLeft: ko,
       syncHover: R,
       isRowHovered: Y
@@ -124,8 +123,8 @@ const Ul = ["tabindex"], ql = {
       columns: C,
       fixedColumnKeys: b(() => i.fixedColumns ?? []),
       scrollContainerRef: W,
-      fixedContainerRef: pe
-    }), re = b(() => i.virtual !== void 0 ? i.virtual : D.value.length >= i.virtualThreshold), { visibleItems: se, totalHeight: de, offsetY: ie, scrollToIndex: sl, observeRow: j } = _l({
+      fixedContainerRef: we
+    }), re = b(() => i.virtual !== void 0 ? i.virtual : D.value.length >= i.virtualThreshold), { visibleItems: se, totalHeight: de, offsetY: ie, scrollToIndex: dl, observeRow: j } = _l({
       items: D,
       itemHeight: (l) => {
         const o = D.value[l];
@@ -134,17 +133,17 @@ const Ul = ["tabindex"], ql = {
       overscan: 5,
       containerRef: W,
       measureRow: !0
-    }), xe = b(() => D.value.filter((l) => !x(l))), { activeCell: Re, selectedRange: dl, setActiveCell: Se, handleKeyDown: il } = Nl({
+    }), Re = b(() => D.value.filter((l) => !x(l))), { activeCell: Se, selectedRange: il, setActiveCell: Me, handleKeyDown: ul } = Nl({
       columns: C,
-      rows: xe,
+      rows: Re,
       containerRef: te,
-      editingCell: Xe,
+      editingCell: Ue,
       enabled: b(() => i.enableKeyboard),
       onActivateEdit: (l, o) => ee.activate(l, o),
       onCancelEdit: () => ee.cancel(),
-      onScrollToRow: (l) => sl(l),
+      onScrollToRow: (l) => dl(l),
       getCellValue: (l, o) => {
-        const e = xe.value.find((r) => r.id === l);
+        const e = Re.value.find((r) => r.id === l);
         if (!e) return "";
         const n = e[o];
         return n != null ? String(n) : "";
@@ -153,56 +152,56 @@ const Ul = ["tabindex"], ql = {
         c("paste", { startRowId: l, startColKey: o, data: e });
       }
     });
-    be(Re, (l) => c("active-cell-change", l ?? null));
+    ke(Se, (l) => c("active-cell-change", l ?? null));
     const {
-      isDragging: ul,
-      draggedRowId: fl,
+      isDragging: fl,
+      draggedRowId: cl,
       dropTargetId: ue,
-      dropPosition: Me,
-      handleDragStart: cl,
-      handleDragOver: vl,
-      handleDrop: yl,
-      handleDragEnd: $e
+      dropPosition: $e,
+      handleDragStart: vl,
+      handleDragOver: yl,
+      handleDrop: gl,
+      handleDragEnd: Te
     } = jl({
       processedItems: D,
       enableCrossGroupDrag: b(() => i.enableCrossGroupDrag),
       groupFieldId: h(i, "groupBy")
     });
-    function Te(l, o) {
-      i.enableRowDrag && cl(l, o);
-    }
     function ze(l, o) {
       i.enableRowDrag && vl(l, o);
     }
     function Ae(l, o) {
-      i.enableRowDrag && yl(l, o, {
+      i.enableRowDrag && yl(l, o);
+    }
+    function Fe(l, o) {
+      i.enableRowDrag && gl(l, o, {
         onReorder: (e) => c("row-reorder", e),
         onGroupChange: (e) => c("row-group-change", e)
       });
     }
     const {
-      drafts: Fe,
-      addDraft: gl,
+      drafts: He,
+      addDraft: bl,
       updateDraftField: ho,
       removeDraft: mo,
       commitDraft: po,
-      commitAll: bl,
-      discardAll: kl,
+      commitAll: kl,
+      discardAll: hl,
       isDraft: wo,
       getDraftErrors: Co
     } = Xl({
       schema: h(i, "schema"),
       groupFieldId: h(i, "groupBy")
-    }), hl = b(() => Fe.value.size > 0);
-    function ml() {
-      i.schema ? gl() : c("add-row");
-    }
+    }), ml = b(() => He.value.size > 0);
     function pl() {
-      const l = bl();
-      l.length > 0 && c("drafts-commit-all", { records: l });
+      i.schema ? bl() : c("add-row");
     }
     function wl() {
-      kl();
+      const l = kl();
+      l.length > 0 && c("drafts-commit-all", { records: l });
+    }
+    function Cl() {
+      hl();
     }
     const w = S({ visible: !1, colKey: "", colLabel: "", x: 0, y: 0 }), X = S(!1);
     function fe(l, o) {
@@ -229,36 +228,36 @@ const Ul = ["tabindex"], ql = {
         y: 100
       };
     }
-    function Cl(l, o) {
+    function Dl(l, o) {
       c("schema-rename-field", { fieldId: l, newName: o });
     }
-    function Dl(l, o) {
+    function xl(l, o) {
       c("schema-change-field-type", { fieldId: l, newType: o });
     }
-    function xl(l) {
+    function Rl(l) {
       c("schema-hide-field", l);
     }
-    function Rl(l) {
+    function Sl(l) {
       c("schema-delete-field", l);
     }
-    function Sl(l) {
+    function Ml(l) {
       c("schema-duplicate-field", l);
     }
     function ve() {
       X.value = !0;
     }
-    function Ml(l) {
+    function $l(l) {
       c("schema-add-field", l), X.value = !1;
     }
-    const $ = b(() => i.readonly ? !1 : i.selectable), He = b(() => i.readonly ? !1 : i.addable), $l = b(() => Array.from(p.value)), Be = b(() => p.value.size > 0 && !oe.value);
-    function Ie() {
-      el(V.value);
+    const $ = b(() => i.readonly ? !1 : i.selectable), Be = b(() => i.readonly ? !1 : i.addable), Tl = b(() => Array.from(p.value)), Ie = b(() => p.value.size > 0 && !oe.value);
+    function Ke() {
+      ll(V.value);
     }
     function U(l) {
       const o = V.value.find((e) => e[i.rowKey] === l);
-      o && ll(o, 0);
+      o && ol(o, 0);
     }
-    be($l, (l) => c("selection-change", l), { immediate: !1 });
+    ke(Tl, (l) => c("selection-change", l), { immediate: !1 });
     function u(l) {
       const o = l[i.rowKey];
       return o != null ? String(o) : "";
@@ -272,10 +271,10 @@ const Ul = ["tabindex"], ql = {
       };
     }
     function H(l, o, e) {
-      je(l, o, e), c("cell-edit", { rowId: l, fieldId: o, value: e });
+      Xe(l, o, e), c("cell-edit", { rowId: l, fieldId: o, value: e });
     }
     function B(l) {
-      if (he.value) {
+      if (me.value) {
         P.value = l, G.value = !0;
         return;
       }
@@ -287,21 +286,21 @@ const Ul = ["tabindex"], ql = {
       c("row-click", l);
     }
     function ye(l, o) {
-      Ue(l, o);
+      qe(l, o);
     }
     function ge(l) {
-      Ze(l, te.value);
+      el(l, te.value);
     }
-    function Tl(l) {
-      rl(l);
+    function zl(l) {
+      sl(l);
       const o = l.target;
-      we.value = o.scrollLeft;
+      Ce.value = o.scrollLeft;
     }
     function q(l) {
       return {
         groupKey: l.__groupKey,
         count: l.__groupCount,
-        collapsed: tl.value.has(
+        collapsed: nl.value.has(
           l.__groupPath ? l.__groupPath.join("/") : l.__groupKey
         ),
         colorMap: i.groupColorMap,
@@ -313,7 +312,7 @@ const Ul = ["tabindex"], ql = {
     function J(l) {
       return l.__groupPath ? l.__groupPath.join("/") : l.__groupKey;
     }
-    function Ke(l) {
+    function Ee(l) {
       return {
         row: l,
         rowKey: i.rowKey,
@@ -324,48 +323,48 @@ const Ul = ["tabindex"], ql = {
         statusColorMap: i.statusColorMap
       };
     }
-    function Ee(l, o) {
-      const e = Re.value;
+    function _e(l, o) {
+      const e = Se.value;
       return e !== null && e.rowId === l && e.colKey === o;
     }
-    function _e(l, o) {
-      return dl.value.some((e) => e.rowId === l && e.colKey === o);
+    function Le(l, o) {
+      return il.value.some((e) => e.rowId === l && e.colKey === o);
     }
-    function Le(l) {
+    function Ge(l) {
       const o = u(l);
       return {
-        "of-row-dragging": ul.value && fl.value === o,
+        "of-row-dragging": fl.value && cl.value === o,
         "of-row-drop-target": ue.value === o,
-        "of-row-drop-before": ue.value === o && Me.value === "before",
-        "of-row-drop-after": ue.value === o && Me.value === "after"
+        "of-row-drop-before": ue.value === o && $e.value === "before",
+        "of-row-drop-after": ue.value === o && $e.value === "after"
       };
     }
-    function zl(l) {
+    function Al(l) {
       P.value = l, G.value = !0;
     }
-    function Al(l) {
+    function Fl(l) {
       for (const [o, e] of Object.entries(l.fields))
         c("cell-edit", { rowId: l.rowId, fieldId: o, value: e });
     }
-    return (l, o) => t(he) ? (a(), s(v, { key: 0 }, [
-      T(Il, {
+    return (l, o) => t(me) ? (a(), s(v, { key: 0 }, [
+      T(Kl, {
         rows: t(V),
         columns: C.value,
         selectable: $.value,
-        addable: He.value,
+        addable: Be.value,
         "status-color-map": f.statusColorMap,
         readonly: f.readonly,
-        onRowClick: zl,
+        onRowClick: Al,
         onAddRow: o[0] || (o[0] = (e) => c("add-row"))
       }, null, 8, ["rows", "columns", "selectable", "addable", "status-color-map", "readonly"]),
-      P.value ? (a(), y(Kl, {
+      P.value ? (a(), y(t(je), {
         key: 0,
         row: P.value,
         columns: C.value,
         "field-defs": f.fieldDefs,
         visible: G.value,
         onClose: o[1] || (o[1] = (e) => G.value = !1),
-        onSave: Al,
+        onSave: Fl,
         onDelete: o[2] || (o[2] = (e) => c("row-click", { id: e, __action: "delete" })),
         onCellEdit: o[3] || (o[3] = (e) => c("cell-edit", e))
       }, null, 8, ["row", "columns", "field-defs", "visible"])) : M("", !0)
@@ -376,29 +375,29 @@ const Ul = ["tabindex"], ql = {
       class: "of-data-table",
       role: "grid",
       tabindex: f.enableKeyboard ? 0 : void 0,
-      onKeydown: o[14] || (o[14] = (e) => f.enableKeyboard ? t(il)(e) : void 0)
+      onKeydown: o[14] || (o[14] = (e) => f.enableKeyboard ? t(ul)(e) : void 0)
     }, [
-      nl.value ? (a(), s("div", ql, [
+      al.value ? (a(), s("div", ql, [
         g("div", {
           ref_key: "fixedContainerRef",
-          ref: pe,
-          class: z(["of-data-table-fixed-region", { "of-fixed-shadow": al.value }]),
-          style: k({ width: t(Ce) + "px" }),
+          ref: we,
+          class: z(["of-data-table-fixed-region", { "of-fixed-shadow": rl.value }]),
+          style: k({ width: t(De) + "px" }),
           onScroll: o[8] || (o[8] = //@ts-ignore
-          (...e) => t(De) && t(De)(...e))
+          (...e) => t(xe) && t(xe)(...e))
         }, [
-          T(ke, {
+          T(he, {
             columns: t(ne),
             selectable: $.value,
             "sort-key": t(A).field ?? "",
             "sort-order": t(A).order ?? "asc",
             "all-selected": t(oe),
-            indeterminate: Be.value,
+            indeterminate: Ie.value,
             "enable-resize": f.enableResize,
             "enable-field-menu": f.enableFieldManagement,
             "enable-add-field": f.enableFieldManagement,
             onSort: t(O),
-            onSelectAll: Ie,
+            onSelectAll: Ke,
             onResizeStart: ye,
             onResizeDblclick: ge,
             onHeaderContextmenu: fe,
@@ -537,10 +536,10 @@ const Ul = ["tabindex"], ql = {
           ref_key: "scrollContainerRef",
           ref: W,
           class: "of-data-table-scroll-region",
-          style: k({ marginLeft: t(Ce) + "px" }),
-          onScroll: Tl
+          style: k({ marginLeft: t(De) + "px" }),
+          onScroll: zl
         }, [
-          T(ke, {
+          T(he, {
             columns: t(ae),
             selectable: !1,
             "sort-key": t(A).field ?? "",
@@ -645,18 +644,18 @@ const Ul = ["tabindex"], ql = {
           ])
         ], 36)
       ])) : (a(), s(v, { key: 1 }, [
-        T(ke, {
+        T(he, {
           columns: C.value,
           selectable: $.value,
           "sort-key": t(A).field ?? "",
           "sort-order": t(A).order ?? "asc",
           "all-selected": t(oe),
-          indeterminate: Be.value,
+          indeterminate: Ie.value,
           "enable-resize": f.enableResize,
           "enable-field-menu": f.enableFieldManagement,
           "enable-add-field": f.enableFieldManagement,
           onSort: t(O),
-          onSelectAll: Ie,
+          onSelectAll: Ke,
           onResizeStart: ye,
           onResizeDblclick: ge,
           onHeaderContextmenu: fe,
@@ -690,15 +689,15 @@ const Ul = ["tabindex"], ql = {
                     key: 1,
                     ref_for: !0,
                     ref: (d) => t(j)((d == null ? void 0 : d.$el) ?? d, n)
-                  }, { ref_for: !0 }, Ke(e), {
+                  }, { ref_for: !0 }, Ee(e), {
                     draggable: f.enableRowDrag,
-                    class: Le(e),
+                    class: Ge(e),
                     onSelect: U,
                     onClick: (d) => B(e),
-                    onDragstart: (d) => Te(d, e),
-                    onDragover: (d) => ze(d, e),
-                    onDrop: (d) => Ae(d, e),
-                    onDragend: t($e)
+                    onDragstart: (d) => ze(d, e),
+                    onDragover: (d) => Ae(d, e),
+                    onDrop: (d) => Fe(d, e),
+                    onDragend: t(Te)
                   }), Pe({ _: 2 }, [
                     (r = f.fieldDefs) != null && r.length ? {
                       name: "cell",
@@ -708,11 +707,11 @@ const Ul = ["tabindex"], ql = {
                           field: F(I.key),
                           value: d[I.key],
                           class: z({
-                            "of-cell--active": Ee(u(d), I.key),
-                            "of-cell--selected": _e(u(d), I.key)
+                            "of-cell--active": _e(u(d), I.key),
+                            "of-cell--selected": Le(u(d), I.key)
                           }),
                           onCommit: H,
-                          onClick: _((Do) => f.enableKeyboard && t(Se)(u(d), I.key), ["stop"])
+                          onClick: _((Do) => f.enableKeyboard && t(Me)(u(d), I.key), ["stop"])
                         }, null, 8, ["row-id", "field", "value", "class", "onClick"])
                       ]),
                       key: "0"
@@ -734,15 +733,15 @@ const Ul = ["tabindex"], ql = {
               }), null, 16, ["onToggle"])) : (a(), y(Oe, K({
                 key: 1,
                 ref_for: !0
-              }, Ke(e), {
+              }, Ee(e), {
                 draggable: f.enableRowDrag,
-                class: Le(e),
+                class: Ge(e),
                 onSelect: U,
                 onClick: (r) => B(e),
-                onDragstart: (r) => Te(r, e),
-                onDragover: (r) => ze(r, e),
-                onDrop: (r) => Ae(r, e),
-                onDragend: t($e)
+                onDragstart: (r) => ze(r, e),
+                onDragover: (r) => Ae(r, e),
+                onDrop: (r) => Fe(r, e),
+                onDragend: t(Te)
               }), Pe({ _: 2 }, [
                 (n = f.fieldDefs) != null && n.length ? {
                   name: "cell",
@@ -752,11 +751,11 @@ const Ul = ["tabindex"], ql = {
                       field: F(d.key),
                       value: r[d.key],
                       class: z({
-                        "of-cell--active": Ee(u(r), d.key),
-                        "of-cell--selected": _e(u(r), d.key)
+                        "of-cell--active": _e(u(r), d.key),
+                        "of-cell--selected": Le(u(r), d.key)
                       }),
                       onCommit: H,
-                      onClick: _((I) => f.enableKeyboard && t(Se)(u(r), d.key), ["stop"])
+                      onClick: _((I) => f.enableKeyboard && t(Me)(u(r), d.key), ["stop"])
                     }, null, 8, ["row-id", "field", "value", "class", "onClick"])
                   ]),
                   key: "0"
@@ -766,25 +765,25 @@ const Ul = ["tabindex"], ql = {
           }), 128))
         ], 512)
       ], 64)),
-      t(Je) ? (a(), s("div", {
+      t(Qe) ? (a(), s("div", {
         key: 2,
         class: "of-resize-indicator",
-        style: k({ left: t(Qe) + "px" })
+        style: k({ left: t(Ze) + "px" })
       }, null, 4)) : M("", !0),
-      hl.value ? (a(), s("div", co, [
-        g("span", vo, L(t(Fe).size) + " 条草稿", 1),
+      ml.value ? (a(), s("div", co, [
+        g("span", vo, L(t(He).size) + " 条草稿", 1),
         g("button", {
           class: "of-data-table-draft-btn of-data-table-draft-btn--commit",
-          onClick: pl
+          onClick: wl
         }, " 全部提交 "),
         g("button", {
           class: "of-data-table-draft-btn of-data-table-draft-btn--discard",
-          onClick: wl
+          onClick: Cl
         }, " 全部放弃 ")
       ])) : M("", !0),
-      He.value ? (a(), y(Bl, {
+      Be.value ? (a(), y(Il, {
         key: 4,
-        onClick: ml
+        onClick: pl
       })) : M("", !0),
       f.enableFieldManagement ? (a(), y(t(We), {
         key: 5,
@@ -795,21 +794,21 @@ const Ul = ["tabindex"], ql = {
         x: w.value.x,
         y: w.value.y,
         onClose: o[11] || (o[11] = (e) => w.value.visible = !1),
-        onRename: Cl,
-        onChangeType: Dl,
+        onRename: Dl,
+        onChangeType: xl,
         onSort: o[12] || (o[12] = (e, n) => t(O)(e)),
-        onHide: xl,
-        onDelete: Rl,
-        onDuplicate: Sl
+        onHide: Rl,
+        onDelete: Sl,
+        onDuplicate: Ml
       }, null, 8, ["visible", "col-key", "col-label", "field-type", "x", "y"])) : M("", !0),
-      (a(), y(Hl, { to: "body" }, [
+      (a(), y(Bl, { to: "body" }, [
         X.value ? (a(), s("div", {
           key: 0,
           class: "of-add-field-overlay",
           onClick: o[13] || (o[13] = _((e) => X.value = !1, ["self"]))
         }, [
           g("div", yo, [
-            T(t(Ye), { onSelect: Ml })
+            T(t(Ye), { onSelect: $l })
           ])
         ])) : M("", !0)
       ]))
@@ -817,5 +816,5 @@ const Ul = ["tabindex"], ql = {
   }
 });
 export {
-  No as default
+  Oo as default
 };

package/dist/components/table/FieldCell.vue.js

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

package/dist/components/table/FieldCell.vue2.js

@@ -1,10 +1,9 @@
-import { defineComponent as I, computed as n, defineAsyncComponent as e, openBlock as o, createElementBlock as a, normalizeClass as N, createBlock as c, Suspense as B, withCtx as f, resolveDynamicComponent as A, createElementVNode as S, Fragment as F, toDisplayString as D } from "vue";
-import { useInlineEdit as M } from "../../composables/useInlineEdit.js";
-import T from "../field/FieldMarkdownPreview.vue.js";
-const V = {
+import { defineComponent as N, computed as o, defineAsyncComponent as e, openBlock as n, createElementBlock as a, normalizeClass as A, createBlock as c, Suspense as B, withCtx as f, resolveDynamicComponent as S, createElementVNode as F, Fragment as D, unref as M, toDisplayString as T } from "vue";
+import { useInlineEdit as V } from "../../composables/useInlineEdit.js";
+const j = {
   key: 1,
   class: "of-field-cell__display"
-}, R = /* @__PURE__ */ I({
+}, R = /* @__PURE__ */ N({
   __name: "FieldCell",
   props: {
     rowId: {},
@@ -14,7 +13,7 @@ const V = {
   },
   emits: ["commit", "cancel", "tabNext"],
   setup(l, { emit: s }) {
-    const t = l, r = s, { isEditing: p, activate: y, commit: v, cancel: k } = M(), d = n(() => p(t.rowId, t.field.id)), m = n(() => t.readonly || t.field.readonly);
+    const t = l, r = s, { isEditing: p, activate: y, commit: v, cancel: k } = V(), d = o(() => p(t.rowId, t.field.id)), m = o(() => t.readonly || t.field.readonly);
     function x() {
       m.value || y(t.rowId, t.field.id);
     }
@@ -46,23 +45,25 @@ const V = {
       relation: e(() => import("../field/FieldRelation.vue.js")),
       attachment: e(() => import("../field/FieldAttachment.vue.js")),
       phone: e(() => import("../field/FieldPhone.vue.js"))
-    }, w = n(() => h[t.field.type]), E = n(() => {
+    }, w = e(
+      () => import("../field/FieldMarkdownPreview.vue.js")
+    ), E = o(() => h[t.field.type]), I = o(() => {
       const i = t.value;
       return i == null || i === "" ? "—" : Array.isArray(i) ? i.join(", ") : typeof i == "boolean" ? i ? "✓" : "—" : String(i);
     });
-    return (i, u) => (o(), a("div", {
-      class: N(["of-field-cell", {
+    return (i, u) => (n(), a("div", {
+      class: A(["of-field-cell", {
         "of-field-cell--editing": d.value,
         "of-field-cell--readonly": m.value
       }]),
       onClick: x
     }, [
-      d.value ? (o(), c(B, { key: 0 }, {
+      d.value ? (n(), c(B, { key: 0 }, {
         fallback: f(() => [...u[0] || (u[0] = [
-          S("span", { class: "of-field-cell__loading" }, "...", -1)
+          F("span", { class: "of-field-cell__loading" }, "...", -1)
         ])]),
         default: f(() => [
-          (o(), c(A(w.value), {
+          (n(), c(S(E.value), {
             value: l.value,
             field: l.field,
             onCommit: C,
@@ -71,12 +72,12 @@ const V = {
           }, null, 40, ["value", "field"]))
         ]),
         _: 1
-      })) : (o(), a(F, { key: 1 }, [
-        l.field.type === "richtext" && typeof l.value == "string" && l.value ? (o(), c(T, {
+      })) : (n(), a(D, { key: 1 }, [
+        l.field.type === "richtext" && typeof l.value == "string" && l.value ? (n(), c(M(w), {
           key: 0,
           content: l.value,
           "max-lines": 2
-        }, null, 8, ["content"])) : (o(), a("span", V, D(E.value), 1))
+        }, null, 8, ["content"])) : (n(), a("span", j, T(I.value), 1))
       ], 64))
     ], 2));
   }