@quoreadmin/ui 1.4.1 → 1.4.3

package/dist/index85.js

@@ -0,0 +1,292 @@
+import { defineComponent as de, ref as o, computed as r, watch as H, nextTick as j, onMounted as fe, onUnmounted as ve } from "vue";
+import { useScroll as G, useWindowScroll as me, useElementBounding as he } from "./index155.js";
+import ye from "./index17.js";
+import ge from "./index18.js";
+import be from "./index47.js";
+import we from "./index167.js";
+import Se from "./index52.js";
+import xe from "./index53.js";
+const Pe = de({
+  name: "QDataTable",
+  components: {
+    QDataTableCell: ye,
+    QDataTableHead: ge,
+    QTooltip: be
+  },
+  props: {
+    // Pass in an ID unique to the table.
+    id: {
+      type: String,
+      default: "table"
+    },
+    // Pass in data for the table using v-model - this replaces tableData.
+    modelValue: {
+      type: Array,
+      default: () => []
+    },
+    canClickRow: {
+      type: Boolean,
+      default: !1
+    },
+    // Pass in the columns for the table.
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    // Pass in the currently displayed page.
+    // This should allow us to scroll to where the content was previously.
+    currentPage: {
+      type: Number,
+      default: 1
+    },
+    // Pass in the height of combined fixed elements while vertical scrolling.
+    fixedTopOffset: {
+      type: Number,
+      default: 0
+    },
+    // Pass in whether to show the search field.
+    hasSearch: {
+      type: Boolean,
+      default: !0
+    },
+    // Pass in if header will need to become fixed while vertical scrolling.
+    isFixed: {
+      type: Boolean,
+      default: !1
+    },
+    // Pass in if table is multi-sort. We won't use this initially.
+    isMultiSort: {
+      type: Boolean,
+      default: !1
+    },
+    // Pass in if table is multi-select.
+    isMultiSelect: {
+      type: Boolean,
+      default: !1
+    },
+    // Pass in externally managed selection for multi-select tables.
+    selected: {
+      type: Array,
+      default: void 0
+    },
+    // Pass in the items per page to display.
+    itemsPerPage: {
+      type: Number,
+      default: 50
+    },
+    // Pass in the scroll amount for the left scroll button.
+    leftScrollAmount: {
+      type: Number,
+      default: 200
+    },
+    // Pass in a loading state.
+    loading: {
+      type: Boolean,
+      default: !1
+    },
+    // Pass in a default sort.
+    orderBy: {
+      type: String,
+      default: ""
+    },
+    // Pass in the scroll amount for the right scroll button.
+    rightScrollAmount: {
+      type: Number,
+      default: 200
+    },
+    // Pass in the debounce time for the search field.
+    searchDelay: {
+      type: Number,
+      default: 300
+    },
+    // Pass in a search field placeholder. Fallback is localized "Search" in template.
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    // Pass in the number of skeleton rows that should show while loading.
+    skeletonRows: {
+      type: Number,
+      default: 6
+    },
+    // Pass in a default sort.
+    sortBy: {
+      type: String,
+      default: ""
+    },
+    // Default classes for all table cells.
+    tdClasses: {
+      type: String,
+      default: "text-sm"
+    },
+    // Default classes for all table headers.
+    thClasses: {
+      type: String,
+      default: "text-xs cursor-pointer"
+    },
+    thHeight: {
+      type: Number,
+      default: 48
+    }
+  },
+  emits: [
+    "click:row",
+    "deselect:row",
+    "select:row",
+    "update:order-by",
+    "update:selected",
+    "update:sort-by"
+  ],
+  setup(e, { emit: v }) {
+    const { deviceType: E } = xe(), P = o(), c = o(), n = o(), s = o(), J = o(), y = o(0), { x: i } = G(
+      n,
+      { behavior: "auto" }
+    ), { x: S } = G(
+      c,
+      { behavior: "auto" }
+    ), { y: x } = me(), {
+      bottom: K,
+      top: Z,
+      width: R,
+      height: O
+    } = he(n), W = o(0), D = o(0), g = o(0), m = o(window.innerHeight), N = o(0), B = o(!1), b = o(1), V = o(!1), F = o(0), f = o(null), M = r(() => e.selected !== void 0 && e.selected !== null), q = o(e.selected ? [...e.selected] : []), d = r({
+      get() {
+        return M.value ? e.selected || [] : q.value;
+      },
+      set(t) {
+        M.value || (q.value = t), v("update:selected", t);
+      }
+    }), w = () => {
+      V.value = !!e.modelValue.length && d.value.length === e.modelValue.length && !!d.value.length;
+    }, C = r(() => E.value === "desktop"), _ = r(() => b.value * e.itemsPerPage - 1), $ = r(() => e.isFixed && x.value >= g.value), Q = r(() => p.value > 0), p = r(() => n.value ? y.value - R.value : 0), ee = r(() => (!C.value || B.value) && i.value > 0 && e.modelValue.length && !e.loading), te = r(() => (!C.value || B.value) && i.value < p.value && e.modelValue.length && !e.loading), le = r(() => {
+      const t = [], l = {};
+      let a = 0;
+      return e.columns.forEach((u) => {
+        l[u.key] = "";
+      }), [...Array(e.skeletonRows)].forEach(() => {
+        t.push({
+          ...l,
+          shimmer: a % 2 ? "bg-gray-10" : "bg-gray-30"
+        }), a++;
+      }), t;
+    }), X = r(() => Math.ceil(e.modelValue?.length / e.itemsPerPage) || 1), h = () => {
+      let t = 0;
+      if (Q.value) {
+        const l = (P.value?.clientHeight || 0) + e.thHeight, a = s.value.clientHeight + s.value.offsetTop;
+        m.value < a ? t = (m.value - (s.value.offsetTop + l)) / 2 : t = (s.value.clientHeight - l) / 2;
+      }
+      N.value = t;
+    }, T = () => {
+      i.value = n.value.scrollLeft, S.value = n.value.scrollLeft;
+    }, L = () => {
+      S.value = c.value.scrollLeft, i.value = c.value.scrollLeft;
+    }, z = async () => {
+      y.value = n.value?.scrollWidth, m.value = window.innerHeight, h(), await j();
+    }, k = async () => {
+      const t = x.value + m.value - e.fixedTopOffset, l = g.value + O.value;
+      t > l - 400 && b.value < X.value && b.value++, h();
+    }, U = () => {
+      f.value !== null && (cancelAnimationFrame(f.value), f.value = null);
+    }, A = (t, l, a) => {
+      U();
+      const u = t.scrollLeft, ue = l - u, ce = performance.now(), I = () => {
+        const ie = performance.now() - ce, Y = Math.min(ie / a, 1);
+        t.scrollLeft = u + ue * Y, Y < 1 ? f.value = requestAnimationFrame(I) : f.value = null;
+      };
+      f.value = requestAnimationFrame(I);
+    }, oe = () => {
+      A(
+        n.value,
+        i.value - e.leftScrollAmount,
+        250
+      );
+    }, ae = () => {
+      A(
+        n.value,
+        i.value + e.leftScrollAmount,
+        250
+      );
+    }, ne = (t, l) => {
+      const a = [...d.value], u = a.indexOf(l);
+      u < 0 && t && (a.push(l), v("select:row", l)), u >= 0 && !t && (a.splice(u, 1), v("deselect:row", l)), d.value = a, w();
+    }, re = (t) => {
+      const l = [];
+      t && e.modelValue.forEach((a) => {
+        l.push(a);
+      }), d.value = l, w();
+    }, se = (t) => {
+      if (!t?.sortable)
+        return;
+      const l = t.key, a = e.orderBy === "" || e.sortBy !== l ? "asc" : e.orderBy === "asc" ? "desc" : "";
+      v("update:sort-by", l), v("update:order-by", a);
+    };
+    return H(() => e.modelValue, () => {
+      w(), h();
+    }), H(() => e.loading, async () => {
+      await j(), h();
+    }), H(d, () => {
+      w();
+    }, { deep: !0 }), fe(() => {
+      g.value = s.value.offsetTop - e.fixedTopOffset, y.value = n.value?.scrollWidth, F.value = s.value.offsetLeft + 1, W.value = s.value?.querySelector(
+        "table > thead > tr > th:first-child"
+      )?.clientWidth, D.value = s.value?.querySelector(
+        "table > thead > tr > th:last-child"
+      )?.clientWidth, window.addEventListener("resize", z), window.addEventListener("scroll", k), n.value.addEventListener("scroll", T), c.value.addEventListener("scroll", L);
+    }), ve(() => {
+      U(), window.removeEventListener("resize", z), window.removeEventListener("scroll", k), n.value && n.value.removeEventListener("scroll", T), c.value && c.value.removeEventListener("scroll", L);
+    }), {
+      // Composables
+      deviceType: E,
+      mq: Se,
+      noResults: we,
+      // Refs
+      allCheckboxSelected: V,
+      dataFilterContainer: P,
+      fixedScrollableContainer: c,
+      fixedScrollableContainerX: S,
+      hovered: B,
+      leftScrollButtonX: W,
+      page: b,
+      rightScrollButtonX: D,
+      scrollButtonTop: N,
+      scrollableContainer: n,
+      scrollableContainerBottom: K,
+      scrollableContainerHeight: O,
+      scrollableContainerTop: Z,
+      scrollableContainerWidth: R,
+      scrollableContainerX: i,
+      scrollWidth: y,
+      selectedRows: d,
+      tableContainer: s,
+      tableLeftOffset: F,
+      tbodyContainer: J,
+      totalOffset: g,
+      windowHeight: m,
+      windowY: x,
+      // Computed
+      isDesktop: C,
+      lastOnPage: _,
+      pinHeaders: $,
+      scrollable: Q,
+      scrollMax: p,
+      showLeftScrollButton: ee,
+      showRightScrollButton: te,
+      skeletonData: le,
+      totalPages: X,
+      // Methods
+      handleScroll: T,
+      handleFixedScroll: L,
+      onClickColumnHeader: se,
+      onUpdateCheckbox: ne,
+      onUpdateAllCheckboxes: re,
+      getScrollButtonTop: h,
+      scrollWatcher: k,
+      smoothScroll: A,
+      triggerScrollLeft: oe,
+      triggerScrollRight: ae
+    };
+  }
+});
+export {
+  Pe as default
+};

