evui 3.5.0-rc.1 → 3.5.0

package/dist/components/grid/GridColumnSetting.vue.js

@@ -0,0 +1,212 @@
+import { computed as x, ref as c, reactive as X, onBeforeMount as Z, watch as E, resolveComponent as b, resolveDirective as $, openBlock as h, createBlock as I, Teleport as ee, withDirectives as te, createElementBlock as M, normalizeStyle as ne, createElementVNode as w, toDisplayString as V, createVNode as W, withCtx as O, Fragment as le, renderList as oe, createTextVNode as A, createCommentVNode as ie, nextTick as ae } from "vue";
+import { cloneDeep as j } from "lodash-es";
+import { clickoutside as se } from "../../directives/clickoutside.js";
+/* empty css                       */
+import de from "../../_virtual/_plugin-vue_export-helper.js";
+const ce = {
+  name: "EVGridColumnSetting",
+  directives: {
+    clickoutside: se
+  },
+  props: {
+    isShow: {
+      type: Boolean,
+      default: !1
+    },
+    columns: {
+      type: [Array],
+      default: () => []
+    },
+    hiddenColumn: {
+      type: String,
+      default: ""
+    },
+    position: {
+      type: Object,
+      default: () => ({
+        top: 0,
+        left: 0,
+        columnListMenuWidth: 0
+      })
+    },
+    isShowMenuOnClick: {
+      type: Boolean,
+      default: !1
+    },
+    textInfo: {
+      type: Object,
+      default: () => ({
+        title: "Column List",
+        search: "Search",
+        empty: "No records",
+        ok: "OK"
+      })
+    }
+  },
+  emits: {
+    "update:isShow": [Boolean],
+    "update:isShowMenuOnClick": [Boolean],
+    "apply-column": null
+  },
+  setup(u, { emit: r }) {
+    const i = x({
+      get: () => u.isShow,
+      set: (e) => r("update:isShow", e)
+    }), o = c(null), L = c(""), f = c(!1), d = c([]), a = c([]), v = c([]), s = c([]), g = x(
+      () => f.value ? v.value : a.value
+    ), l = x(() => !g.value.length);
+    let p = null, C = null;
+    const D = X({
+      top: null,
+      left: null
+    }), N = x({
+      get: () => u.isShowMenuOnClick,
+      set: (e) => r("update:isShowMenuOnClick", e)
+    }), P = (e) => {
+      var t;
+      (e == null ? void 0 : e.length) === 1 ? C = e[0] : (e == null ? void 0 : e.length) < 1 && (C == null && (C = (t = a.value[0]) == null ? void 0 : t.text), d.value.push(C));
+    }, U = (e) => {
+      p && clearTimeout(p), p = setTimeout(() => {
+        if (f.value = !1, e) {
+          const t = e.toString().toLowerCase();
+          v.value = a.value.filter((n) => n.label.toString().toLowerCase().includes(t)), f.value = !0;
+        }
+      }, 500);
+    }, z = () => {
+      L.value = "", f.value = !1, v.value.length = 0;
+    }, F = () => {
+      const e = s.value.length ? s.value : a.value;
+      d.value = e.filter((t) => t.originChecked).map((t) => t.text), z();
+    }, K = () => {
+      s.value = a.value.filter(
+        (t) => d.value.includes(t.text)
+      );
+      const e = s.value.map((t) => t.text);
+      r("apply-column", e), i.value = !1, N.value = !1;
+    }, T = c(), B = c(), Y = () => {
+      B.value = j(d.value), a.value = u.columns.filter((e) => !e.hide && e.caption).map((e) => {
+        var m, _;
+        const t = (m = T.value) == null ? void 0 : m.find((k) => k.field === e.field);
+        let n = !1;
+        return t ? n = (t == null ? void 0 : t.hiddenDisplay) !== (e == null ? void 0 : e.hiddenDisplay) || !((_ = B.value) != null && _.length) ? !(e != null && e.hiddenDisplay) : B.value.includes(e.field) : n = !e.hiddenDisplay, {
+          label: e.caption,
+          text: e.field,
+          originChecked: !e.hiddenDisplay,
+          checked: n,
+          fixed: e.fixed
+        };
+      }), d.value = a.value.filter((e) => e.checked).map((e) => e.text), s.value.length = 0, T.value = j(u.columns);
+    }, q = () => {
+      i.value = !1, N.value = !1;
+    }, J = () => {
+      const e = document.createElement("div");
+      e.id = "ev-grid-column-setting-modal", e.setAttribute("style", "position: absolute; top: 0; left: 0;"), document.getElementById("ev-grid-column-setting-modal") || document.body.appendChild(e);
+    }, Q = async () => {
+      var H;
+      await ae();
+      const e = document.documentElement.clientWidth, t = document.documentElement.clientHeight, n = (H = o.value) == null ? void 0 : H.getBoundingClientRect(), m = n == null ? void 0 : n.width, _ = n == null ? void 0 : n.height, { top: k, left: y, columnListMenuWidth: G } = u.position;
+      let S;
+      G ? (S = y, e < y + m && (S = y - m - G)) : S = y - m;
+      const R = t - _;
+      D.top = `${Math.min(k, R) + document.documentElement.scrollTop}px`, D.left = `${S + document.documentElement.scrollLeft}px`;
+    };
+    return Z(() => J()), E(
+      () => u.columns,
+      () => {
+        Y();
+      },
+      { immediate: !0, deep: !0 }
+    ), E(
+      () => i.value,
+      async () => {
+        F(), i.value && await Q();
+      }
+    ), E(
+      () => u.hiddenColumn,
+      (e) => {
+        const t = s.value.length ? s.value.filter((n) => n.text !== e) : a.value.filter((n) => n.text !== e && n.checked);
+        s.value = t, d.value = t.map((n) => n.text);
+      }
+    ), {
+      columnSettingWrapper: o,
+      columnSettingStyle: D,
+      isShowColumnSetting: i,
+      checkColumnGroup: d,
+      columnList: g,
+      searchVm: L,
+      isDisabled: l,
+      onSearchColumn: U,
+      onApplyColumn: K,
+      onCheckColumn: P,
+      hideColumnSetting: q
+    };
+  }
+}, ue = { class: "ev-grid-column-setting__header" }, re = { class: "header-title" }, me = { class: "ev-grid-column-setting__content" }, he = {
+  key: 1,
+  class: "is-empty"
+}, fe = { class: "ev-grid-column-setting__footer" };
+function ve(u, r, i, o, L, f) {
+  const d = b("ev-text-field"), a = b("ev-checkbox"), v = b("ev-checkbox-group"), s = b("ev-button"), g = $("clickoutside");
+  return o.isShowColumnSetting ? (h(), I(ee, {
+    key: 0,
+    to: "#ev-grid-column-setting-modal"
+  }, [
+    te((h(), M("section", {
+      ref: "columnSettingWrapper",
+      class: "ev-grid-column-setting",
+      style: ne(o.columnSettingStyle)
+    }, [
+      w("div", ue, [
+        w("p", re, V(i.textInfo.title), 1),
+        W(d, {
+          modelValue: o.searchVm,
+          "onUpdate:modelValue": r[0] || (r[0] = (l) => o.searchVm = l),
+          type: "search",
+          placeholder: i.textInfo.search,
+          onInput: o.onSearchColumn
+        }, null, 8, ["modelValue", "placeholder", "onInput"])
+      ]),
+      w("div", me, [
+        o.columnList.length ? (h(), I(v, {
+          key: 0,
+          modelValue: o.checkColumnGroup,
+          "onUpdate:modelValue": r[1] || (r[1] = (l) => o.checkColumnGroup = l),
+          onChange: o.onCheckColumn
+        }, {
+          default: O(() => [
+            (h(!0), M(le, null, oe(o.columnList, (l, p) => (h(), I(a, {
+              key: `column_${p}`,
+              label: l == null ? void 0 : l.text,
+              disabled: !!(l != null && l.fixed),
+              "tooltip-title": (l == null ? void 0 : l.label) ?? ""
+            }, {
+              default: O(() => [
+                A(V(l == null ? void 0 : l.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["label", "disabled", "tooltip-title"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "onChange"])) : (h(), M("p", he, V(i.textInfo.empty), 1))
+      ]),
+      w("div", fe, [
+        W(s, {
+          type: "primary",
+          disabled: o.isDisabled,
+          onClick: o.onApplyColumn
+        }, {
+          default: O(() => [
+            A(V(i.textInfo.ok), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled", "onClick"])
+      ])
+    ], 4)), [
+      [g, o.hideColumnSetting]
+    ])
+  ])) : ie("", !0);
+}
+const ye = /* @__PURE__ */ de(ce, [["render", ve]]);
+export {
+  ye as default
+};

package/dist/components/grid/GridFilterSetting.vue.js

@@ -0,0 +1,222 @@
+import { ref as B, computed as V, watch as D, onBeforeMount as R, resolveComponent as _, resolveDirective as L, openBlock as r, createBlock as b, Teleport as j, withDirectives as A, createElementBlock as w, normalizeStyle as C, createElementVNode as d, createVNode as v, toDisplayString as z, Fragment as G, renderList as K, withCtx as M, createTextVNode as T, createCommentVNode as W } from "vue";
+import { cloneDeep as q } from "lodash-es";
+import { clickoutside as H } from "../../directives/clickoutside.js";
+/* empty css                       */
+import J from "../../_virtual/_plugin-vue_export-helper.js";
+const P = {
+  name: "EVGridFilterSetting",
+  directives: {
+    clickoutside: H
+  },
+  props: {
+    isShow: {
+      type: Boolean,
+      default: !1
+    },
+    position: {
+      type: Object,
+      default: () => ({
+        top: 0,
+        left: 0
+      })
+    },
+    column: {
+      type: Object,
+      default: () => ({})
+    },
+    items: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: {
+    "update:isShow": null,
+    "apply-filtering": null
+  },
+  setup(i, { emit: c }) {
+    const l = B([]), t = V(() => i.column), S = [
+      { name: "AND", value: "and" },
+      { name: "OR", value: "or" }
+    ], k = [
+      { name: "true", value: "true" },
+      { name: "false", value: "false" }
+    ], p = [
+      { name: "=", value: "=" },
+      { name: "!=", value: "!=" },
+      { name: "<", value: "<" },
+      { name: ">", value: ">" },
+      { name: "<=", value: "<=" },
+      { name: ">=", value: ">=" }
+    ], m = [
+      { name: "s%", value: "s%" },
+      // starts with
+      { name: "%s", value: "%s" },
+      // ends with
+      { name: "%s%", value: "%s%" },
+      // contains
+      { name: "Not Like", value: "notLike" },
+      // does not contains
+      { name: "=", value: "=" },
+      // is
+      { name: "!=", value: "!=" }
+      // is not
+    ], f = [
+      { name: "Is empty", value: "isEmpty" },
+      { name: "Is not empty", value: "isNotEmpty" }
+    ], h = (e) => e === "string" || e === "stringNumber" ? [...m, ...f] : e === "number" || e === "float" ? [...p, ...f] : e === "boolean" ? [{ name: "=", value: "=" }] : [], y = V(() => h(i.column.type)), o = V({
+      get: () => i.isShow,
+      set: (e) => c("update:isShow", e)
+    }), s = () => {
+      const e = l.value.length >= 2 ? l.value[1].operator : "and";
+      l.value.push({
+        comparison: "=",
+        operator: e,
+        value: "",
+        caption: t.value.caption
+      });
+    }, a = (e) => {
+      l.value.length > 1 ? l.value.splice(e, 1) : e === 0 && (l.value[0].comparison = "=", l.value[0].value = "");
+    }, E = (e, n) => {
+      (e === "isEmpty" || e === "isNotEmpty") && (l.value[n].value = "");
+    }, I = (e) => {
+      l.value = l.value.map((n) => ({ ...n, operator: e }));
+    }, N = () => {
+      c(
+        "apply-filtering",
+        t.value.field,
+        l.value.filter(
+          (e) => e.value || e.comparison === "isEmpty" || e.comparison === "isNotEmpty"
+        )
+      );
+    };
+    D(
+      () => i.isShow,
+      (e) => {
+        var g;
+        const n = [], u = q(i.items);
+        e && t.value.field && ((g = u[t.value.field]) != null && g.length ? u[t.value.field].forEach((O) => {
+          n.push(O);
+        }) : n.push({
+          comparison: "=",
+          operator: "and",
+          value: "",
+          caption: t.value.caption
+        }), l.value = n);
+      }
+    );
+    const F = (e, n) => {
+      var u;
+      return ((u = e.find((g) => g.value === n)) == null ? void 0 : u.name) || "";
+    }, U = () => {
+      const e = document.createElement("div");
+      e.id = "ev-grid-filter-setting-modal", e.setAttribute("style", "position: absolute; top: 0; left: 0;"), document.getElementById("ev-grid-filter-setting-modal") || document.body.appendChild(e);
+    };
+    return R(() => {
+      U();
+    }), {
+      filteringItems: l,
+      isShowFilterSetting: o,
+      items1: S,
+      items2: y,
+      booleanItems: k,
+      addRow: s,
+      removeRow: a,
+      changeOperator: I,
+      applyFiltering: N,
+      changeComparison: E,
+      getSelectTitle: F,
+      validateValue: (e, n) => {
+        (e === "number" || e === "float") && (n.value = n.value.replace(/[^0-9.,]/g, ""));
+      }
+    };
+  }
+}, Q = { class: "ev-grid-filter-setting__header" }, X = { class: "header-title" }, Y = { class: "ev-grid-filter-setting__content" }, Z = { class: "ev-grid-filter-setting__row--button" }, x = { class: "ev-grid-filter-setting__footer" };
+function $(i, c, l, t, S, k) {
+  const p = _("ev-icon"), m = _("ev-select"), f = _("ev-text-field"), h = _("ev-button"), y = L("clickoutside");
+  return t.isShowFilterSetting ? (r(), b(j, {
+    key: 0,
+    to: "#ev-grid-filter-setting-modal"
+  }, [
+    A((r(), w("section", {
+      class: "ev-grid-filter-setting",
+      style: C({
+        top: i.$props.position.top,
+        left: i.$props.position.left
+      })
+    }, [
+      d("div", Q, [
+        v(p, { icon: "ev-icon-filter-list" }),
+        d("span", X, " Filter (" + z(i.$props.column.caption) + ") ", 1)
+      ]),
+      d("div", Y, [
+        (r(!0), w(G, null, K(t.filteringItems, (o, s) => (r(), w("div", {
+          key: s,
+          class: "ev-grid-filter-setting__row"
+        }, [
+          v(m, {
+            modelValue: o.operator,
+            "onUpdate:modelValue": (a) => o.operator = a,
+            class: "ev-grid-filter-setting__row--operator",
+            title: t.getSelectTitle(t.items1, o.operator),
+            items: t.items1,
+            disabled: s > 1,
+            style: C({
+              visibility: s > 0 ? "visible" : "hidden"
+            }),
+            onChange: t.changeOperator
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "title", "items", "disabled", "style", "onChange"]),
+          v(m, {
+            modelValue: o.comparison,
+            "onUpdate:modelValue": (a) => o.comparison = a,
+            class: "ev-grid-filter-setting__row--comparison",
+            title: t.getSelectTitle(t.items2, o.comparison),
+            items: t.items2,
+            onChange: (a) => t.changeComparison(o.comparison, s)
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "title", "items", "onChange"]),
+          i.$props.column.type === "boolean" ? (r(), b(m, {
+            key: 0,
+            modelValue: o.value,
+            "onUpdate:modelValue": (a) => o.value = a,
+            class: "ev-grid-filter-setting__row--comparison",
+            items: t.booleanItems
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : (r(), b(f, {
+            key: 1,
+            modelValue: o.value,
+            "onUpdate:modelValue": (a) => o.value = a,
+            class: "ev-grid-filter-setting__row--value",
+            disabled: o.comparison === "isEmpty" || o.comparison === "isNotEmpty",
+            onInput: (a) => t.validateValue(i.$props.column.type, o)
+          }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "onInput"])),
+          d("div", Z, [
+            v(p, {
+              icon: "ev-icon-trash2",
+              onClick: (a) => t.removeRow(s)
+            }, null, 8, ["onClick"])
+          ])
+        ]))), 128))
+      ]),
+      d("div", x, [
+        v(h, {
+          type: "primary",
+          onClick: t.applyFiltering
+        }, {
+          default: M(() => [...c[0] || (c[0] = [
+            T(" OK ", -1)
+          ])]),
+          _: 1
+        }, 8, ["onClick"])
+      ])
+    ], 4)), [
+      [
+        y,
+        () => {
+          t.isShowFilterSetting = !1;
+        }
+      ]
+    ])
+  ])) : W("", !0);
+}
+const ie = /* @__PURE__ */ J(P, [["render", $]]);
+export {
+  ie as default
+};

package/dist/components/grid/GridPagination.vue.js

@@ -0,0 +1,69 @@
+import { ref as i, watch as d, resolveComponent as u, openBlock as g, createElementBlock as c, createVNode as m } from "vue";
+/* empty css                    */
+import p from "../../_virtual/_plugin-vue_export-helper.js";
+const s = {
+  name: "EvGridPagination",
+  props: {
+    total: {
+      type: [Number, String],
+      default: 0
+    },
+    visiblePage: {
+      type: [Number, String],
+      default: 8
+    },
+    perPage: {
+      type: [Number, String],
+      default: 20
+    },
+    modelValue: {
+      type: [Number, String],
+      default: 1
+    },
+    showPageInfo: {
+      type: Boolean,
+      default: !1
+    },
+    order: {
+      type: String,
+      default: "left",
+      validator: (a) => ["left", "right", "center"].includes(a)
+    }
+  },
+  emits: {
+    "update:modelValue": null
+  },
+  setup(a, { emit: n }) {
+    const e = i(a.modelValue), t = (o) => {
+      e.value = o > 0 ? o : 1, n("update:modelValue", e.value);
+    };
+    return d(
+      () => a.modelValue,
+      (o) => {
+        e.value = o;
+      }
+    ), {
+      currentValue: e,
+      changePage: t
+    };
+  }
+}, f = { class: "grid-pagination" };
+function v(a, n, e, t, o, _) {
+  const l = u("ev-pagination");
+  return g(), c("div", f, [
+    m(l, {
+      modelValue: t.currentValue,
+      "onUpdate:modelValue": n[0] || (n[0] = (r) => t.currentValue = r),
+      total: e.total,
+      "per-page": e.perPage,
+      "visible-page": e.visiblePage,
+      "show-page-info": e.showPageInfo,
+      order: e.order,
+      onChange: t.changePage
+    }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order", "onChange"])
+  ]);
+}
+const b = /* @__PURE__ */ p(s, [["render", v], ["__scopeId", "data-v-2e265290"]]);
+export {
+  b as default
+};

package/dist/components/grid/GridSummary.vue.js

@@ -0,0 +1,186 @@
+import { ref as W, computed as k, watch as j, nextTick as A, openBlock as u, createElementBlock as m, normalizeClass as C, createElementVNode as D, normalizeStyle as p, createCommentVNode as R, Fragment as O, renderList as F, toDisplayString as T } from "vue";
+import { numberWithComma as M } from "../../common/utils.js";
+import { bnPlus as E, bnFloor as B, bnDivide as z } from "../../common/utils.bignumber.js";
+/* empty css                 */
+import G from "../../_virtual/_plugin-vue_export-helper.js";
+const P = {
+  name: "EvGridSummary",
+  props: {
+    stores: {
+      type: Object,
+      default: () => ({})
+    },
+    orderedColumns: {
+      type: Object,
+      default: () => ({})
+    },
+    useCheckbox: {
+      type: Boolean,
+      default: !1
+    },
+    styleOption: {
+      type: Object,
+      default: () => ({})
+    },
+    isTree: {
+      type: Boolean,
+      default: !1
+    },
+    scrollLeft: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(y) {
+    const c = {
+      max: 20,
+      default: 3
+    }, I = W(), e = 2, b = k(() => y.stores), V = k(() => y.orderedColumns), n = k(() => y.useCheckbox), w = k(() => y.styleOption), N = (t) => t == null || t < 0 ? c.default : t > c.max ? c.max : t, H = (t, s) => {
+      if (typeof s == "string" && s.length === 0)
+        return s;
+      const { type: d, decimal: h } = t;
+      let l = s;
+      return d === "number" ? (l = M(s), l = l === !1 ? s : l) : d === "float" && (l = l.toFixed(N(h ?? c.default)).replace(/\B(?=(\d{3})+(?!\d))/g, ",")), l;
+    }, S = (t) => V.value.findIndex((s) => s.field === t), v = (t) => {
+      const { type: s, field: d, summaryType: h, summaryDecimal: l, summaryOnlyTopParent: _ } = t;
+      let o = "";
+      const x = S(d);
+      if (x >= 0) {
+        if (h === "count")
+          return b.value.store.length;
+        if (s === "number" || s === "float") {
+          let i = [];
+          switch (y.isTree ? i = b.value.store.reduce((r, a) => {
+            var g, f;
+            return _ ? a.parent || r.push((g = a.data) == null ? void 0 : g[d]) : r.push((f = a.data) == null ? void 0 : f[d]), r;
+          }, []) : i = b.value.store.map((r) => r[e][x]), h) {
+            case "sum": {
+              const r = i.reduce((a, g) => {
+                const f = Number(g);
+                return Number.isNaN(f) ? a : E(a, f);
+              }, 0);
+              o = r && B(r, N(l ?? c.default));
+              break;
+            }
+            case "average": {
+              const r = i.reduce((a, g) => {
+                const f = Number(g);
+                return Number.isNaN(f) ? a : E(a, f);
+              }, 0);
+              o = r && B(
+                z(r, i.length),
+                N(l ?? c.default)
+              );
+              break;
+            }
+            case "max": {
+              const r = i.filter((a) => a != null);
+              o = r.length ? Math.max(...r) : "";
+              break;
+            }
+            case "min": {
+              const r = i.filter((a) => a != null);
+              o = r.length ? Math.min(...r) : "";
+              break;
+            }
+          }
+          o = H(t, o);
+        }
+      }
+      return o;
+    }, L = (t) => {
+      const s = t.summaryRenderer, d = t.summaryData ? t.summaryData : [], h = [t.field, ...d];
+      let l = s;
+      return h.forEach((_, o) => {
+        const x = S(_);
+        if (x >= 0) {
+          const i = v(b.value.orderedColumns[x]);
+          l = l.replace(`{${o}}`, i);
+        }
+      }), l;
+    };
+    return j(
+      () => y.scrollLeft,
+      (t) => {
+        A(() => {
+          I.value.scrollLeft = t;
+        });
+      }
+    ), {
+      columns: V,
+      styleInfo: w,
+      showCheckbox: n,
+      summaryRef: I,
+      getSummaryValue: v,
+      getSummaryRenderer: L
+    };
+  }
+}, X = { class: "column-list" }, q = ["title"], J = ["title"];
+function K(y, c, I, e, b, V) {
+  return u(), m("div", {
+    ref: "summaryRef",
+    class: C({
+      "grid-summary": !0,
+      "non-border": e.styleInfo.borderStyle === "none"
+    })
+  }, [
+    D("ul", X, [
+      e.showCheckbox ? (u(), m("li", {
+        key: 0,
+        class: C({
+          column: !0,
+          "non-border": !!e.styleInfo.borderStyle
+        }),
+        style: p({
+          width: `${e.styleInfo.minWidth}px`,
+          "line-height": `${e.styleInfo.rowHeight}px`
+        })
+      }, [
+        D("span", {
+          style: p({ height: `${e.styleInfo.rowHeight}px` })
+        }, null, 4)
+      ], 6)) : R("", !0),
+      (u(!0), m(O, null, F(e.columns, (n, w) => (u(), m(O, {
+        key: `summary_${w}`
+      }, [
+        n.hide ? R("", !0) : (u(), m("li", {
+          key: 0,
+          class: C({
+            column: !0,
+            "non-border": !!e.styleInfo.borderStyle,
+            [n.type]: n.type,
+            [n.align]: n.align
+          }),
+          style: p({
+            width: `${n.width}px`,
+            "min-width": `${e.styleInfo.minWidth}px`,
+            "line-height": `${e.styleInfo.rowHeight}px`
+          })
+        }, [
+          n.summaryType || n.summaryRenderer ? (u(), m("span", {
+            key: 0,
+            style: p({
+              width: "100%",
+              height: `${e.styleInfo.rowHeight}px`
+            })
+          }, [
+            n.summaryRenderer ? (u(), m("div", {
+              key: 0,
+              title: e.getSummaryRenderer(n)
+            }, T(e.getSummaryRenderer(n)), 9, q)) : (u(), m("div", {
+              key: 1,
+              title: e.getSummaryValue(n)
+            }, T(e.getSummaryValue(n)), 9, J))
+          ], 4)) : (u(), m("span", {
+            key: 1,
+            style: p({ height: `${e.styleInfo.rowHeight}px` })
+          }, null, 4))
+        ], 6))
+      ], 64))), 128))
+    ])
+  ], 2);
+}
+const ee = /* @__PURE__ */ G(P, [["render", K], ["__scopeId", "data-v-4b9bef37"]]);
+export {
+  ee as default
+};