@itguy614/clean-ui 0.9.0 → 1.0.0

package/dist/components/CuiDataGridFilterPanel.vue.js

@@ -0,0 +1,181 @@
+import { defineComponent as U, ref as B, watch as D, computed as O, unref as n, openBlock as u, createElementBlock as o, createElementVNode as s, toDisplayString as c, createVNode as d, normalizeStyle as N, withCtx as y, Fragment as h, renderList as x, createBlock as m, createCommentVNode as V, createTextVNode as C } from "vue";
+import { useDataGridState as M } from "../composables/useDataGrid.js";
+import $ from "./CuiInput.vue.js";
+import w from "./CuiSelect.vue.js";
+import E from "./CuiCheckbox.vue.js";
+import p from "./CuiButton.vue.js";
+import b from "./CuiIcon.vue.js";
+import { useMessages as R } from "../composables/useMessages.js";
+const j = {
+  key: 0,
+  class: "cui-data-grid-filter-panel"
+}, L = { class: "cui-data-grid-filter-panel__header" }, q = { class: "cui-data-grid-filter-panel__title" }, H = { style: { display: "flex", gap: "calc(0.25rem * var(--cui-density-scale, 1))" } }, J = { class: "cui-data-grid-filter-panel__body" }, Q = { class: "cui-data-grid-filter-panel__label" }, W = {
+  key: 2,
+  style: { display: "flex", "flex-direction": "column", gap: "calc(0.25rem * var(--cui-density-scale, 1))" }
+}, X = {
+  key: 3,
+  style: { display: "flex", gap: "calc(0.5rem * var(--cui-density-scale, 1))" }
+}, Y = ["value", "onInput"], Z = ["value", "onInput"], ee = { class: "cui-data-grid-filter-panel__footer" }, de = /* @__PURE__ */ U({
+  __name: "CuiDataGridFilterPanel",
+  setup(te) {
+    const f = R(), r = M(), i = B({});
+    D(
+      () => r.filterPanelOpen.value,
+      (t) => {
+        t && A();
+      },
+      { immediate: !0 }
+    );
+    function A() {
+      const t = {};
+      for (const l of r.filters.value)
+        t[l.key] = l.value;
+      i.value = t;
+    }
+    function S(t) {
+      return String(i.value[t] ?? "");
+    }
+    function K(t, l) {
+      i.value = { ...i.value, [t]: String(l) };
+    }
+    function z(t) {
+      return String(i.value[t] ?? "");
+    }
+    function T(t, l) {
+      i.value = { ...i.value, [t]: String(l) };
+    }
+    function _(t) {
+      const l = i.value[t];
+      return Array.isArray(l) ? l : l ? [l] : [];
+    }
+    function F(t, l) {
+      const e = _(t), a = e.includes(l) ? e.filter((k) => k !== l) : [...e, l];
+      i.value = { ...i.value, [t]: a };
+    }
+    function v(t) {
+      const l = i.value[t];
+      return Array.isArray(l) && l.length === 2 ? [l[0], l[1]] : ["", ""];
+    }
+    function g(t, l, e) {
+      const a = v(t);
+      a[l] = String(e), i.value = { ...i.value, [t]: [...a] };
+    }
+    function P() {
+      r.clearFilters();
+      for (const t of r.filterableColumns.value) {
+        const l = t.filterKey ?? t.key, e = i.value[l];
+        !e || Array.isArray(e) && e.length === 0 || e === "" || t.filterType === "date-range" && Array.isArray(e) && (!e[0] || !e[1]) || r.applyFilter({
+          key: l,
+          value: e,
+          type: t.filterType ?? "text"
+        });
+      }
+    }
+    function G() {
+      i.value = {}, r.clearFilters();
+    }
+    const I = O(() => Object.values(i.value).some((t) => Array.isArray(t) ? t.length > 0 && t.some(Boolean) : !!t));
+    return (t, l) => n(r).filterPanelOpen.value ? (u(), o("div", j, [
+      s("div", L, [
+        s("span", q, c(n(f).dataGrid.filters), 1),
+        s("div", H, [
+          d(p, {
+            variant: "ghost",
+            size: "xs",
+            style: N({ color: n(r).filterPanelPinned.value ? "var(--cui-primary)" : void 0 }),
+            onClick: l[0] || (l[0] = (e) => n(r).toggleFilterPanelPin())
+          }, {
+            default: y(() => [
+              d(b, {
+                name: "push-pin",
+                size: "0.875rem"
+              })
+            ]),
+            _: 1
+          }, 8, ["style"]),
+          d(p, {
+            variant: "ghost",
+            size: "xs",
+            onClick: l[1] || (l[1] = (e) => n(r).toggleFilterPanel())
+          }, {
+            default: y(() => [
+              d(b, {
+                name: "x",
+                size: "0.875rem"
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      s("div", J, [
+        (u(!0), o(h, null, x(n(r).filterableColumns.value, (e) => (u(), o("div", {
+          key: e.key,
+          class: "cui-data-grid-filter-panel__field"
+        }, [
+          s("label", Q, c(e.label), 1),
+          e.filterType === "text" || !e.filterType ? (u(), m($, {
+            key: 0,
+            "model-value": S(e.filterKey ?? e.key),
+            placeholder: n(f).dataGrid.filterColumn(e.label),
+            size: "sm",
+            "onUpdate:modelValue": (a) => K(e.filterKey ?? e.key, a)
+          }, null, 8, ["model-value", "placeholder", "onUpdate:modelValue"])) : e.filterType === "select" ? (u(), m(w, {
+            key: 1,
+            "model-value": z(e.filterKey ?? e.key),
+            options: [{ label: n(f).dataGrid.all, value: "" }, ...e.filterOptions ?? []],
+            size: "sm",
+            "onUpdate:modelValue": (a) => T(e.filterKey ?? e.key, String(a ?? ""))
+          }, null, 8, ["model-value", "options", "onUpdate:modelValue"])) : e.filterType === "multi-select" ? (u(), o("div", W, [
+            (u(!0), o(h, null, x(e.filterOptions ?? [], (a) => (u(), m(E, {
+              key: a.value,
+              "model-value": _(e.filterKey ?? e.key).includes(a.value),
+              label: a.label,
+              size: "sm",
+              "onUpdate:modelValue": (k) => F(e.filterKey ?? e.key, a.value)
+            }, null, 8, ["model-value", "label", "onUpdate:modelValue"]))), 128))
+          ])) : e.filterType === "date-range" ? (u(), o("div", X, [
+            s("input", {
+              type: "date",
+              class: "cui-data-grid-filter-panel__date-input",
+              value: v(e.filterKey ?? e.key)[0],
+              onInput: (a) => g(e.filterKey ?? e.key, 0, a.target.value)
+            }, null, 40, Y),
+            s("input", {
+              type: "date",
+              class: "cui-data-grid-filter-panel__date-input",
+              value: v(e.filterKey ?? e.key)[1],
+              onInput: (a) => g(e.filterKey ?? e.key, 1, a.target.value)
+            }, null, 40, Z)
+          ])) : V("", !0)
+        ]))), 128))
+      ]),
+      s("div", ee, [
+        d(p, {
+          size: "xs",
+          variant: "solid",
+          onClick: P
+        }, {
+          default: y(() => [
+            C(c(n(f).apply), 1)
+          ]),
+          _: 1
+        }),
+        d(p, {
+          size: "xs",
+          variant: "ghost",
+          disabled: !I.value,
+          onClick: G
+        }, {
+          default: y(() => [
+            C(c(n(f).clearAll), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ])) : V("", !0);
+  }
+});
+export {
+  de as default
+};

package/dist/components/CuiDataGridFilterPanel.vue3.js

@@ -0,0 +1,5 @@
+import o from "./CuiDataGridFilterPanel.vue.js";
+/* empty css                            */
+export {
+  o as default
+};

package/dist/components/CuiDataGridPagination.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent as p, openBlock as g, createBlock as u, unref as t } from "vue";
+import { useDataGridState as c } from "../composables/useDataGrid.js";
+import s from "./CuiPagination.vue.js";
+const d = /* @__PURE__ */ p({
+  __name: "CuiDataGridPagination",
+  emits: ["navigate"],
+  setup(l, { emit: o }) {
+    const a = c(), n = o;
+    function i(e) {
+      a.setPage(e), n("navigate");
+    }
+    function r(e) {
+      a.setPerPage(e), n("navigate");
+    }
+    return (e, m) => (g(), u(s, {
+      "current-page": t(a).paginationMeta.value.current_page,
+      "total-pages": t(a).paginationMeta.value.last_page,
+      "per-page": t(a).paginationMeta.value.per_page,
+      total: t(a).paginationMeta.value.total,
+      size: "sm",
+      "onUpdate:currentPage": i,
+      "onUpdate:perPage": r
+    }, null, 8, ["current-page", "total-pages", "per-page", "total"]));
+  }
+});
+export {
+  d as default
+};

package/dist/components/CuiDataGridPagination.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiDataGridPagination.vue.js";
+export {
+  f as default
+};

package/dist/components/CuiDataGridSearch.vue.js

@@ -0,0 +1,69 @@
+import { defineComponent as m, ref as c, watch as d, openBlock as f, createElementBlock as p, createVNode as r, withKeys as h, unref as v, createSlots as _, withCtx as i } from "vue";
+import { useDataGridState as g } from "../composables/useDataGrid.js";
+import x from "./CuiInput.vue.js";
+import s from "./CuiIcon.vue.js";
+import y from "./CuiButton.vue.js";
+import { useMessages as C } from "../composables/useMessages.js";
+const w = { style: { position: "relative", "max-width": "20rem", flex: "1" } }, D = /* @__PURE__ */ m({
+  __name: "CuiDataGridSearch",
+  setup(S) {
+    const l = C();
+    let o = null;
+    const a = g(), e = c(a.searchQuery.value);
+    d(
+      () => a.searchQuery.value,
+      (t) => {
+        e.value = t;
+      }
+    );
+    function u(t) {
+      e.value = String(t), o && clearTimeout(o), o = setTimeout(() => {
+        a.search(e.value);
+      }, 300);
+    }
+    function n() {
+      e.value = "", a.clearSearch();
+    }
+    return (t, k) => (f(), p("div", w, [
+      r(x, {
+        "model-value": e.value,
+        placeholder: v(l).dataGrid.search,
+        size: "sm",
+        "onUpdate:modelValue": u,
+        onKeydown: h(n, ["escape"])
+      }, _({
+        prefix: i(() => [
+          r(s, {
+            name: "magnifying-glass",
+            size: "0.875rem"
+          })
+        ]),
+        _: 2
+      }, [
+        e.value ? {
+          name: "suffix",
+          fn: i(() => [
+            r(y, {
+              variant: "ghost",
+              size: "xs",
+              onClick: n,
+              style: { margin: "-0.25rem" }
+            }, {
+              default: i(() => [
+                r(s, {
+                  name: "x",
+                  size: "0.75rem"
+                })
+              ]),
+              _: 1
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["model-value", "placeholder"])
+    ]));
+  }
+});
+export {
+  D as default
+};

package/dist/components/CuiDataGridSearch.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiDataGridSearch.vue.js";
+export {
+  f as default
+};

package/dist/components/CuiDataGridTable.vue.js

@@ -0,0 +1,336 @@
+import { defineComponent as X, computed as c, ref as Y, openBlock as r, createBlock as s, unref as d, withCtx as n, createVNode as f, normalizeStyle as p, createCommentVNode as y, createElementBlock as k, Fragment as b, renderList as w, createElementVNode as _, createTextVNode as S, toDisplayString as z, withModifiers as T, renderSlot as Z } from "vue";
+import { useDataGridState as ee } from "../composables/useDataGrid.js";
+import { useVirtualScroll as te } from "../composables/useVirtualScroll.js";
+import le from "./CuiTable.vue.js";
+/* empty css              */
+import ae from "./CuiTableHead.vue.js";
+import ie from "./CuiTableBody.vue.js";
+import M from "./CuiTableRow.vue.js";
+import h from "./CuiTableCell.vue.js";
+import N from "./CuiCheckbox.vue.js";
+import W from "./CuiIcon.vue.js";
+import re from "./CuiDropdown.vue.js";
+import ne from "./CuiDropdownTrigger.vue.js";
+import oe from "./CuiDropdownMenu.vue.js";
+import E from "./CuiDropdownItem.vue.js";
+import ue from "./CuiButton.vue.js";
+import se from "./CuiContextMenu.vue.js";
+const de = { style: { display: "inline-flex", "align-items": "center", gap: "calc(0.25rem * var(--cui-density-scale, 1))" } }, ce = ["colspan"], fe = ["colspan"], He = /* @__PURE__ */ X({
+  __name: "CuiDataGridTable",
+  props: {
+    rowKey: { default: "id" },
+    bulkActions: {},
+    showSelectAll: { type: Boolean, default: !0 },
+    stickyHeader: { type: Boolean, default: !0 },
+    maxHeight: {},
+    striped: { type: Boolean, default: !1 },
+    hoverable: { type: Boolean, default: !0 },
+    bordered: { type: Boolean, default: !1 },
+    size: { default: "md" },
+    virtualize: { type: Boolean, default: !1 },
+    virtualRowHeight: {}
+  },
+  emits: ["row-click", "row-action"],
+  setup(u, { emit: U }) {
+    const m = u, $ = U, i = ee(), g = c(() => {
+      var t;
+      return (((t = m.bulkActions) == null ? void 0 : t.length) ?? 0) > 0;
+    }), C = c(
+      () => i.displayData.value.some((t) => t._actions && t._actions.length > 0)
+    );
+    function B(t) {
+      return String(t[m.rowKey] ?? "");
+    }
+    function D(t) {
+      return i.selectedRows.value.has(B(t));
+    }
+    const H = c(() => {
+      const t = i.displayData.value;
+      if (t.length === 0) return !1;
+      const a = t.filter((e) => D(e)).length;
+      return a === 0 ? !1 : a === t.length ? !0 : "indeterminate";
+    });
+    function G(t) {
+      t ? i.selectAll(i.displayData.value) : i.clearSelection();
+    }
+    function x(t) {
+      return t._actions ?? [];
+    }
+    function O(t) {
+      var o;
+      const a = i.columns.find((l) => l.key === t), e = (a == null ? void 0 : a.sortKey) ?? t;
+      return ((o = i.sort.value) == null ? void 0 : o.key) === e ? i.sort.value.direction === "asc" ? "caret-up" : "caret-down" : "caret-up-down";
+    }
+    function F(t) {
+      var o;
+      const a = i.columns.find((l) => l.key === t), e = (a == null ? void 0 : a.sortKey) ?? t;
+      return ((o = i.sort.value) == null ? void 0 : o.key) === e ? "1" : "0.3";
+    }
+    const L = c(() => {
+      const t = i.visibleColumns.value;
+      if (!t.some((o) => o.width)) return;
+      let e = 0;
+      g.value && (e += 48);
+      for (const o of t)
+        e += parseInt(o.width ?? "150", 10) || 150;
+      return C.value && (e += 48), `${e}px`;
+    }), V = c(() => {
+      const t = /* @__PURE__ */ new Map();
+      let a = 0;
+      g.value && (a += 48);
+      for (const e of i.visibleColumns.value)
+        e.sticky && e.width ? (t.set(e.key, `${a}px`), a += parseInt(e.width, 10) || 0) : e.sticky && t.set(e.key, `${a}px`);
+      return t;
+    }), A = c(() => {
+      const t = i.visibleColumns.value;
+      for (let a = t.length - 1; a >= 0; a--)
+        if (t[a].sticky) return t[a].key;
+      return null;
+    });
+    function j(t) {
+      const a = V.value.get(t);
+      if (!a) return;
+      const e = {
+        position: "sticky",
+        left: a,
+        zIndex: 4,
+        background: "var(--cui-table-head-bg, var(--color-surface-50))"
+      };
+      return t === A.value && (e.boxShadow = "2px 0 4px -1px rgba(0,0,0,0.08)"), e;
+    }
+    function q(t) {
+      const a = V.value.get(t.key), e = !!a, o = m.stickyHeader, l = t.sortable ? { cursor: "pointer", userSelect: "none" } : {};
+      return (e || o) && (l.position = "sticky", l.background = "var(--cui-table-head-bg, var(--color-surface-50))", l.zIndex = e && o ? 11 : e ? 5 : 10), o && (l.top = 0), e && (l.left = a, t.key === A.value && (l.boxShadow = "2px 0 4px -1px rgba(0,0,0,0.08)")), l;
+    }
+    const I = c(
+      () => m.stickyHeader ? {
+        position: "sticky",
+        top: 0,
+        zIndex: 10,
+        background: "var(--cui-table-head-bg, var(--color-surface-50))"
+      } : {}
+    ), R = Y(null);
+    function J(t) {
+      R.value = m.virtualize && m.maxHeight ? t : null;
+    }
+    const v = te(
+      c(() => i.displayData.value),
+      {
+        containerRef: R,
+        rowHeight: m.virtualRowHeight
+      }
+    ), P = c(
+      () => m.virtualize ? v.visibleRows.value : i.displayData.value
+    ), K = c(() => {
+      let t = i.visibleColumns.value.length;
+      return g.value && (t += 1), C.value && (t += 1), t;
+    });
+    return (t, a) => (r(), s(le, {
+      ref: (e) => J((e == null ? void 0 : e.scrollWrapper) ?? null),
+      size: u.size,
+      striped: u.striped,
+      hoverable: u.hoverable,
+      bordered: u.bordered,
+      "sticky-header": u.stickyHeader,
+      "max-height": u.maxHeight,
+      "min-width": L.value,
+      "aria-rowcount": u.virtualize ? d(i).displayData.value.length + 1 : void 0
+    }, {
+      default: n(() => [
+        f(ae, null, {
+          default: n(() => [
+            f(M, {
+              "aria-rowindex": u.virtualize ? 1 : void 0
+            }, {
+              default: n(() => [
+                g.value ? (r(), s(h, {
+                  key: 0,
+                  width: "3rem",
+                  align: "center",
+                  style: p(I.value)
+                }, {
+                  default: n(() => [
+                    u.showSelectAll ? (r(), s(N, {
+                      key: 0,
+                      "model-value": H.value === !0,
+                      indeterminate: H.value === "indeterminate",
+                      "onUpdate:modelValue": G
+                    }, null, 8, ["model-value", "indeterminate"])) : y("", !0)
+                  ]),
+                  _: 1
+                }, 8, ["style"])) : y("", !0),
+                (r(!0), k(b, null, w(d(i).visibleColumns.value, (e) => (r(), s(h, {
+                  key: e.key,
+                  align: e.align,
+                  width: e.width,
+                  nowrap: e.nowrap,
+                  style: p(q(e)),
+                  onClick: (o) => e.sortable ? d(i).applySort(e.key) : void 0
+                }, {
+                  default: n(() => [
+                    _("span", de, [
+                      S(z(e.label) + " ", 1),
+                      e.sortable ? (r(), s(W, {
+                        key: 0,
+                        name: O(e.key),
+                        size: "0.875rem",
+                        style: p({ opacity: F(e.key) })
+                      }, null, 8, ["name", "style"])) : y("", !0)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["align", "width", "nowrap", "style", "onClick"]))), 128)),
+                C.value ? (r(), s(h, {
+                  key: 1,
+                  width: "3rem",
+                  style: p(I.value)
+                }, null, 8, ["style"])) : y("", !0)
+              ]),
+              _: 1
+            }, 8, ["aria-rowindex"])
+          ]),
+          _: 1
+        }),
+        f(ie, null, {
+          default: n(() => [
+            u.virtualize && d(v).paddingTop.value > 0 ? (r(), k("tr", {
+              key: 0,
+              "aria-hidden": "true",
+              style: p({ height: `${d(v).paddingTop.value}px`, padding: 0, border: 0 })
+            }, [
+              _("td", {
+                colspan: K.value,
+                style: { padding: "0", border: "none" }
+              }, null, 8, ce)
+            ], 4)) : y("", !0),
+            (r(!0), k(b, null, w(P.value, (e, o) => (r(), s(se, {
+              key: B(e),
+              disabled: x(e).length === 0
+            }, {
+              menu: n(() => [
+                (r(!0), k(b, null, w(x(e), (l) => (r(), s(E, {
+                  key: l.key,
+                  onSelect: (Q) => $("row-action", { action: l, row: e })
+                }, {
+                  default: n(() => [
+                    S(z(l.label), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["onSelect"]))), 128))
+              ]),
+              default: n(() => [
+                f(M, {
+                  ref_for: !0,
+                  ref: (l) => {
+                    u.virtualize && o === 0 && d(v).measureRow((l == null ? void 0 : l.rowEl) ?? null);
+                  },
+                  selected: D(e),
+                  "aria-rowindex": u.virtualize ? d(v).firstVisibleIndex.value + o + 2 : void 0,
+                  style: { cursor: "pointer" },
+                  onClick: (l) => $("row-click", { row: e })
+                }, {
+                  default: n(() => [
+                    g.value ? (r(), s(h, {
+                      key: 0,
+                      align: "center",
+                      onClick: a[0] || (a[0] = T(() => {
+                      }, ["stop"]))
+                    }, {
+                      default: n(() => [
+                        f(N, {
+                          "model-value": D(e),
+                          "onUpdate:modelValue": (l) => d(i).toggleSelection(B(e))
+                        }, null, 8, ["model-value", "onUpdate:modelValue"])
+                      ]),
+                      _: 2
+                    }, 1024)) : y("", !0),
+                    (r(!0), k(b, null, w(d(i).visibleColumns.value, (l) => (r(), s(h, {
+                      key: l.key,
+                      align: l.align,
+                      nowrap: l.nowrap,
+                      style: p(j(l.key))
+                    }, {
+                      default: n(() => [
+                        Z(t.$slots, `cell-${l.key}`, {
+                          value: e[l.key],
+                          row: e
+                        }, () => [
+                          S(z(e[l.key]), 1)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["align", "nowrap", "style"]))), 128)),
+                    C.value ? (r(), s(h, {
+                      key: 1,
+                      align: "right",
+                      onClick: a[1] || (a[1] = T(() => {
+                      }, ["stop"]))
+                    }, {
+                      default: n(() => [
+                        x(e).length > 0 ? (r(), s(re, { key: 0 }, {
+                          default: n(() => [
+                            f(ne, null, {
+                              default: n(() => [
+                                f(ue, {
+                                  variant: "ghost",
+                                  size: "xs",
+                                  style: { opacity: "0.4" }
+                                }, {
+                                  default: n(() => [
+                                    f(W, {
+                                      name: "dots-three",
+                                      size: "1rem"
+                                    })
+                                  ]),
+                                  _: 1
+                                })
+                              ]),
+                              _: 1
+                            }),
+                            f(oe, null, {
+                              default: n(() => [
+                                (r(!0), k(b, null, w(x(e), (l) => (r(), s(E, {
+                                  key: l.key,
+                                  onSelect: (Q) => $("row-action", { action: l, row: e })
+                                }, {
+                                  default: n(() => [
+                                    S(z(l.label), 1)
+                                  ]),
+                                  _: 2
+                                }, 1032, ["onSelect"]))), 128))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)) : y("", !0)
+                      ]),
+                      _: 2
+                    }, 1024)) : y("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["selected", "aria-rowindex", "onClick"])
+              ]),
+              _: 2
+            }, 1032, ["disabled"]))), 128)),
+            u.virtualize && d(v).paddingBottom.value > 0 ? (r(), k("tr", {
+              key: 1,
+              "aria-hidden": "true",
+              style: p({ height: `${d(v).paddingBottom.value}px`, padding: 0, border: 0 })
+            }, [
+              _("td", {
+                colspan: K.value,
+                style: { padding: "0", border: "none" }
+              }, null, 8, fe)
+            ], 4)) : y("", !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["size", "striped", "hoverable", "bordered", "sticky-header", "max-height", "min-width", "aria-rowcount"]));
+  }
+});
+export {
+  He as default
+};

package/dist/components/CuiDataGridTable.vue2.js

@@ -0,0 +1,4 @@
+import f from "./CuiDataGridTable.vue.js";
+export {
+  f as default
+};