@quoreadmin/ui 1.4.8 → 1.5.0

package/dist/index16.js

@@ -1,318 +1,138 @@
-import N from "./index85.js";
-import { resolveComponent as m, createElementBlock as r, openBlock as o, mergeProps as v, toHandlerKey as F, createCommentVNode as d, createElementVNode as n, normalizeStyle as p, normalizeClass as t, renderSlot as b, createVNode as u, createSlots as H, renderList as y, withCtx as w, withModifiers as S, normalizeProps as V, guardReactiveProps as B, createTextVNode as $, toDisplayString as g, Fragment as k, createBlock as R } from "vue";
+import k from "./index86.js";
+import { createElementBlock as i, openBlock as s, normalizeClass as u, renderSlot as t, createCommentVNode as m, createElementVNode as d, normalizeStyle as y, Fragment as a, renderList as n, mergeProps as p, createTextVNode as $, toDisplayString as g } from "vue";
 /* empty css        */
-import T from "./index60.js";
-const M = ["id"], q = ["id"], D = {
-  class: /* @__PURE__ */ t([
-    "fixed-scrollable overflow-x-auto overflow-y-hidden z-20"
-  ]),
-  ref: "fixedScrollableContainer"
-}, X = { class: "min-w-full" }, L = { class: "flex items-center" }, O = { key: 0 }, j = ["id"], E = { class: "min-w-full" }, W = { class: "flex items-center" }, A = { key: 0 }, I = ["id"], K = ["id", "onClick"], Q = {
+import P from "./index61.js";
+const v = ["id"], b = ["id"], S = ["id"], w = ["id"], V = ["id"], C = ["id"], F = ["id"], R = ["id", "onClick"], L = {
   key: 1,
-  id: "no-results",
-  class: /* @__PURE__ */ t([
-    "flex flex-col items-center justify-center",
-    "bg-white rounded-b-lg p-12"
-  ])
-}, G = ["src"], J = { class: "font-bold text-inkwell-0 text-base" };
-function Y(e, i, Z, x, _, ee) {
-  const C = m("q-checkbox"), c = m("q-data-table-head"), P = m("q-data-table-cell"), z = m("q-icon");
-  return o(), r("div", v({
+  class: "list ordered-list"
+}, N = ["id", "onClick"], D = ["id"], H = {
+  key: 1,
+  class: "list-wrapper"
+}, c = ["id"], z = ["id"];
+function E(e, h, I, T, B, O) {
+  return s(), i("div", {
     id: e.id,
-    class: [
-      "table-container relative border border-gray-20 rounded-lg",
+    class: u([
+      "q-data-list",
       {
         "has-data-filter": !!e.$slots.dataFilter,
         "has-no-results": !e.modelValue.length,
-        "has-pinned-headers": e.pinHeaders,
         "is-device": !e.isDesktop,
         "is-fixed": e.isFixed,
-        "is-loading": e.loading,
-        scrollable: e.scrollable
+        "is-loading": e.loading
       }
-    ],
-    style: `
-            padding-top: ${e.isFixed && e.pinHeaders && e.dataFilterContainer?.clientHeight || 0}px;
-        `,
-    ref: "tableContainer"
-  }, {
-    [F(e.isDesktop && "mouseenter")]: i[7] || (i[7] = (l) => {
-      e.hovered = !0, e.getScrollButtonTop();
-    })
-  }, {
-    [F(e.isDesktop && "mouseleave")]: i[8] || (i[8] = (l) => e.hovered = !1)
-  }), [
-    e.$slots.dataFilter ? (o(), r("div", {
-      key: 0,
-      class: t([
-        "data-filter-container rounded-t-lg z-30",
-        { "fixed z-20 border border-b-0 border-gray-20 -ml-px -mt-px": e.isFixed && e.pinHeaders }
-      ]),
-      style: p(`
-                top: ${e.isFixed && e.pinHeaders ? e.fixedTopOffset : 0}px;
-                width: ${e.isFixed && e.pinHeaders ? e.scrollableContainerWidth + 2 + "px" : "auto"};
-            `),
-      ref: "dataFilterContainer"
-    }, [
-      b(e.$slots, "dataFilter", {}, void 0, !0)
-    ], 6)) : d("", !0),
-    n("div", {
-      id: `${e.id ? e.id + "-" : ""}fixed-scrollable-container`,
-      class: t([
-        "fixed-scrollable-container",
-        "fixed z-20 -ml-px",
-        "border border-b-0 border-gray-20",
-        e.$slots.dataFilter ? "border-t-0" : "rounded-t-lg",
-        { invisible: !(e.isFixed && e.pinHeaders) }
-      ]),
-      style: p(`
-                top: ${e.fixedTopOffset + (e.dataFilterContainer?.clientHeight || 0)}px;
-                width: ${e.scrollableContainerWidth + 2}px;
-            `)
-    }, [
-      n("div", D, [
-        n("table", X, [
-          u(c, {
-            id: `${e.id ? e.id + "-" : ""}fixed`,
-            columns: e.columns,
-            "row-count": e.modelValue.length,
-            scrollable: e.scrollable,
-            "scrollable-container-x": e.fixedScrollableContainerX,
-            "scroll-max": e.scrollMax,
-            "th-classes": e.thClasses,
-            "onClick:th": e.onClickColumnHeader
-          }, H({ _: 2 }, [
-            y(e.columns, (l, a) => ({
-              name: `head(${l.key})`,
-              fn: w(() => [
-                n("div", L, [
-                  e.isMultiSelect && a === 0 ? (o(), r("div", O, [
-                    u(C, {
-                      modelValue: e.allCheckboxSelected,
-                      "onUpdate:modelValue": i[0] || (i[0] = (h) => e.allCheckboxSelected = h),
-                      icon: e.selectedRows.length < e.modelValue.length ? "minus" : "check",
-                      class: "mr-3",
-                      "onUpdate:checked": e.onUpdateAllCheckboxes,
-                      onClick: i[1] || (i[1] = S(() => {
-                      }, ["stop"]))
-                    }, null, 8, ["modelValue", "icon", "onUpdate:checked"])
-                  ])) : d("", !0),
-                  b(e.$slots, `head(${l.key})`, V(B(l)), () => [
-                    $(g(typeof l == "string" ? l : l.name), 1)
-                  ], !0),
-                  l.sortable ? (o(), r("div", {
-                    key: 1,
-                    class: t([
-                      "sort relative h-4 w-4 shrink-0",
-                      e.sortBy === (l.key || l) && e.orderBy ? `order-by-${e.orderBy}` : ""
-                    ])
-                  }, null, 2)) : d("", !0)
-                ])
-              ])
-            }))
-          ]), 1032, ["id", "columns", "row-count", "scrollable", "scrollable-container-x", "scroll-max", "th-classes", "onClick:th"])
+    ]),
+    ref: "dataListRef"
+  }, [
+    e.hasSearch ? t(e.$slots, "search-and-filters", { key: 0 }, () => [
+      d("div", {
+        ref: "searchRef",
+        id: `${e.id ? e.id + "-" : ""}search-and-filters`,
+        class: u([
+          "data-filter-wrapper search-and-filters",
+          { "fixed right-0 left-0 top-0 pt-4 pl-4 pr-4 z-10 bg-white overflow-hidden": e.hiddenSearch },
+          { "is-shown border-b border-gray-20": e.hiddenSearch && e.isSearchVisible },
+          { "!hidden h-px": e.hiddenSearch && e.searchHeight <= 16 }
+        ]),
+        style: y([
+          e.hiddenSearch && e.searchHeight >= 0 ? `height: ${e.searchHeight}px;` : "",
+          `top: ${e.defaultSearchTop}px;`
         ])
-      ], 512)
-    ], 14, q),
-    n("div", {
-      id: `${e.id ? e.id + "-" : ""}scrollable-container`,
-      class: t([
-        "scrollable-container",
-        "overflow-x-auto overflow-y-hidden rounded-b-lg",
-        { "rounded-t-lg": !e.$slots.dataFilter }
-      ]),
-      ref: "scrollableContainer"
-    }, [
-      n("table", E, [
-        u(c, {
-          id: e.id,
-          class: t({ invisible: e.isFixed && e.pinHeaders }),
-          columns: e.columns,
-          "row-count": e.modelValue.length,
-          scrollable: e.scrollable,
-          "scrollable-container-x": e.scrollableContainerX,
-          "scroll-max": e.scrollMax,
-          "th-classes": e.thClasses,
-          "onClick:th": e.onClickColumnHeader
-        }, H({ _: 2 }, [
-          y(e.columns, (l, a) => ({
-            name: `head(${l.key})`,
-            fn: w(() => [
-              n("div", W, [
-                e.isMultiSelect && a === 0 ? (o(), r("div", A, [
-                  u(C, {
-                    modelValue: e.allCheckboxSelected,
-                    "onUpdate:modelValue": i[2] || (i[2] = (h) => e.allCheckboxSelected = h),
-                    icon: e.selectedRows.length < e.modelValue.length ? "minus" : "check",
-                    class: "mr-3",
-                    "onUpdate:checked": e.onUpdateAllCheckboxes,
-                    onClick: i[3] || (i[3] = S(() => {
-                    }, ["stop"]))
-                  }, null, 8, ["modelValue", "icon", "onUpdate:checked"])
-                ])) : d("", !0),
-                b(e.$slots, `head(${l.key})`, V(B(l)), () => [
-                  $(g(typeof l == "string" ? l : l.name), 1)
-                ], !0),
-                l.sortable ? (o(), r("div", {
-                  key: 1,
-                  class: t([
-                    "sort relative h-4 w-4 shrink-0",
-                    e.sortBy === (l.key || l) && e.orderBy ? `order-by-${e.orderBy}` : ""
-                  ])
-                }, null, 2)) : d("", !0)
-              ])
-            ])
-          }))
-        ]), 1032, ["id", "class", "columns", "row-count", "scrollable", "scrollable-container-x", "scroll-max", "th-classes", "onClick:th"]),
-        n("tbody", {
-          id: `${e.id ? e.id + "-" : ""}tbody`,
-          ref: "tbodyContainer"
+      }, [
+        e.$slots.dataFilter ? (s(), i("div", {
+          key: 0,
+          id: `${e.id ? e.id + "-" : ""}data-filter-container`,
+          class: "data-filter-container mb-4"
         }, [
-          (o(!0), r(k, null, y(e.totalPages, (l) => (o(), r(k, { key: l }, [
-            l <= e.page ? (o(!0), r(k, { key: 0 }, y(e.loading ? e.skeletonData : e.modelValue.slice(
-              (l - 1) * e.itemsPerPage,
-              (l - 1) * e.itemsPerPage + e.itemsPerPage
-            ), (a, h) => (o(), r("tr", {
-              key: `${e.id ? e.id + "-" : ""}tr-${(l - 1) * e.itemsPerPage + Number(h)}`,
-              id: `${e.id ? e.id + "-" : ""}tr-${(l - 1) * e.itemsPerPage + Number(h)}`,
-              class: t([
-                Number(h) % 2 ? "bg-gray-0" : "bg-white",
-                { "cursor-pointer": e.canClickRow }
-              ]),
-              onClick: (s) => e.$emit("click:row", a)
-            }, [
-              (o(!0), r(k, null, y(e.columns, (s, f) => (o(), R(P, {
-                id: `${e.id ? e.id + "-" : ""}tr-${(l - 1) * e.itemsPerPage + Number(h)}-${s.key ? s.key : s || f}`,
-                key: f,
-                class: t([
-                  s.key,
-                  e.tdClasses,
-                  `cell-${s.size || "md"}`,
-                  s.frozen ? Number(h) % 2 ? "bg-gray-0" : "bg-white" : "",
-                  {
-                    "sticky left-0 z-10": s.frozen,
-                    "text-right": s.key === "actions",
-                    "left-auto right-0": s.key === "actions" && s.frozen,
-                    "shadow-right": s.frozen && f === 0 && e.scrollable && e.scrollableContainerX > 0,
-                    "shadow-left": s.frozen && f === e.columns.length - 1 && e.scrollable && e.scrollableContainerX < e.scrollMax
-                  }
-                ])
-              }, {
-                default: w(() => [
-                  e.loading ? e.loading ? (o(), r("div", {
-                    key: 1,
-                    class: t(["animate-shimmer", a.shimmer])
-                  }, "   ", 2)) : d("", !0) : (o(), r("div", {
-                    key: 0,
-                    class: t({ "flex items-center": e.isMultiSelect && f === 0 })
-                  }, [
-                    e.isMultiSelect && f === 0 ? (o(), r("div", {
-                      key: 0,
-                      onClick: i[4] || (i[4] = S(() => {
-                      }, ["stop"]))
-                    }, [
-                      u(C, {
-                        "model-value": e.selectedRows.includes(a),
-                        class: "mr-3",
-                        "onUpdate:checked": (U) => e.onUpdateCheckbox(U, a)
-                      }, null, 8, ["model-value", "onUpdate:checked"])
-                    ])) : d("", !0),
-                    e.$slots[`cell(${s.key ? s.key : s})`] ? b(e.$slots, `cell(${s.key ? s.key : s})`, v({
-                      key: 1,
-                      ref_for: !0
-                    }, { row: a, column: s }), void 0, !0) : b(e.$slots, "cell(default)", v({
-                      key: 2,
-                      ref_for: !0
-                    }, { row: a, column: s }), () => [
-                      s.key && !s.key.match(/\./) || typeof s == "string" ? (o(), r(k, { key: 0 }, [
-                        $(g(a[s.key ? s.key : s.toString().toLowerCase()]), 1)
-                      ], 64)) : (o(), r(k, { key: 1 }, [
-                        $(g(a[s.key.split(".")[0]][s.key.split(".")[1]]), 1)
-                      ], 64))
-                    ], !0)
-                  ], 2))
-                ]),
-                _: 2
-              }, 1032, ["id", "class"]))), 128))
-            ], 10, K))), 128)) : d("", !0)
-          ], 64))), 128))
-        ], 8, I)
-      ])
-    ], 10, j),
-    !e.loading && !e.modelValue.length ? (o(), r("div", Q, [
-      b(e.$slots, "no-results-illustration", {}, () => [
-        n("img", {
-          class: "mb-5",
-          src: e.noResults
-        }, null, 8, G)
-      ], !0),
-      b(e.$slots, "no-results-text", {}, () => [
-        n("div", J, g(e.$t("HC_NO_RESULTS_FOUND")), 1)
-      ], !0)
-    ])) : d("", !0),
-    e.scrollable && e.scrollableContainerX < e.scrollMax && !e.columns[e.columns.length - 1].frozen ? (o(), r("div", {
-      key: 2,
-      class: t([
-        "scroll-shadow",
-        { "has-data-filter-offset": !!e.$slots.dataFilter }
-      ])
-    }, null, 2)) : d("", !0),
-    n("div", {
-      id: "fixed-scroll-buttons",
-      class: t([
-        "h-0 z-20 -ml-px",
-        e.pinHeaders ? "fixed" : "absolute"
-      ]),
-      style: p(`
-                top: ${(e.dataFilterContainer?.clientHeight || 0) + e.thHeight + (e.pinHeaders ? e.fixedTopOffset : 0)}px;
-                width: ${e.scrollableContainerWidth + 2}px;
-            `)
+          t(e.$slots, "dataFilter", {}, void 0, !0)
+        ], 8, S)) : (s(), i("div", {
+          key: 1,
+          id: `${e.id ? e.id + "-" : ""}data-filter-loading`,
+          class: "data-filter-container loading-state"
+        }, [...h[0] || (h[0] = [
+          d("div", { class: "loading-search animate-shimmer bg-gray-10" }, null, -1),
+          d("div", { class: "loading-filters animate-shimmer bg-gray-30" }, null, -1)
+        ])], 8, w)),
+        t(e.$slots, "search-separator", {}, () => [
+          d("hr", {
+            class: u([
+              "search-separator",
+              { "!mb-0 hidden": e.hiddenSearch }
+            ])
+          }, null, 2)
+        ], !0)
+      ], 14, b)
+    ], !0) : m("", !0),
+    d("div", {
+      ref: "listRef",
+      id: `${e.id ? e.id + "-" : ""}outer-wrapper`,
+      class: "outer-list-wrapper select-none"
     }, [
-      e.showLeftScrollButton ? (o(), r("div", {
-        key: 0,
-        class: t([
-          "absolute z-20 rounded-full w-10 h-10",
-          "bg-white border border-gray-20 shadow -mt-5 -ml-5",
-          "flex items-center justify-center cursor-pointer"
-        ]),
-        style: p(`
-                    top: ${e.scrollButtonTop}px;
-                    left: ${e.leftScrollButtonX}px;
-                `),
-        onClick: i[5] || (i[5] = (...l) => e.triggerScrollLeft && e.triggerScrollLeft(...l))
-      }, [
-        u(z, {
-          class: "p-[0.1875rem] -ml-0.5",
-          icon: "chevron-left",
-          size: "md",
-          type: ""
-        })
-      ], 4)) : d("", !0),
-      e.showRightScrollButton ? (o(), r("div", {
-        key: 1,
-        class: t([
-          "absolute z-20 rounded-full w-10 h-10",
-          "bg-white border border-gray-20 shadow -mt-5 -mr-5",
-          "flex items-center justify-center cursor-pointer",
-          { "!right-8": !e.columns[e.columns.length - 1].frozen }
-        ]),
-        style: p(`
-                    top: ${e.scrollButtonTop}px;
-                    right: ${e.rightScrollButtonX}px;
-                `),
-        onClick: i[6] || (i[6] = (...l) => e.triggerScrollRight && e.triggerScrollRight(...l))
-      }, [
-        u(z, {
-          class: "p-[0.1875rem] -mr-0.5",
-          icon: "chevron-right",
-          size: "md",
-          type: ""
-        })
-      ], 6)) : d("", !0)
-    ], 6)
-  ], 16, M);
+      e.loading ? (s(), i("div", H, [
+        d("ul", {
+          id: `${e.id ? e.id + "-" : ""}loading-list`,
+          class: "list loading-list"
+        }, [
+          (s(!0), i(a, null, n(e.skeletonRows, (r) => (s(), i("li", {
+            key: r,
+            id: `${e.id ? e.id + "-" : ""}loading-list-li-${r}`,
+            class: "list-item"
+          }, [...h[1] || (h[1] = [
+            d("div", { class: "animate-shimmer bg-gray-30 loading-top mb-3" }, null, -1),
+            d("div", { class: "animate-shimmer bg-gray-10 loading-bottom" }, null, -1)
+          ])], 8, z))), 128))
+        ], 8, c)
+      ])) : (s(), i(a, { key: 0 }, [
+        e.modelValue.length ? (s(), i("div", {
+          key: 0,
+          id: `${e.id ? e.id + "-" : ""}wrapper`,
+          class: "list-wrapper"
+        }, [
+          e.type !== "ordered" ? (s(), i("ul", {
+            key: 0,
+            id: `${e.id ? e.id + "-" : ""}ul`,
+            class: u(["list", `${e.type}-list`])
+          }, [
+            (s(!0), i(a, null, n(e.totalPages, (r) => (s(), i(a, { key: r }, [
+              r <= e.page ? (s(!0), i(a, { key: 0 }, n(e.modelValue.slice((r - 1) * e.itemsPerPage, (r - 1) * e.itemsPerPage + e.itemsPerPage), (l, o) => (s(), i("li", {
+                id: `${e.id ? e.id + "-" : ""}li-${(r - 1) * e.itemsPerPage + o}`,
+                key: o,
+                class: "list-item",
+                onClick: (f) => e.$emit("click:list-item", l)
+              }, [
+                t(e.$slots, "listItem", p({ ref_for: !0 }, { data: l }), () => [
+                  $(g(l), 1)
+                ], !0)
+              ], 8, R))), 128)) : m("", !0)
+            ], 64))), 128))
+          ], 10, F)) : (s(), i("ol", L, [
+            (s(!0), i(a, null, n(e.totalPages, (r) => (s(), i(a, { key: r }, [
+              r <= e.page ? (s(!0), i(a, { key: 0 }, n(e.modelValue.slice((r - 1) * e.itemsPerPage, (r - 1) * e.itemsPerPage + e.itemsPerPage), (l, o) => (s(), i("li", {
+                id: `${e.id ? e.id + "-" : ""}li-${(r - 1) * e.itemsPerPage + o}`,
+                key: o,
+                class: "list-item",
+                onClick: (f) => e.$emit("click:list-item", l)
+              }, [
+                t(e.$slots, "listItem", p({ ref_for: !0 }, { data: l }), () => [
+                  $(g(l), 1)
+                ], !0)
+              ], 8, N))), 128)) : m("", !0)
+            ], 64))), 128))
+          ]))
+        ], 8, C)) : (s(), i("div", {
+          key: 1,
+          id: `${e.id ? e.id + "-" : ""}no-results`,
+          class: "no-results"
+        }, [
+          t(e.$slots, "no-results", {}, () => [
+            d("p", null, g(e.noResultMessage || e.$t("HC_NO_RESULTS_FOUND")), 1)
+          ], !0)
+        ], 8, D))
+      ], 64))
+    ], 8, V)
+  ], 10, v);
 }
-const ie = /* @__PURE__ */ T(N, [["render", Y], ["__scopeId", "data-v-e16789e1"]]);
+const j = /* @__PURE__ */ P(k, [["render", E], ["__scopeId", "data-v-aedd5d55"]]);
 export {
-  ie as default
+  j as default
 };