package/dist/index87.js

@@ -0,0 +1,29 @@
+import { defineComponent as e } from "vue";
+const t = e({
+  name: "QTableCell",
+  props: {
+    // Pass in an ID unique to the table.
+    id: {
+      type: String,
+      default: ""
+    },
+    align: {
+      type: String,
+      default: "left"
+    },
+    isColumnHeader: {
+      type: Boolean,
+      default: !1
+    },
+    sortable: {
+      Boolean,
+      default: !1
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  t as default
+};

package/dist/index89.js

@@ -0,0 +1,45 @@
+import { defineComponent as e } from "vue";
+import t from "./index17.js";
+const o = e({
+  name: "QTableHead",
+  components: {
+    QTableCell: t
+  },
+  props: {
+    // Pass in an ID unique to the table.
+    id: {
+      type: String,
+      default: ""
+    },
+    columns: {
+      type: Array,
+      default: () => []
+    },
+    rowCount: {
+      type: Number,
+      default: 0
+    },
+    scrollable: {
+      type: Boolean,
+      default: !1
+    },
+    scrollableContainerX: {
+      type: Number,
+      default: 0
+    },
+    scrollMax: {
+      type: Number,
+      default: 0
+    },
+    thClasses: {
+      type: String,
+      default: ""
+    }
+  },
+  setup() {
+    return {};
+  }
+});
+export {
+  o as default
+};

package/dist/index9.js

@@ -0,0 +1,36 @@
+import r from "./index73.js";
+import { resolveComponent as l, createElementBlock as p, openBlock as n, createVNode as d, withCtx as c, createElementVNode as i, createBlock as m, createCommentVNode as u, toDisplayString as b } from "vue";
+import f from "./index60.js";
+const B = { class: "button-group flex justify-content-center" }, _ = { class: "flex align-items-center" }, y = { class: "option-label" };
+function V(e, t, k, D, $, g) {
+  const s = l("q-icon"), a = l("SelectButton");
+  return n(), p("div", B, [
+    d(a, {
+      modelValue: e.selected,
+      "onUpdate:modelValue": t[0] || (t[0] = (o) => e.selected = o),
+      options: e.options,
+      "aria-labelledby": e.labelBy,
+      multiple: e.allowMultiple,
+      optionLabel: e.optionLabel,
+      optionDisabled: e.optionDisabled,
+      disabled: e.disabled
+    }, {
+      option: c(({ option: o }) => [
+        i("div", _, [
+          o.icon ? (n(), m(s, {
+            key: 0,
+            icon: o.icon,
+            class: "mr-2",
+            size: "sm"
+          }, null, 8, ["icon"])) : u("", !0),
+          i("span", y, b(o[e.label] || o), 1)
+        ])
+      ]),
+      _: 1
+    }, 8, ["modelValue", "options", "aria-labelledby", "multiple", "optionLabel", "optionDisabled", "disabled"])
+  ]);
+}
+const L = /* @__PURE__ */ f(r, [["render", V]]);
+export {
+  L as default
+};

package/dist/index91.js

@@ -0,0 +1,117 @@
+import { defineComponent as c, ref as o, computed as p, watch as m, nextTick as y, onUnmounted as b } from "vue";
+import D from "./index168.js";
+/* empty css         */
+import "./index170.js";
+import "./index171.js";
+import "./index172.js";
+import "./index173.js";
+import "./index174.js";
+const x = c({
+  name: "QDatePicker",
+  components: {
+    DatePicker: D
+  },
+  props: {
+    /** Id for this specific date picker */
+    id: {
+      type: String,
+      default: ""
+    },
+    /** Value of the date picker */
+    modelValue: {
+      type: [Date, String, Array],
+      default: ""
+    },
+    /** Can the datepicker be cleared */
+    clearable: {
+      type: Boolean,
+      default: !0
+    },
+    /** Is date picker disabled */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /** Function to determine disabled dates */
+    disabledDate: {
+      type: Function,
+      default: () => {
+      }
+    },
+    /** Disable all dates before today's date */
+    disabledBeforeToday: {
+      type: Boolean,
+      default: !1
+    },
+    /** Disable all dates after today's date */
+    disabledAfterToday: {
+      type: Boolean,
+      default: !1
+    },
+    /** Date format for the date picker */
+    format: {
+      type: String,
+      default: ""
+      // TODO: Set to what Quore wants.
+    },
+    /** Locale for the date picker */
+    locale: {
+      type: String,
+      default: "en"
+    },
+    /** Placeholder for the date picker */
+    placeholder: {
+      type: String,
+      default: ""
+    },
+    /** Is date picker a date range */
+    range: {
+      type: Boolean,
+      default: !1
+    },
+    /** Size of the date picker */
+    size: {
+      type: String,
+      default: "lg"
+      // sm, md, lg
+    },
+    /**
+     * Type of date picker
+     * i.e. date, datetime, year, month, time, week
+     */
+    type: {
+      type: String,
+      default: "date"
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(a) {
+    const d = o("bottom"), s = o(), r = o(!1), f = o(a.modelValue || ""), u = p(() => a.disabledAfterToday ? l : a.disabledBeforeToday ? i : a.disabledDate), l = (e) => e > /* @__PURE__ */ new Date(), i = (e) => {
+      const n = /* @__PURE__ */ new Date();
+      return n.setHours(0, 0, 0, 0), e < n;
+    }, t = () => {
+      const e = document.querySelector(".mx-datepicker-main");
+      e && (d.value = parseInt(e.style.top) < 0 ? "top" : "bottom");
+    };
+    return m(r, async (e) => {
+      e ? window.addEventListener("scroll", t) : window.removeEventListener("scroll", t), await y(), t();
+    }), b(() => {
+      window.removeEventListener("scroll", t);
+    }), {
+      // Refs
+      calendarPosition: d,
+      datePicker: s,
+      isOpen: r,
+      value: f,
+      // Computed
+      disabledDates: u,
+      // Methods
+      disableDatesAfterToday: l,
+      disableDatesBeforeToday: i,
+      getCalendarPosition: t
+    };
+  }
+});
+export {
+  x as default
+};

package/dist/index93.js

@@ -0,0 +1,29 @@
+import { defineComponent as e, computed as o } from "vue";
+const a = e({
+  name: "QDivider",
+  props: {
+    /** Border style */
+    borderStyle: {
+      type: String,
+      default: "solid"
+    },
+    /** Border color */
+    borderColor: {
+      type: String,
+      default: "gray-20"
+    },
+    textClass: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(r, { slots: t }) {
+    return {
+      hasSlotContent: o(() => !!t.default)
+    };
+  }
+});
+export {
+  a as default
+};

package/dist/index94.js

@@ -0,0 +1,34 @@
+import { defineComponent as r, computed as l } from "vue";
+import a from "./index52.js";
+import g from "./index32.js";
+const s = r({
+  name: "QErrorModal",
+  components: {
+    QModal: g
+  },
+  props: {
+    // Model value to hide show modal.
+    toggle: {
+      type: Boolean,
+      default: !1,
+      required: !0
+    }
+  },
+  emits: ["update:toggle"],
+  setup(o, { emit: e }) {
+    return {
+      // Computed
+      toggleModal: l({
+        get: () => o.toggle,
+        set: (t) => {
+          e("update:toggle", t);
+        }
+      }),
+      // Composables
+      mq: a
+    };
+  }
+});
+export {
+  s as default
+};