@oneflowui/ui 0.4.2 → 0.4.4

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

@@ -0,0 +1,100 @@
+import { defineComponent as b, ref as k, watch as C, openBlock as r, createElementBlock as d, createElementVNode as n, createVNode as l, unref as s, createTextVNode as u, withCtx as V, Fragment as y, renderList as E, normalizeClass as x, toDisplayString as z, createCommentVNode as w } from "vue";
+import { X as N, Eye as B, EyeOff as D, GripVertical as A } from "lucide-vue-next";
+import { VueDraggable as T } from "vue-draggable-plus";
+const U = {
+  key: 0,
+  class: "of-col-manager"
+}, $ = { class: "of-col-manager__header" }, F = { class: "of-col-manager__actions" }, G = { class: "of-col-manager__drag" }, L = ["checked", "onChange"], j = /* @__PURE__ */ b({
+  __name: "TableColumnManager",
+  props: {
+    columns: {},
+    visible: { type: Boolean, default: !0 }
+  },
+  emits: ["update:columns", "close"],
+  setup(c, { emit: f }) {
+    const _ = c, m = f, t = k([]);
+    C(
+      () => _.columns,
+      (o) => {
+        t.value = o.map((e) => ({ ...e }));
+      },
+      { immediate: !0, deep: !0 }
+    );
+    function i() {
+      m(
+        "update:columns",
+        t.value.map((o) => ({ ...o }))
+      );
+    }
+    function g(o) {
+      o.hidden = !o.hidden, i();
+    }
+    function p() {
+      t.value.forEach((o) => o.hidden = !1), i();
+    }
+    function h() {
+      t.value.forEach((o) => o.hidden = !0), i();
+    }
+    function v() {
+      i();
+    }
+    return (o, e) => c.visible ? (r(), d("div", U, [
+      n("div", $, [
+        e[2] || (e[2] = n("span", { class: "of-col-manager__title" }, "管理列", -1)),
+        n("button", {
+          class: "of-col-manager__close",
+          onClick: e[0] || (e[0] = (a) => m("close"))
+        }, [
+          l(s(N), { size: 14 })
+        ])
+      ]),
+      n("div", F, [
+        n("button", {
+          class: "of-col-manager__action-btn",
+          onClick: p
+        }, [
+          l(s(B), { size: 12 }),
+          e[3] || (e[3] = u(" 显示全部 ", -1))
+        ]),
+        n("button", {
+          class: "of-col-manager__action-btn",
+          onClick: h
+        }, [
+          l(s(D), { size: 12 }),
+          e[4] || (e[4] = u(" 隐藏全部 ", -1))
+        ])
+      ]),
+      l(s(T), {
+        modelValue: t.value,
+        "onUpdate:modelValue": e[1] || (e[1] = (a) => t.value = a),
+        handle: ".of-col-manager__drag",
+        animation: 150,
+        onEnd: v
+      }, {
+        default: V(() => [
+          (r(!0), d(y, null, E(t.value, (a) => (r(), d("div", {
+            key: a.key,
+            class: "of-col-manager__row"
+          }, [
+            n("span", G, [
+              l(s(A), { size: 14 })
+            ]),
+            n("input", {
+              type: "checkbox",
+              class: "of-col-manager__checkbox",
+              checked: !a.hidden,
+              onChange: (M) => g(a)
+            }, null, 40, L),
+            n("span", {
+              class: x(["of-col-manager__label", { dimmed: a.hidden }])
+            }, z(a.label), 3)
+          ]))), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"])
+    ])) : w("", !0);
+  }
+});
+export {
+  j as default
+};

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

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

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

@@ -0,0 +1,115 @@
+import { defineComponent as S, computed as p, openBlock as o, createElementBlock as s, normalizeClass as $, withModifiers as B, createElementVNode as D, createCommentVNode as T, Fragment as g, renderList as A, normalizeStyle as d, renderSlot as P, toDisplayString as a } from "vue";
+import { mergeColorMap as w, DEFAULT_PRIORITY_MAP as R, DEFAULT_STATUS_MAP as _, resolveBadge as h } from "../../composables/useBadge.js";
+const E = ["checked"], N = {
+  key: 0,
+  class: "of-badge of-badge--role"
+}, V = {
+  key: 1,
+  class: "of-td-empty"
+}, F = {
+  key: 3,
+  class: "of-td-text"
+}, I = {
+  key: 4,
+  class: "of-td-id"
+}, L = {
+  key: 5,
+  class: "of-td-title"
+}, U = {
+  key: 6,
+  class: "of-td-text"
+}, W = /* @__PURE__ */ S({
+  __name: "TableDataRow",
+  props: {
+    row: {},
+    rowKey: { default: "id" },
+    selected: { type: Boolean, default: !1 },
+    selectable: { type: Boolean, default: !0 },
+    columns: {},
+    priorityColorMap: {},
+    statusColorMap: {}
+  },
+  emits: ["select", "click"],
+  setup(r, { emit: b }) {
+    const i = r, u = b;
+    function C(e) {
+      if (e.width === "fill") {
+        const n = `${e.minWidth ?? 220}px`;
+        return { flex: `1 1 ${n}`, minWidth: n };
+      }
+      return { width: `${e.width}px`, flexShrink: "0", flexGrow: "0" };
+    }
+    const v = p(
+      () => w(R, i.priorityColorMap)
+    ), x = p(() => w(_, i.statusColorMap));
+    function c(e) {
+      return h(e, v.value);
+    }
+    function f(e) {
+      return h(e, x.value);
+    }
+    function M(e) {
+      if (!e) return "-";
+      const n = new Date(e);
+      return isNaN(n.getTime()) ? e : `${n.getMonth() + 1}/${n.getDate()}`;
+    }
+    function y(e) {
+      return i.row[e.key];
+    }
+    function k(e) {
+      const n = y(e);
+      return n != null ? String(n) : "-";
+    }
+    function l(e) {
+      const n = y(e);
+      return typeof n == "string" ? n : "";
+    }
+    function m() {
+      const e = i.row[i.rowKey];
+      return e != null ? String(e) : "";
+    }
+    return (e, n) => (o(), s("div", {
+      class: $(["of-table-row", { "of-table-row--selected": r.selected }]),
+      onClick: n[2] || (n[2] = (t) => u("click", r.row))
+    }, [
+      r.selectable ? (o(), s("div", {
+        key: 0,
+        class: "of-td of-td-checkbox",
+        onClick: n[1] || (n[1] = B(() => {
+        }, ["stop"]))
+      }, [
+        D("input", {
+          type: "checkbox",
+          class: "of-checkbox",
+          checked: r.selected,
+          onChange: n[0] || (n[0] = (t) => u("select", m()))
+        }, null, 40, E)
+      ])) : T("", !0),
+      (o(!0), s(g, null, A(r.columns, (t) => (o(), s("div", {
+        key: t.key,
+        class: "of-td",
+        style: d(C(t))
+      }, [
+        P(e.$slots, "cell", {
+          row: r.row,
+          col: t
+        }, () => [
+          t.key === "status" ? (o(), s("span", {
+            key: 0,
+            class: "of-badge",
+            style: d(f(l(t)).style)
+          }, a(f(l(t)).label), 5)) : t.key === "priority" ? (o(), s("span", {
+            key: 1,
+            class: "of-badge",
+            style: d(c(l(t)).style)
+          }, a(c(l(t)).label), 5)) : t.key === "role" ? (o(), s(g, { key: 2 }, [
+            l(t) ? (o(), s("span", N, a(l(t)), 1)) : (o(), s("span", V, "-"))
+          ], 64)) : t.key === "updatedAt" ? (o(), s("span", F, a(M(l(t))), 1)) : t.key === "id" ? (o(), s("span", I, a(m()), 1)) : t.key === "title" ? (o(), s("span", L, a(k(t)), 1)) : (o(), s("span", U, a(k(t)), 1))
+        ], !0)
+      ], 4))), 128))
+    ], 2));
+  }
+});
+export {
+  W as default
+};

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

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

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

@@ -0,0 +1,142 @@
+import { defineComponent as V, openBlock as o, createElementBlock as n, createElementVNode as i, createVNode as r, unref as c, Fragment as d, renderList as f, normalizeClass as _, toDisplayString as v, createTextVNode as $, createCommentVNode as p } from "vue";
+import { X as T, Trash2 as q, Plus as z } from "lucide-vue-next";
+const x = {
+  key: 0,
+  class: "of-filter-panel"
+}, B = { class: "of-filter-panel__header" }, I = {
+  key: 0,
+  class: "of-filter-panel__empty"
+}, O = {
+  key: 1,
+  class: "of-filter-panel__conditions"
+}, P = {
+  key: 0,
+  class: "of-filter-condition__logic-label"
+}, S = {
+  key: 1,
+  class: "of-filter-condition__logic-group"
+}, w = ["value", "onChange"], E = ["value"], F = ["value", "onChange"], D = ["value"], G = ["value", "onInput"], L = {
+  key: 3,
+  class: "of-filter-condition__no-value"
+}, R = ["onClick"], X = { class: "of-filter-panel__footer" }, H = /* @__PURE__ */ V({
+  __name: "TableFilterPanel",
+  props: {
+    columns: {},
+    conditions: {},
+    logic: {},
+    visible: { type: Boolean, default: !0 }
+  },
+  emits: ["add-condition", "remove-condition", "update-condition", "update:logic", "clear", "close"],
+  setup(s, { emit: b }) {
+    const m = s, a = b, y = [
+      { value: "contains", label: "包含" },
+      { value: "not_contains", label: "不包含" },
+      { value: "equals", label: "等于" },
+      { value: "not_equals", label: "不等于" },
+      { value: "starts_with", label: "开头是" },
+      { value: "ends_with", label: "结尾是" },
+      { value: "is_empty", label: "为空" },
+      { value: "is_not_empty", label: "不为空" }
+    ];
+    function g(u) {
+      var e;
+      return (e = m.columns.find((l) => l.key === u)) == null ? void 0 : e.type;
+    }
+    function k(u) {
+      return g(u) === "number" ? [
+        { value: "equals", label: "等于" },
+        { value: "not_equals", label: "不等于" },
+        { value: "gt", label: "大于" },
+        { value: "gte", label: "大于等于" },
+        { value: "lt", label: "小于" },
+        { value: "lte", label: "小于等于" },
+        { value: "is_empty", label: "为空" },
+        { value: "is_not_empty", label: "不为空" }
+      ] : y;
+    }
+    const C = ["is_empty", "is_not_empty"];
+    function h(u) {
+      return C.includes(u);
+    }
+    return (u, e) => s.visible ? (o(), n("div", x, [
+      i("div", B, [
+        e[5] || (e[5] = i("span", { class: "of-filter-panel__title" }, "筛选", -1)),
+        i("button", {
+          class: "of-filter-panel__close",
+          onClick: e[0] || (e[0] = (l) => a("close"))
+        }, [
+          r(c(T), { size: 14 })
+        ])
+      ]),
+      s.conditions.length === 0 ? (o(), n("div", I, " 暂无筛选条件，点击下方添加 ")) : (o(), n("div", O, [
+        (o(!0), n(d, null, f(s.conditions, (l, N) => (o(), n("div", {
+          key: l.id,
+          class: "of-filter-condition"
+        }, [
+          N === 0 ? (o(), n("span", P, "当")) : (o(), n("span", S, [
+            i("button", {
+              class: _(["of-filter-condition__logic-btn", { active: s.logic === "and" }]),
+              onClick: e[1] || (e[1] = (t) => a("update:logic", "and"))
+            }, " 且 ", 2),
+            i("button", {
+              class: _(["of-filter-condition__logic-btn", { active: s.logic === "or" }]),
+              onClick: e[2] || (e[2] = (t) => a("update:logic", "or"))
+            }, " 或 ", 2)
+          ])),
+          i("select", {
+            class: "of-filter-condition__select of-filter-condition__select--field",
+            value: l.field,
+            onChange: (t) => a("update-condition", l.id, { field: t.target.value })
+          }, [
+            (o(!0), n(d, null, f(s.columns, (t) => (o(), n("option", {
+              key: t.key,
+              value: t.key
+            }, v(t.label), 9, E))), 128))
+          ], 40, w),
+          i("select", {
+            class: "of-filter-condition__select",
+            value: l.operator,
+            onChange: (t) => a("update-condition", l.id, {
+              operator: t.target.value
+            })
+          }, [
+            (o(!0), n(d, null, f(k(l.field), (t) => (o(), n("option", {
+              key: t.value,
+              value: t.value
+            }, v(t.label), 9, D))), 128))
+          ], 40, F),
+          h(l.operator) ? (o(), n("span", L)) : (o(), n("input", {
+            key: 2,
+            class: "of-filter-condition__input",
+            value: l.value,
+            placeholder: "输入值...",
+            onInput: (t) => a("update-condition", l.id, { value: t.target.value })
+          }, null, 40, G)),
+          i("button", {
+            class: "of-filter-condition__remove",
+            onClick: (t) => a("remove-condition", l.id)
+          }, [
+            r(c(q), { size: 13 })
+          ], 8, R)
+        ]))), 128))
+      ])),
+      i("div", X, [
+        i("button", {
+          class: "of-filter-panel__add-btn",
+          onClick: e[3] || (e[3] = (l) => a("add-condition"))
+        }, [
+          r(c(z), { size: 13 }),
+          e[6] || (e[6] = $(" 添加条件 ", -1))
+        ]),
+        s.conditions.length ? (o(), n("button", {
+          key: 0,
+          class: "of-filter-panel__clear",
+          onClick: e[4] || (e[4] = (l) => a("clear"))
+        }, " 清除全部 ")) : p("", !0)
+      ])
+    ])) : p("", !0);
+  }
+});
+export {
+  H as default
+};

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

@@ -5,6 +5,10 @@ type __VLS_Props = {
     collapsed?: boolean;
     colorMap?: ColorMap;
     selectable?: boolean;
+    /** Nesting level for multi-level grouping (0-based) */
+    level?: number;
+    /** Aggregation results to display inline */
+    aggregations?: Record<string, number>;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     toggle: () => any;
@@ -13,5 +17,6 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {
 }>, {
     collapsed: boolean;
     selectable: boolean;
+    level: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

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

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

@@ -0,0 +1,58 @@
+import { defineComponent as w, computed as u, openBlock as l, createElementBlock as a, normalizeStyle as p, createCommentVNode as g, createElementVNode as d, normalizeClass as k, createTextVNode as x, toDisplayString as n, Fragment as h, renderList as B } from "vue";
+import { resolveBadge as C } from "../../composables/useBadge.js";
+const N = {
+  key: 0,
+  class: "of-table-group-row__checkbox-spacer"
+}, K = {
+  key: 2,
+  class: "of-table-group-row__label"
+}, L = { class: "of-table-group-row__count" }, T = /* @__PURE__ */ w({
+  name: "TableGroupRow",
+  __name: "TableGroupRow",
+  props: {
+    groupKey: {},
+    count: {},
+    collapsed: { type: Boolean, default: !1 },
+    colorMap: {},
+    selectable: { type: Boolean, default: !0 },
+    level: { default: 0 },
+    aggregations: {}
+  },
+  emits: ["toggle"],
+  setup(s, { emit: i }) {
+    const o = s, m = i, r = u(() => o.colorMap ? C(o.groupKey, o.colorMap) : null), b = u(() => o.groupKey || "(空)"), f = u(() => o.level * 16), _ = u(() => o.aggregations ? Object.entries(o.aggregations).map(([c, t]) => {
+      const [, e] = c.split(":"), y = e === "sum" ? "总计" : e === "avg" ? "平均" : e === "min" ? "最小" : e === "max" ? "最大" : "计数", v = typeof t == "number" && !Number.isInteger(t) ? t.toFixed(2) : String(t);
+      return { key: c, label: y, value: v };
+    }) : []);
+    return (c, t) => (l(), a("div", {
+      class: "of-table-group-row",
+      onClick: t[0] || (t[0] = (e) => m("toggle")),
+      style: p({ paddingLeft: `${12 + f.value}px` })
+    }, [
+      s.selectable ? (l(), a("div", N)) : g("", !0),
+      d("span", {
+        class: k(["of-table-group-row__chevron", { "of-table-group-row__chevron--collapsed": s.collapsed }])
+      }, "▼", 2),
+      r.value ? (l(), a("span", {
+        key: 1,
+        class: "of-table-group-row__badge",
+        style: p(r.value.style)
+      }, [
+        r.value.dot ? (l(), a("span", {
+          key: 0,
+          class: "of-table-group-row__badge-dot",
+          style: p({ background: r.value.dot })
+        }, null, 4)) : g("", !0),
+        x(" " + n(r.value.label), 1)
+      ], 4)) : (l(), a("span", K, n(b.value), 1)),
+      d("span", L, "(" + n(s.count) + ")", 1),
+      (l(!0), a(h, null, B(_.value, (e) => (l(), a("span", {
+        key: e.key,
+        class: "of-table-group-row__agg"
+      }, n(e.label) + ": " + n(e.value), 1))), 128))
+    ], 4));
+  }
+});
+export {
+  T as default
+};

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

@@ -6,18 +6,34 @@ type __VLS_Props = {
     sortOrder?: "asc" | "desc";
     allSelected?: boolean;
     indeterminate?: boolean;
+    enableResize?: boolean;
+    enableFieldMenu?: boolean;
+    enableAddField?: boolean;
 };
 declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     sort: (key: string) => any;
     "select-all": () => any;
+    "resize-start": (event: MouseEvent, colKey: string) => any;
+    "resize-dblclick": (colKey: string) => any;
+    "header-contextmenu": (event: MouseEvent, colKey: string) => any;
+    "header-dblclick": (colKey: string) => any;
+    "add-field": () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSort?: ((key: string) => any) | undefined;
     "onSelect-all"?: (() => any) | undefined;
+    "onResize-start"?: ((event: MouseEvent, colKey: string) => any) | undefined;
+    "onResize-dblclick"?: ((colKey: string) => any) | undefined;
+    "onHeader-contextmenu"?: ((event: MouseEvent, colKey: string) => any) | undefined;
+    "onHeader-dblclick"?: ((colKey: string) => any) | undefined;
+    "onAdd-field"?: (() => any) | undefined;
 }>, {
     selectable: boolean;
     sortKey: string;
     sortOrder: "asc" | "desc";
     allSelected: boolean;
     indeterminate: boolean;
+    enableResize: boolean;
+    enableFieldMenu: boolean;
+    enableAddField: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

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

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

@@ -0,0 +1,90 @@
+import { defineComponent as v, openBlock as o, createElementBlock as i, createElementVNode as c, createCommentVNode as f, Fragment as x, renderList as z, withModifiers as d, normalizeStyle as C, normalizeClass as w, toDisplayString as B, createBlock as u, unref as r, createVNode as S } from "vue";
+import { ChevronUp as $, ChevronDown as k, Plus as g } from "lucide-vue-next";
+const D = { class: "of-table-header" }, F = {
+  key: 0,
+  class: "of-th of-th-checkbox"
+}, M = ["checked", "indeterminate"], K = ["aria-sort", "onClick", "onContextmenu", "onDblclick"], O = { class: "of-th-label" }, R = { class: "of-th-sort-icon" }, N = ["onMousedown", "onDblclick"], E = /* @__PURE__ */ v({
+  __name: "TableHeaderRow",
+  props: {
+    columns: {},
+    selectable: { type: Boolean, default: !0 },
+    sortKey: { default: "" },
+    sortOrder: { default: "asc" },
+    allSelected: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    enableResize: { type: Boolean, default: !1 },
+    enableFieldMenu: { type: Boolean, default: !1 },
+    enableAddField: { type: Boolean, default: !1 }
+  },
+  emits: ["sort", "select-all", "resize-start", "resize-dblclick", "header-contextmenu", "header-dblclick", "add-field"],
+  setup(e, { emit: h }) {
+    const s = h;
+    function y(n) {
+      if (n.width === "fill") {
+        const l = `${n.minWidth ?? 220}px`;
+        return { flex: `1 1 ${l}`, minWidth: l };
+      }
+      return { width: `${n.width}px`, flexShrink: "0", flexGrow: "0" };
+    }
+    function m(n) {
+      s("sort", n);
+    }
+    function b(n, l) {
+      n.stopPropagation(), s("resize-start", n, l);
+    }
+    return (n, l) => (o(), i("div", D, [
+      e.selectable ? (o(), i("div", F, [
+        c("input", {
+          type: "checkbox",
+          class: "of-checkbox",
+          checked: e.allSelected,
+          indeterminate: e.indeterminate,
+          onChange: l[0] || (l[0] = (t) => s("select-all"))
+        }, null, 40, M)
+      ])) : f("", !0),
+      (o(!0), i(x, null, z(e.columns, (t) => (o(), i("div", {
+        key: t.key,
+        role: "columnheader",
+        class: w(["of-th", { "of-th--sortable": !0, "of-th--active": e.sortKey === t.key }]),
+        style: C(y(t)),
+        "aria-sort": e.sortKey === t.key ? e.sortOrder === "asc" ? "ascending" : "descending" : "none",
+        onClick: (a) => m(t.key),
+        onContextmenu: d((a) => e.enableFieldMenu && s("header-contextmenu", a, t.key), ["prevent"]),
+        onDblclick: d((a) => e.enableFieldMenu && s("header-dblclick", t.key), ["stop"])
+      }, [
+        c("span", O, B(t.label), 1),
+        c("span", R, [
+          e.sortKey === t.key && e.sortOrder === "asc" ? (o(), u(r($), {
+            key: 0,
+            size: 12,
+            class: "of-sort-icon-active"
+          })) : e.sortKey === t.key && e.sortOrder === "desc" ? (o(), u(r(k), {
+            key: 1,
+            size: 12,
+            class: "of-sort-icon-active"
+          })) : (o(), u(r(k), {
+            key: 2,
+            size: 12,
+            class: "of-sort-icon-idle"
+          }))
+        ]),
+        e.enableResize ? (o(), i("div", {
+          key: 0,
+          class: "of-th-resizer",
+          onMousedown: (a) => b(a, t.key),
+          onDblclick: d((a) => s("resize-dblclick", t.key), ["stop"])
+        }, null, 40, N)) : f("", !0)
+      ], 46, K))), 128)),
+      e.enableAddField ? (o(), i("div", {
+        key: 1,
+        class: "of-th of-th-add",
+        onClick: l[1] || (l[1] = d((t) => s("add-field"), ["stop"]))
+      }, [
+        S(r(g), { size: 14 })
+      ])) : f("", !0)
+    ]));
+  }
+});
+export {
+  E as default
+};