@pequity/squirrel 1.0.20-beta.2 → 1.0.20-beta.3

package/dist/es/text.js

@@ -1,11 +1,16 @@
-const c = (s, i) => {
-  const r = String(i).trim(), t = String(s).trim(), n = t.indexOf(r);
-  if (n >= 0) {
-    const e = t.substring(0, n), g = t.substring(n, n + r.length), o = t.substring(n + r.length);
-    return [e, g, o];
-  } else
-    return [t];
+const splitStringForHighlight = (textToSearchIn, searchStr) => {
+  const str = String(searchStr).trim();
+  const text = String(textToSearchIn).trim();
+  const index = text.indexOf(str);
+  if (index >= 0) {
+    const part1 = text.substring(0, index);
+    const part2 = text.substring(index, index + str.length);
+    const part3 = text.substring(index + str.length);
+    return [part1, part2, part3];
+  } else {
+    return [text];
+  }
 };
 export {
-  c as splitStringForHighlight
+  splitStringForHighlight
 };

package/dist/es/useInputClasses.js

@@ -1,28 +1,44 @@
-import { INPUT_BASE as A, INPUT_SIZES as v, SPACING_PREFIX as C, SPACING_LEFT as p, SPACING_SUFFIX as L, SPACING_RIGHT as l, INPUT_ERROR as T, INPUT_NORMAL as N, LABEL_BASE as P, LABEL_SIZES as B, LABEL_REQUIRED as g, SELECT_BASE as m, SELECT_ARROW as x, SELECT_SIZES as G, TEXTAREA_BASE as U, ERROR_MSG as d } from "./inputClassesShared.js";
-import { ref as r, toRefs as M, computed as t } from "vue";
-const F = {
-  size: r("md"),
-  errorMsg: r(""),
-  required: r(!1),
-  prefix: r(!1),
-  suffix: r(!1)
+import { INPUT_BASE, INPUT_SIZES, SPACING_PREFIX, SPACING_LEFT, SPACING_SUFFIX, SPACING_RIGHT, INPUT_ERROR, INPUT_NORMAL, LABEL_BASE, LABEL_SIZES, LABEL_REQUIRED, SELECT_BASE, SELECT_ARROW, SELECT_SIZES, TEXTAREA_BASE, ERROR_MSG } from "./inputClassesShared.js";
+import { ref, toRefs, computed } from "vue";
+const defaults = {
+  size: ref("md"),
+  errorMsg: ref(""),
+  required: ref(false),
+  prefix: ref(false),
+  suffix: ref(false)
 };
-function Z(o) {
-  const n = { ...F, ...M(o) }, { size: e, errorMsg: E, required: c, prefix: S, suffix: $ } = n, a = t(() => {
-    const s = `${A} ${v[e.value]}`, u = S.value ? C[e.value] : p[e.value], i = $.value ? L[e.value] : l[e.value];
-    return `${s} ${u} ${i} ${E.value ? T : N}`;
-  }), f = t(() => {
-    const s = `${P} ${B[e.value]}`;
-    return c.value ? `${s} ${g}` : s;
-  }), I = t(() => `${a.value.replace(` ${l[e.value]}`, "")} ${m} ${x} ${G[e.value]}`), R = t(() => `${a.value} ${U}`), _ = r(d);
+function useInputClasses(props) {
+  const opts = { ...defaults, ...toRefs(props) };
+  const { size, errorMsg, required, prefix, suffix } = opts;
+  const inputClasses = computed(() => {
+    const base = `${INPUT_BASE} ${INPUT_SIZES[size.value]}`;
+    const spacingLeft = prefix.value ? SPACING_PREFIX[size.value] : SPACING_LEFT[size.value];
+    const spacingRight = suffix.value ? SPACING_SUFFIX[size.value] : SPACING_RIGHT[size.value];
+    const res = `${base} ${spacingLeft} ${spacingRight} ${errorMsg.value ? INPUT_ERROR : INPUT_NORMAL}`;
+    return res;
+  });
+  const labelClasses = computed(() => {
+    const base = `${LABEL_BASE} ${LABEL_SIZES[size.value]}`;
+    const res = required.value ? `${base} ${LABEL_REQUIRED}` : base;
+    return res;
+  });
+  const selectClasses = computed(() => {
+    const res = `${inputClasses.value.replace(` ${SPACING_RIGHT[size.value]}`, "")} ${SELECT_BASE} ${SELECT_ARROW} ${SELECT_SIZES[size.value]}`;
+    return res;
+  });
+  const textareaClasses = computed(() => {
+    const res = `${inputClasses.value} ${TEXTAREA_BASE}`;
+    return res;
+  });
+  const errorMsgClasses = ref(ERROR_MSG);
   return {
-    inputClasses: a,
-    labelClasses: f,
-    selectClasses: I,
-    textareaClasses: R,
-    errorMsgClasses: _
+    inputClasses,
+    labelClasses,
+    selectClasses,
+    textareaClasses,
+    errorMsgClasses
   };
 }
 export {
-  Z as useInputClasses
+  useInputClasses
 };

package/dist/es/usePLoading.js

@@ -1,19 +1,35 @@
-import { ref as u, getCurrentScope as a, onScopeDispose as c } from "vue";
-import { uniqueId as p } from "lodash-es";
-const e = u(!1), o = [];
-let n;
-const g = (i) => {
-  const { delay: t } = { delay: 200, ...i }, l = a(), r = () => {
-    o.length === 0 && t > 0 ? n = setTimeout(() => {
-      e.value = !0;
-    }, t) : e.value = !0, o.push(p());
-  }, s = () => {
-    o.length === 1 && (e.value = !1), clearTimeout(n), o.pop();
+import { ref, getCurrentScope, onScopeDispose } from "vue";
+import { uniqueId } from "lodash-es";
+const show = ref(false);
+const loadingIds = [];
+let timer;
+const usePLoading = (options) => {
+  const { delay } = { delay: 200, ...options };
+  const scope = getCurrentScope();
+  const loadingShow = () => {
+    if (loadingIds.length === 0 && delay > 0) {
+      timer = setTimeout(() => {
+        show.value = true;
+      }, delay);
+    } else {
+      show.value = true;
+    }
+    loadingIds.push(uniqueId());
   };
-  return l && c(() => {
-    s();
-  }), { show: e, loadingShow: r, loadingHide: s };
+  const loadingHide = () => {
+    if (loadingIds.length === 1) {
+      show.value = false;
+    }
+    clearTimeout(timer);
+    loadingIds.pop();
+  };
+  if (scope) {
+    onScopeDispose(() => {
+      loadingHide();
+    });
+  }
+  return { show, loadingShow, loadingHide };
 };
 export {
-  g as usePLoading
+  usePLoading
 };

package/dist/es/usePModal.js

@@ -1,18 +1,21 @@
-import { reactive as l } from "vue";
-const o = l({
+import { reactive } from "vue";
+const state = reactive({
   modals: {}
-}), c = () => {
-  const s = (e) => {
-    o.modals[e] = !0;
-  }, t = (e) => {
-    delete o.modals[e];
+});
+const usePModal = () => {
+  const show = (name) => {
+    state.modals[name] = true;
   };
-  return { state: o, show: s, hide: t, hideAll: () => {
-    Object.keys(o.modals).forEach((e) => {
-      t(e);
+  const hide = (name) => {
+    delete state.modals[name];
+  };
+  const hideAll = () => {
+    Object.keys(state.modals).forEach((modalName) => {
+      hide(modalName);
     });
-  } };
+  };
+  return { state, show, hide, hideAll };
 };
 export {
-  c as usePModal
+  usePModal
 };

package/dist/es/usePTableColResize.js

@@ -1,49 +1,81 @@
-import { MIN_WIDTH_COL_RESIZE as h } from "./p-table.js";
-import { ref as c, onMounted as x, onBeforeUnmount as W, watch as b, nextTick as C } from "vue";
-const T = (p) => {
-  const { enabled: u, ths: a } = p, o = c(!1), r = c("0px"), d = c(0), v = c(-1), R = (e) => {
-    if (r.value = `${e.clientX}px`, o.value) {
+import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
+import { ref, onMounted, onBeforeUnmount, watch, nextTick } from "vue";
+const usePTableColResize = (options) => {
+  const { enabled, ths } = options;
+  const isColResizing = ref(false);
+  const colResizeHandleLeft = ref("0px");
+  const colResizingWidth = ref(0);
+  const colResizingIndex = ref(-1);
+  const colResize = (e) => {
+    colResizeHandleLeft.value = `${e.clientX}px`;
+    if (isColResizing.value) {
       document.body.classList.add("cursor-col-resize");
-      const t = a.value[v.value], s = t.getBoundingClientRect(), l = e.clientX - s.left - t.offsetWidth, i = t.offsetWidth + l;
-      f(i), r.value = e.clientX < s.left ? "0px" : `${e.clientX}px`;
+      const th = ths.value[colResizingIndex.value];
+      const rect = th.getBoundingClientRect();
+      const diff = e.clientX - rect.left - th.offsetWidth;
+      const widthToSet = th.offsetWidth + diff;
+      setColResizingWidth(widthToSet);
+      colResizeHandleLeft.value = e.clientX < rect.left ? "0px" : `${e.clientX}px`;
     }
-  }, z = (e, t) => {
-    e.detail === 1 && (e.preventDefault(), o.value = !0, d.value = a.value[t].offsetWidth, v.value = t);
-  }, n = () => {
-    o.value && (o.value = !1, document.body.classList.remove("cursor-col-resize"));
-  }, g = (e) => {
-    var l;
-    o.value = !0;
-    const t = (l = a.value[e].closest("table")) == null ? void 0 : l.querySelectorAll("tbody tr td:nth-child(" + (e + 1) + ") div.w-max");
-    if (!t)
+  };
+  const colResizeStart = (e, i) => {
+    if (e.detail === 1) {
+      e.preventDefault();
+      isColResizing.value = true;
+      colResizingWidth.value = ths.value[i].offsetWidth;
+      colResizingIndex.value = i;
+    }
+  };
+  const colResizeStop = () => {
+    if (!isColResizing.value) {
       return;
-    const s = [...t].reduce((i, L) => {
-      const m = L.getBoundingClientRect().width;
-      return m > i ? m : i;
+    }
+    isColResizing.value = false;
+    document.body.classList.remove("cursor-col-resize");
+  };
+  const colResizeFitToData = (colIndex) => {
+    var _a;
+    isColResizing.value = true;
+    const tds = (_a = ths.value[colIndex].closest("table")) == null ? void 0 : _a.querySelectorAll("tbody tr td:nth-child(" + (colIndex + 1) + ") div.w-max");
+    if (!tds) {
+      return;
+    }
+    const maxWidth = [...tds].reduce((max, td) => {
+      const width = td.getBoundingClientRect().width;
+      return width > max ? width : max;
     }, 0);
-    f(s), C(() => {
-      o.value = !1;
+    setColResizingWidth(maxWidth);
+    nextTick(() => {
+      isColResizing.value = false;
     });
-  }, f = (e) => {
-    d.value = e > h ? Math.ceil(e) : h;
   };
-  return x(() => {
-    u.value && document.addEventListener("mouseup", n);
-  }), W(() => {
-    u.value && document.removeEventListener("mouseup", n);
-  }), b(u, (e) => {
-    e ? document.addEventListener("mouseup", n) : document.removeEventListener("mouseup", n);
-  }), {
-    isColResizing: o,
-    colResizeHandleLeft: r,
-    colResizingIndex: v,
-    colResizingWidth: d,
-    colResize: R,
-    colResizeStart: z,
-    colResizeStop: n,
-    colResizeFitToData: g
+  const setColResizingWidth = (width) => {
+    colResizingWidth.value = width > MIN_WIDTH_COL_RESIZE ? Math.ceil(width) : MIN_WIDTH_COL_RESIZE;
+  };
+  onMounted(() => {
+    enabled.value && document.addEventListener("mouseup", colResizeStop);
+  });
+  onBeforeUnmount(() => {
+    enabled.value && document.removeEventListener("mouseup", colResizeStop);
+  });
+  watch(enabled, (nV) => {
+    if (nV) {
+      document.addEventListener("mouseup", colResizeStop);
+    } else {
+      document.removeEventListener("mouseup", colResizeStop);
+    }
+  });
+  return {
+    isColResizing,
+    colResizeHandleLeft,
+    colResizingIndex,
+    colResizingWidth,
+    colResize,
+    colResizeStart,
+    colResizeStop,
+    colResizeFitToData
   };
 };
 export {
-  T as usePTableColResize
+  usePTableColResize
 };

package/dist/es/usePTableRowVirtualizer.js

@@ -1,22 +1,31 @@
-import { ref as r, computed as u, isRef as s, unref as d } from "vue";
-import { useVirtualizer as v } from "@tanstack/vue-virtual";
-const E = (a) => {
-  if (!a.value)
+import { ref, computed, isRef, unref } from "vue";
+import { useVirtualizer } from "@tanstack/vue-virtual";
+const usePTableRowVirtualizer = (options) => {
+  if (!options.value) {
     return {
       virtualizer: null,
-      virtualRows: r([{ key: 0, index: 0 }]),
-      paddingTop: r(0),
-      paddingBottom: r(0),
-      measureElement: () => r(void 0)
+      virtualRows: ref([{ key: 0, index: 0 }]),
+      paddingTop: ref(0),
+      paddingBottom: ref(0),
+      measureElement: () => ref(void 0)
     };
-  const e = v(a), t = u(() => e.value.getVirtualItems()), o = u(() => t.value.length > 0 ? t.value[0].start : 0), i = u(
-    () => t.value.length > 0 ? (e == null ? void 0 : e.value.getTotalSize()) - t.value[t.value.length - 1].end : 0
+  }
+  const virtualizer = useVirtualizer(options);
+  const virtualRows = computed(() => virtualizer.value.getVirtualItems());
+  const paddingTop = computed(() => virtualRows.value.length > 0 ? virtualRows.value[0].start : 0);
+  const paddingBottom = computed(
+    () => virtualRows.value.length > 0 ? (virtualizer == null ? void 0 : virtualizer.value.getTotalSize()) - virtualRows.value[virtualRows.value.length - 1].end : 0
   );
-  return { virtualizer: e, virtualRows: t, paddingTop: o, paddingBottom: i, measureElement: (l) => {
-    const n = s(l) ? d(l) : l == null ? void 0 : l.$el;
-    n && e.value.measureElement(n);
-  } };
+  const measureElement = (cmp) => {
+    const el = isRef(cmp) ? unref(cmp) : cmp == null ? void 0 : cmp.$el;
+    if (!el) {
+      return;
+    }
+    virtualizer.value.measureElement(el);
+    return void 0;
+  };
+  return { virtualizer, virtualRows, paddingTop, paddingBottom, measureElement };
 };
 export {
-  E as usePTableRowVirtualizer
+  usePTableRowVirtualizer
 };