@oneflowui/ui 0.5.7 → 0.5.9

package/dist/components/table/DetailSheet.vue.d.ts

@@ -8,6 +8,8 @@ type __VLS_Props = {
     columns: TableColumn[];
     fieldDefs?: CellFieldDef[];
     visible: boolean;
+    /** 作为右侧工作区内嵌时，不渲染 Teleport / 遮罩层 */
+    embedded?: boolean;
     /** 标记哪些字段是 content 字段（全宽 markdown 渲染） */
     contentFields?: string[];
     /** 是否显示为全屏模式（桌面端宽面板） */

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

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

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

@@ -1,139 +1,218 @@
-import { defineComponent as V, ref as L, computed as u, openBlock as o, createBlock as k, Teleport as N, createVNode as E, Transition as H, withCtx as j, createElementBlock as d, normalizeClass as h, createElementVNode as n, Fragment as b, renderList as C, toDisplayString as v, createCommentVNode as p } from "vue";
-import z from "./FieldCell.vue.js";
-import { useMarkdown as O } from "../../composables/useMarkdown.js";
-const R = { class: "of-detail-sheet__properties" }, q = { class: "of-detail-sheet__label" }, A = { class: "of-detail-sheet__cell" }, G = {
+import { defineComponent as H, ref as N, computed as h, openBlock as o, createBlock as C, Teleport as E, createVNode as j, Transition as z, withCtx as O, createElementBlock as a, normalizeClass as v, createElementVNode as e, Fragment as y, renderList as k, toDisplayString as _, createCommentVNode as m } from "vue";
+import x from "./FieldCell.vue.js";
+import { useMarkdown as R } from "../../composables/useMarkdown.js";
+const q = { class: "of-detail-sheet__properties" }, A = { class: "of-detail-sheet__label" }, G = { class: "of-detail-sheet__cell" }, I = {
   key: 1,
   class: "of-detail-sheet__value"
-}, I = {
+}, J = {
   key: 0,
   class: "of-detail-sheet__content"
-}, J = { class: "of-detail-sheet__content-label" }, Q = ["innerHTML"], U = { class: "of-detail-sheet__footer" }, W = ["disabled"], $ = /* @__PURE__ */ V({
+}, Q = { class: "of-detail-sheet__content-label" }, U = ["innerHTML"], W = { class: "of-detail-sheet__footer" }, X = ["disabled"], Y = {
+  key: 1,
+  class: "of-detail-sheet-shell of-detail-sheet-shell--embedded"
+}, Z = { class: "of-detail-sheet__properties" }, $ = { class: "of-detail-sheet__label" }, K = { class: "of-detail-sheet__cell" }, ee = {
+  key: 1,
+  class: "of-detail-sheet__value"
+}, te = {
+  key: 0,
+  class: "of-detail-sheet__content"
+}, le = { class: "of-detail-sheet__content-label" }, se = ["innerHTML"], oe = { class: "of-detail-sheet__footer" }, ae = ["disabled"], fe = /* @__PURE__ */ H({
   __name: "DetailSheet",
   props: {
     row: {},
     columns: {},
     fieldDefs: {},
     visible: { type: Boolean },
+    embedded: { type: Boolean },
     contentFields: {},
     fullPage: { type: Boolean },
     readonly: { type: Boolean }
   },
   emits: ["close", "save", "delete", "cell-edit"],
-  setup(s, { emit: g }) {
-    const a = s, r = g, { renderMarkdown: w } = O({ showCopyButton: !0 }), i = L({}), D = u(() => Object.keys(i.value).length > 0), B = u(() => new Set(a.contentFields ?? []));
-    function y(t) {
-      var l;
-      if (B.value.has(t.key)) return !0;
-      const e = (l = a.fieldDefs) == null ? void 0 : l.find((f) => f.id === t.key);
-      return (e == null ? void 0 : e.type) === "richtext";
+  setup(n, { emit: L }) {
+    const i = n, r = L, { renderMarkdown: S } = R({ showCopyButton: !0 }), d = N({}), g = h(() => Object.keys(d.value).length > 0), p = h(() => i.embedded || i.visible), V = h(() => new Set(i.contentFields ?? []));
+    function w(s) {
+      var t;
+      if (V.value.has(s.key)) return !0;
+      const l = (t = i.fieldDefs) == null ? void 0 : t.find((f) => f.id === s.key);
+      return (l == null ? void 0 : l.type) === "richtext";
     }
-    const F = u(() => a.columns.filter((t) => !y(t))), m = u(() => a.columns.filter((t) => y(t)));
-    function x(t) {
-      var e;
-      return ((e = a.fieldDefs) == null ? void 0 : e.find((l) => l.id === t)) ?? {
-        id: t,
+    const D = h(() => i.columns.filter((s) => !w(s))), b = h(() => i.columns.filter((s) => w(s)));
+    function B(s) {
+      var l;
+      return ((l = i.fieldDefs) == null ? void 0 : l.find((t) => t.id === s)) ?? {
+        id: s,
         type: "text",
-        label: t
+        label: s
       };
     }
-    function c(t) {
-      return t.key in i.value ? i.value[t.key] : a.row[t.key];
+    function u(s) {
+      return s.key in d.value ? d.value[s.key] : i.row[s.key];
     }
-    function S(t) {
-      const e = c(t);
-      return typeof e != "string" || !e ? "" : w(e);
+    function F(s) {
+      const l = u(s);
+      return typeof l != "string" || !l ? "" : S(l);
     }
-    function M(t, e, l) {
-      i.value = { ...i.value, [e]: l }, r("cell-edit", { rowId: t, fieldId: e, value: l });
+    function M(s, l, t) {
+      d.value = { ...d.value, [l]: t }, r("cell-edit", { rowId: s, fieldId: l, value: t });
     }
     function P() {
-      r("save", { rowId: a.row.id, fields: { ...i.value } }), i.value = {}, r("close");
+      r("save", { rowId: i.row.id, fields: { ...d.value } }), d.value = {}, r("close");
     }
-    function _() {
-      i.value = {}, r("close");
+    function c() {
+      d.value = {}, r("close");
     }
     function T() {
-      r("delete", a.row.id), r("close");
+      r("delete", i.row.id), r("close");
     }
-    return (t, e) => (o(), k(N, { to: "body" }, [
-      E(H, { name: "of-sheet" }, {
-        default: j(() => [
-          s.visible ? (o(), d("div", {
+    return (s, l) => n.embedded ? p.value ? (o(), a("div", Y, [
+      e("div", {
+        class: v(["of-detail-sheet", { "of-detail-sheet--full-page": n.fullPage }])
+      }, [
+        e("div", { class: "of-detail-sheet__header" }, [
+          e("button", {
+            class: "of-detail-sheet__close",
+            onClick: c
+          }, "✕"),
+          l[3] || (l[3] = e("h3", { class: "of-detail-sheet__title" }, "记录详情", -1)),
+          l[4] || (l[4] = e("div", { class: "of-detail-sheet__header-spacer" }, null, -1))
+        ]),
+        e("div", {
+          class: v(["of-detail-sheet__body", { "of-detail-sheet__body--full-page": n.fullPage }])
+        }, [
+          e("div", Z, [
+            (o(!0), a(y, null, k(D.value, (t) => {
+              var f;
+              return o(), a("div", {
+                key: t.key,
+                class: "of-detail-sheet__field"
+              }, [
+                e("span", $, _(t.label), 1),
+                e("div", K, [
+                  (f = n.fieldDefs) != null && f.length ? (o(), C(x, {
+                    key: 0,
+                    "row-id": n.row.id,
+                    field: B(t.key),
+                    value: u(t),
+                    readonly: n.readonly,
+                    onCommit: M
+                  }, null, 8, ["row-id", "field", "value", "readonly"])) : (o(), a("span", ee, _(u(t) ?? "—"), 1))
+                ])
+              ]);
+            }), 128))
+          ]),
+          b.value.length > 0 ? (o(), a("div", te, [
+            (o(!0), a(y, null, k(b.value, (t) => (o(), a("div", {
+              key: t.key,
+              class: "of-detail-sheet__content-block"
+            }, [
+              e("span", le, _(t.label), 1),
+              e("div", {
+                class: "of-detail-sheet__markdown of-markdown",
+                innerHTML: F(t)
+              }, null, 8, se)
+            ]))), 128))
+          ])) : m("", !0)
+        ], 2),
+        e("div", oe, [
+          e("button", {
+            class: "of-detail-sheet__btn of-detail-sheet__btn--delete",
+            onClick: T
+          }, " 删除 "),
+          l[5] || (l[5] = e("div", { class: "of-detail-sheet__footer-spacer" }, null, -1)),
+          e("button", {
+            class: "of-detail-sheet__btn of-detail-sheet__btn--cancel",
+            onClick: c
+          }, " 取消 "),
+          e("button", {
+            class: "of-detail-sheet__btn of-detail-sheet__btn--save",
+            disabled: !g.value,
+            onClick: P
+          }, " 保存 ", 8, ae)
+        ])
+      ], 2)
+    ])) : m("", !0) : (o(), C(E, {
+      key: 0,
+      to: "body"
+    }, [
+      j(z, { name: "of-sheet" }, {
+        default: O(() => [
+          p.value ? (o(), a("div", {
             key: 0,
-            class: h(["of-detail-sheet-overlay", { "of-detail-sheet-overlay--full-page": s.fullPage }])
+            class: v(["of-detail-sheet-overlay", { "of-detail-sheet-overlay--full-page": n.fullPage }])
           }, [
-            n("button", {
+            e("button", {
               type: "button",
               class: "of-detail-sheet-overlay__hitarea",
               "aria-label": "关闭详情",
-              onClick: _
+              onClick: c
             }),
-            n("div", {
-              class: h(["of-detail-sheet", { "of-detail-sheet--full-page": s.fullPage }])
+            e("div", {
+              class: v(["of-detail-sheet", { "of-detail-sheet--full-page": n.fullPage }])
             }, [
-              n("div", { class: "of-detail-sheet__header" }, [
-                n("button", {
+              e("div", { class: "of-detail-sheet__header" }, [
+                e("button", {
                   class: "of-detail-sheet__close",
-                  onClick: _
+                  onClick: c
                 }, "✕"),
-                e[0] || (e[0] = n("h3", { class: "of-detail-sheet__title" }, "记录详情", -1)),
-                e[1] || (e[1] = n("div", { class: "of-detail-sheet__header-spacer" }, null, -1))
+                l[0] || (l[0] = e("h3", { class: "of-detail-sheet__title" }, "记录详情", -1)),
+                l[1] || (l[1] = e("div", { class: "of-detail-sheet__header-spacer" }, null, -1))
               ]),
-              n("div", {
-                class: h(["of-detail-sheet__body", { "of-detail-sheet__body--full-page": s.fullPage }])
+              e("div", {
+                class: v(["of-detail-sheet__body", { "of-detail-sheet__body--full-page": n.fullPage }])
               }, [
-                n("div", R, [
-                  (o(!0), d(b, null, C(F.value, (l) => {
+                e("div", q, [
+                  (o(!0), a(y, null, k(D.value, (t) => {
                     var f;
-                    return o(), d("div", {
-                      key: l.key,
+                    return o(), a("div", {
+                      key: t.key,
                       class: "of-detail-sheet__field"
                     }, [
-                      n("span", q, v(l.label), 1),
-                      n("div", A, [
-                        (f = s.fieldDefs) != null && f.length ? (o(), k(z, {
+                      e("span", A, _(t.label), 1),
+                      e("div", G, [
+                        (f = n.fieldDefs) != null && f.length ? (o(), C(x, {
                           key: 0,
-                          "row-id": s.row.id,
-                          field: x(l.key),
-                          value: c(l),
-                          readonly: s.readonly,
+                          "row-id": n.row.id,
+                          field: B(t.key),
+                          value: u(t),
+                          readonly: n.readonly,
                           onCommit: M
-                        }, null, 8, ["row-id", "field", "value", "readonly"])) : (o(), d("span", G, v(c(l) ?? "—"), 1))
+                        }, null, 8, ["row-id", "field", "value", "readonly"])) : (o(), a("span", I, _(u(t) ?? "—"), 1))
                       ])
                     ]);
                   }), 128))
                 ]),
-                m.value.length > 0 ? (o(), d("div", I, [
-                  (o(!0), d(b, null, C(m.value, (l) => (o(), d("div", {
-                    key: l.key,
+                b.value.length > 0 ? (o(), a("div", J, [
+                  (o(!0), a(y, null, k(b.value, (t) => (o(), a("div", {
+                    key: t.key,
                     class: "of-detail-sheet__content-block"
                   }, [
-                    n("span", J, v(l.label), 1),
-                    n("div", {
+                    e("span", Q, _(t.label), 1),
+                    e("div", {
                       class: "of-detail-sheet__markdown of-markdown",
-                      innerHTML: S(l)
-                    }, null, 8, Q)
+                      innerHTML: F(t)
+                    }, null, 8, U)
                   ]))), 128))
-                ])) : p("", !0)
+                ])) : m("", !0)
               ], 2),
-              n("div", U, [
-                n("button", {
+              e("div", W, [
+                e("button", {
                   class: "of-detail-sheet__btn of-detail-sheet__btn--delete",
                   onClick: T
                 }, " 删除 "),
-                e[2] || (e[2] = n("div", { class: "of-detail-sheet__footer-spacer" }, null, -1)),
-                n("button", {
+                l[2] || (l[2] = e("div", { class: "of-detail-sheet__footer-spacer" }, null, -1)),
+                e("button", {
                   class: "of-detail-sheet__btn of-detail-sheet__btn--cancel",
-                  onClick: _
+                  onClick: c
                 }, " 取消 "),
-                n("button", {
+                e("button", {
                   class: "of-detail-sheet__btn of-detail-sheet__btn--save",
-                  disabled: !D.value,
+                  disabled: !g.value,
                   onClick: P
-                }, " 保存 ", 8, W)
+                }, " 保存 ", 8, X)
               ])
             ], 2)
-          ], 2)) : p("", !0)
+          ], 2)) : m("", !0)
         ]),
         _: 1
       })
@@ -141,5 +220,5 @@ const R = { class: "of-detail-sheet__properties" }, q = { class: "of-detail-shee
   }
 });
 export {
-  $ as default
+  fe as default
 };

package/dist/components/table/TableDataRow.vue.d.ts

@@ -1,4 +1,4 @@
-import { TableColumn, ColorMap } from '../../types';
+import { TableColumn, ColorMap, Density } from '../../types';
 type TableRow = Record<string, unknown> & {
     id: string;
 };
@@ -8,6 +8,7 @@ type __VLS_Props = {
     selected?: boolean;
     selectable?: boolean;
     columns: TableColumn[];
+    density?: Density;
     /**
      * 优先级颜色映射，与内置默认映射合并（传入优先）
      */
@@ -36,6 +37,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onSelect?: ((id: string) => any) | undefined;
     onClick?: ((row: TableRow) => any) | undefined;
 }>, {
+    density: Density;
     selectable: boolean;
     rowKey: string;
     selected: boolean;

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

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

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

@@ -1,24 +1,24 @@
-import { defineComponent as D, computed as p, openBlock as n, createElementBlock as r, normalizeClass as T, withModifiers as B, createElementVNode as u, createCommentVNode as A, Fragment as w, renderList as R, normalizeStyle as f, renderSlot as E, toDisplayString as a } from "vue";
-import { mergeColorMap as b, DEFAULT_PRIORITY_MAP as P, DEFAULT_STATUS_MAP as _, resolveBadge as h } from "../../composables/useBadge.js";
-const K = ["aria-selected"], N = ["for"], V = ["id", "checked"], F = {
+import { defineComponent as B, computed as d, openBlock as o, createElementBlock as n, normalizeStyle as c, normalizeClass as Y, withModifiers as E, createElementVNode as g, createCommentVNode as R, Fragment as b, renderList as W, renderSlot as _, toDisplayString as r } from "vue";
+import { mergeColorMap as v, DEFAULT_PRIORITY_MAP as H, DEFAULT_STATUS_MAP as N, resolveBadge as x } from "../../composables/useBadge.js";
+const I = ["aria-selected"], K = ["for"], L = ["id", "checked"], U = {
   key: 0,
   class: "of-badge of-badge--role"
-}, I = {
+}, V = {
   key: 1,
   class: "of-td-empty"
-}, L = {
+}, X = {
   key: 3,
   class: "of-td-text"
-}, U = {
+}, F = {
   key: 4,
   class: "of-td-id"
 }, z = {
   key: 5,
   class: "of-td-title"
-}, W = {
+}, O = {
   key: 6,
   class: "of-td-text"
-}, Y = /* @__PURE__ */ D({
+}, q = /* @__PURE__ */ B({
   __name: "TableDataRow",
   props: {
     row: {},
@@ -26,106 +26,133 @@ const K = ["aria-selected"], N = ["for"], V = ["id", "checked"], F = {
     selected: { type: Boolean, default: !1 },
     selectable: { type: Boolean, default: !0 },
     columns: {},
+    density: { default: "standard" },
     priorityColorMap: { default: void 0 },
     statusColorMap: { default: void 0 }
   },
   emits: ["select", "click"],
-  setup(l, { emit: x }) {
-    const i = l, c = x;
-    function C(e) {
+  setup(i, { emit: M }) {
+    const s = i, y = M, C = {
+      compact: {
+        rowHeight: 36,
+        cellPaddingX: 10,
+        cellPaddingY: 6,
+        fillMinWidth: 180
+      },
+      standard: {
+        rowHeight: 44,
+        cellPaddingX: 12,
+        cellPaddingY: 8,
+        fillMinWidth: 220
+      },
+      comfortable: {
+        rowHeight: 52,
+        cellPaddingX: 14,
+        cellPaddingY: 10,
+        fillMinWidth: 240
+      }
+    }, u = d(() => C[s.density]), P = d(() => ({
+      minHeight: `${u.value.rowHeight}px`
+    })), k = d(() => ({
+      padding: `${u.value.cellPaddingY}px ${u.value.cellPaddingX}px`
+    }));
+    function S(e) {
+      const l = k.value;
       if (e.width === "fill") {
-        const t = `${e.minWidth ?? 220}px`;
-        return { flex: `1 1 ${t}`, minWidth: t };
+        const t = `${e.minWidth ?? u.value.fillMinWidth}px`;
+        return { ...l, flex: `1 1 ${t}`, minWidth: t };
       }
-      return { width: `${e.width}px`, flexShrink: "0", flexGrow: "0" };
+      return { ...l, width: `${e.width}px`, flexShrink: "0", flexGrow: "0" };
     }
-    const v = p(
-      () => b(P, i.priorityColorMap)
-    ), M = p(() => b(_, i.statusColorMap));
-    function y(e) {
-      return h(e, v.value);
+    const $ = d(
+      () => v(H, s.priorityColorMap)
+    ), D = d(() => v(N, s.statusColorMap));
+    function p(e) {
+      return x(e, $.value);
     }
-    function k(e) {
-      return h(e, M.value);
+    function m(e) {
+      return x(e, D.value);
     }
-    function S(e) {
+    function T(e) {
       if (!e) return "-";
-      const t = new Date(e);
-      return isNaN(t.getTime()) ? e : `${t.getMonth() + 1}/${t.getDate()}`;
+      const l = new Date(e);
+      return isNaN(l.getTime()) ? e : `${l.getMonth() + 1}/${l.getDate()}`;
     }
-    function g(e) {
-      return i.row[e.key];
+    function w(e) {
+      return s.row[e.key];
     }
-    function m(e) {
-      const t = g(e);
-      return t != null ? String(t) : "-";
+    function h(e) {
+      const l = w(e);
+      return l != null ? String(l) : "-";
     }
-    function s(e) {
-      const t = g(e);
-      return typeof t == "string" ? t : "";
+    function a(e) {
+      const l = w(e);
+      return typeof l == "string" ? l : "";
     }
-    function d() {
-      const e = i.row[i.rowKey];
+    function f() {
+      const e = s.row[s.rowKey];
       return e != null ? String(e) : "";
     }
-    function $(e) {
-      e.target === e.currentTarget && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), c("click", i.row)));
+    function A(e) {
+      e.target === e.currentTarget && (e.key !== "Enter" && e.key !== " " || (e.preventDefault(), y("click", s.row)));
     }
-    return (e, t) => (n(), r("div", {
-      class: T(["of-table-row", { "of-table-row--selected": l.selected }]),
+    return (e, l) => (o(), n("div", {
+      class: Y(["of-table-row", { "of-table-row--selected": i.selected }]),
       role: "row",
       tabindex: "0",
-      "aria-selected": l.selected || void 0,
-      onClick: t[2] || (t[2] = (o) => c("click", l.row)),
-      onKeydown: $
+      "aria-selected": i.selected || void 0,
+      style: c(P.value),
+      onClick: l[2] || (l[2] = (t) => y("click", i.row)),
+      onKeydown: A
     }, [
-      l.selectable ? (n(), r("div", {
+      i.selectable ? (o(), n("div", {
         key: 0,
         class: "of-td of-td-checkbox",
         role: "gridcell",
-        onClick: t[1] || (t[1] = B(() => {
+        style: c(k.value),
+        onClick: l[1] || (l[1] = E(() => {
         }, ["stop"]))
       }, [
-        u("label", {
+        g("label", {
           class: "of-checkbox-label",
-          for: `of-table-row-checkbox-${d()}`
+          for: `of-table-row-checkbox-${f()}`
         }, [
-          u("input", {
-            id: `of-table-row-checkbox-${d()}`,
+          g("input", {
+            id: `of-table-row-checkbox-${f()}`,
             type: "checkbox",
             class: "of-checkbox",
-            checked: l.selected,
-            onChange: t[0] || (t[0] = (o) => c("select", d()))
-          }, null, 40, V),
-          t[3] || (t[3] = u("span", { class: "of-sr-only" }, "选择当前行", -1))
-        ], 8, N)
-      ])) : A("", !0),
-      (n(!0), r(w, null, R(l.columns, (o) => (n(), r("div", {
-        key: o.key,
+            checked: i.selected,
+            onChange: l[0] || (l[0] = (t) => y("select", f()))
+          }, null, 40, L),
+          l[3] || (l[3] = g("span", { class: "of-sr-only" }, "选择当前行", -1))
+        ], 8, K)
+      ], 4)) : R("", !0),
+      (o(!0), n(b, null, W(i.columns, (t) => (o(), n("div", {
+        key: t.key,
         class: "of-td",
         role: "gridcell",
-        style: f(C(o))
+        style: c(S(t))
       }, [
-        E(e.$slots, "cell", {
-          row: l.row,
-          col: o
+        _(e.$slots, "cell", {
+          row: i.row,
+          col: t
         }, () => [
-          o.key === "status" ? (n(), r("span", {
+          t.key === "status" ? (o(), n("span", {
             key: 0,
             class: "of-badge",
-            style: f(k(s(o)).style)
-          }, a(k(s(o)).label), 5)) : o.key === "priority" ? (n(), r("span", {
+            style: c(m(a(t)).style)
+          }, r(m(a(t)).label), 5)) : t.key === "priority" ? (o(), n("span", {
             key: 1,
             class: "of-badge",
-            style: f(y(s(o)).style)
-          }, a(y(s(o)).label), 5)) : o.key === "role" ? (n(), r(w, { key: 2 }, [
-            s(o) ? (n(), r("span", F, a(s(o)), 1)) : (n(), r("span", I, "-"))
-          ], 64)) : o.key === "updatedAt" ? (n(), r("span", L, a(S(s(o))), 1)) : o.key === "id" ? (n(), r("span", U, a(d()), 1)) : o.key === "title" ? (n(), r("span", z, a(m(o)), 1)) : (n(), r("span", W, a(m(o)), 1))
+            style: c(p(a(t)).style)
+          }, r(p(a(t)).label), 5)) : t.key === "role" ? (o(), n(b, { key: 2 }, [
+            a(t) ? (o(), n("span", U, r(a(t)), 1)) : (o(), n("span", V, "-"))
+          ], 64)) : t.key === "updatedAt" ? (o(), n("span", X, r(T(a(t))), 1)) : t.key === "id" ? (o(), n("span", F, r(f()), 1)) : t.key === "title" ? (o(), n("span", z, r(h(t)), 1)) : (o(), n("span", O, r(h(t)), 1))
         ], !0)
       ], 4))), 128))
-    ], 42, K));
+    ], 46, I));
   }
 });
 export {
-  Y as default
+  q as default
 };

package/dist/components/table/TableHeaderRow.vue.d.ts

@@ -1,4 +1,4 @@
-import { TableColumn } from '../../types';
+import { Density, TableColumn } from '../../types';
 type __VLS_Props = {
     columns: TableColumn[];
     selectable?: boolean;
@@ -9,6 +9,7 @@ type __VLS_Props = {
     enableResize?: boolean;
     enableFieldMenu?: boolean;
     enableAddField?: boolean;
+    density?: Density;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     sort: (key: string) => any;
@@ -27,6 +28,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
     "onHeader-dblclick"?: ((colKey: string) => any) | undefined;
     "onAdd-field"?: (() => any) | undefined;
 }>, {
+    density: Density;
     selectable: boolean;
     sortKey: string;
     sortOrder: "asc" | "desc";

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

@@ -1,7 +1,7 @@
 import o from "./TableHeaderRow.vue2.js";
 /* empty css                    */
-import e from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ e(o, [["__scopeId", "data-v-55ef62f3"]]);
+import a from "../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-9b7b027a"]]);
 export {
-  f as default
+  m as default
 };