@das-fed/utils 1.0.0 → 1.0.2

package/size-watcher/index.js

@@ -1,27 +1,20 @@
-import { ref, onMounted } from 'vue';
-
-const SizeWatcher = (cb, dom) => {
-  const watchDom = dom || document.documentElement;
-  const objResizeObserver = new ResizeObserver((entries) => {
-    const entry = entries[0];
-    cb(entry.contentRect);
+import { ref as r, onMounted as u } from "vue";
+const i = (e, t) => {
+  const n = t || document.documentElement, o = new ResizeObserver((c) => {
+    const s = c[0];
+    e(s.contentRect);
   });
-  if (dom !== null)
-    objResizeObserver.observe(watchDom);
-  return objResizeObserver;
-};
-const useSizeWatcher = () => {
-  const el = ref(null);
-  const rect = ref({ bottom: 0, height: 0, left: 0, right: 0, top: 0, width: 0, x: 0, y: 0, toJSON: () => {
+  return t !== null && o.observe(n), o;
+}, h = () => {
+  const e = r(null), t = r({ bottom: 0, height: 0, left: 0, right: 0, top: 0, width: 0, x: 0, y: 0, toJSON: () => {
   } });
-  onMounted(() => {
-    SizeWatcher((val) => {
-      rect.value = val;
-    }, el.value);
-    if (!el.value)
-      return;
-  });
-  return { el, rect };
+  return u(() => {
+    i((n) => {
+      t.value = n;
+    }, e.value), e.value;
+  }), { el: e, rect: t };
+};
+export {
+  i as SizeWatcher,
+  h as useSizeWatcher
 };
-
-export { SizeWatcher, useSizeWatcher };

package/style/index.js

@@ -3,113 +3,72 @@
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const camelizeRE = /-(\w)/g;
-const camelize = cacheStringFunction((str) => {
-  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-});
-
-const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
-const hasClass = (el, cls) => {
-  if (!el || !cls)
-    return false;
-  if (cls.includes(" "))
+process.env.NODE_ENV !== "production" && Object.freeze({});
+process.env.NODE_ENV !== "production" && Object.freeze([]);
+const u = (t) => {
+  const e = /* @__PURE__ */ Object.create(null);
+  return (r) => e[r] || (e[r] = t(r));
+}, m = /-(\w)/g, p = u((t) => t.replace(m, (e, r) => r ? r.toUpperCase() : "")), a = (t = "") => t.split(" ").filter((e) => !!e.trim()), h = (t, e) => {
+  if (!t || !e)
+    return !1;
+  if (e.includes(" "))
     throw new Error("className should not contain space.");
-  return el.classList.contains(cls);
-};
-const addClass = (el, cls) => {
-  if (!el || !cls.trim())
-    return;
-  el.classList.add(...classNameToArray(cls));
-};
-const removeClass = (el, cls) => {
-  if (!el || !cls.trim())
-    return;
-  el.classList.remove(...classNameToArray(cls));
-};
-const getStyle = (element, styleName) => {
-  if (!element || !styleName)
+  return t.classList.contains(e);
+}, y = (t, e) => {
+  !t || !e.trim() || t.classList.add(...a(e));
+}, g = (t, e) => {
+  !t || !e.trim() || t.classList.remove(...a(e));
+}, N = (t, e) => {
+  if (!t || !e)
     return "";
-  let key = camelize(styleName);
-  if (key === "float")
-    key = "cssFloat";
+  let r = p(e);
+  r === "float" && (r = "cssFloat");
   try {
-    const style = element.style[key];
-    if (style)
-      return style;
-    const computed = window?.getComputedStyle(element, "");
-    return computed ? computed[key] : "";
+    const n = t.style[r];
+    if (n)
+      return n;
+    const s = window == null ? void 0 : window.getComputedStyle(t, "");
+    return s ? s[r] : "";
   } catch {
-    return element.style[key];
+    return t.style[r];
   }
-};
-const getCSS = (styleObj = {}) => {
-  return Object.keys(styleObj).map((key) => `${key}:${styleObj[key] !== "" ? styleObj[key] : '""'}`).join(";");
-};
-const createStyle = (id, data) => {
-  if (document.getElementById(id))
-    return;
-  return new Promise((resolve, reject) => {
-    const styleSheet = document.createElement("style");
-    styleSheet.rel = "text/css";
-    styleSheet.id = id;
-    for (const item of data) {
-      styleSheet.appendChild(document.createTextNode(`${item.className}{${getCSS(item.style)}}`));
-    }
-    const head = document.getElementsByTagName("head")[0];
-    head.appendChild(styleSheet);
-    styleSheet.onload = () => resolve("load success");
-    styleSheet.onerror = () => reject("load error");
-  });
-};
-const updateStyle = (id, data) => {
-  const styleSheet = document.getElementById(id);
-  if (styleSheet) {
-    styleSheet.innerHTML = "";
-    for (const item of data) {
-      styleSheet.appendChild(document.createTextNode(`${item.className}{${getCSS(item.style)}}`));
-    }
+}, d = (t = {}) => Object.keys(t).map((e) => `${e}:${t[e] !== "" ? t[e] : '""'}`).join(";"), E = (t, e) => {
+  if (!document.getElementById(t))
+    return new Promise((r, n) => {
+      const s = document.createElement("style");
+      s.rel = "text/css", s.id = t;
+      for (const i of e)
+        s.appendChild(document.createTextNode(`${i.className}{${d(i.style)}}`));
+      document.getElementsByTagName("head")[0].appendChild(s), s.onload = () => r("load success"), s.onerror = () => n("load error");
+    });
+}, S = (t, e) => {
+  const r = document.getElementById(t);
+  if (r) {
+    r.innerHTML = "";
+    for (const n of e)
+      r.appendChild(document.createTextNode(`${n.className}{${d(n.style)}}`));
   }
+}, l = (t) => Number(t.toString().replace("px", "")), o = (t, e, r) => {
+  e = l(e), r = l(r);
+  let n;
+  return t === "add" && (n = e + r), t === "subtract" && (n = e - r), t === "multiply" && (n = e * r), t === "divide" && (n = e / r), e = null, r = null, n;
+}, c = (t) => ({
+  add: (e) => c(o("add", t, e)),
+  subtract: (e) => c(o("subtract", t, e)),
+  multiply: (e) => c(o("multiply", t, e)),
+  divide: (e) => c(o("divide", t, e)),
+  res: () => {
+    const e = t + "px";
+    return t = null, e;
+  }
+});
+export {
+  y as addClass,
+  E as createStyle,
+  c as curringMath,
+  d as getCSS,
+  N as getStyle,
+  h as hasClass,
+  g as removeClass,
+  S as updateStyle
 };
-
-const px2number = (str) => Number(str.toString().replace("px", ""));
-const operation = (type, a, b) => {
-  a = px2number(a);
-  b = px2number(b);
-  let res;
-  if (type === "add")
-    res = a + b;
-  if (type === "subtract")
-    res = a - b;
-  if (type === "multiply")
-    res = a * b;
-  if (type === "divide")
-    res = a / b;
-  a = null;
-  b = null;
-  return res;
-};
-const curringMath = (a) => {
-  return {
-    add: (b) => curringMath(operation("add", a, b)),
-    subtract: (b) => curringMath(operation("subtract", a, b)),
-    multiply: (b) => curringMath(operation("multiply", a, b)),
-    divide: (b) => curringMath(operation("divide", a, b)),
-    res: () => {
-      const res = a + "px";
-      a = null;
-      return res;
-    }
-  };
-};
-
-export { addClass, createStyle, curringMath, getCSS, getStyle, hasClass, removeClass, updateStyle };

package/style/math.js

@@ -1,32 +1,17 @@
-const px2number = (str) => Number(str.toString().replace("px", ""));
-const operation = (type, a, b) => {
-  a = px2number(a);
-  b = px2number(b);
-  let res;
-  if (type === "add")
-    res = a + b;
-  if (type === "subtract")
-    res = a - b;
-  if (type === "multiply")
-    res = a * b;
-  if (type === "divide")
-    res = a / b;
-  a = null;
-  b = null;
-  return res;
+const e = (t) => Number(t.toString().replace("px", "")), l = (t, r, i) => {
+  r = e(r), i = e(i);
+  let u;
+  return t === "add" && (u = r + i), t === "subtract" && (u = r - i), t === "multiply" && (u = r * i), t === "divide" && (u = r / i), r = null, i = null, u;
+}, n = (t) => ({
+  add: (r) => n(l("add", t, r)),
+  subtract: (r) => n(l("subtract", t, r)),
+  multiply: (r) => n(l("multiply", t, r)),
+  divide: (r) => n(l("divide", t, r)),
+  res: () => {
+    const r = t + "px";
+    return t = null, r;
+  }
+});
+export {
+  n as curringMath
 };
-const curringMath = (a) => {
-  return {
-    add: (b) => curringMath(operation("add", a, b)),
-    subtract: (b) => curringMath(operation("subtract", a, b)),
-    multiply: (b) => curringMath(operation("multiply", a, b)),
-    divide: (b) => curringMath(operation("divide", a, b)),
-    res: () => {
-      const res = a + "px";
-      a = null;
-      return res;
-    }
-  };
-};
-
-export { curringMath };

package/style/style.js

@@ -3,82 +3,59 @@
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-
-!!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
-!!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
-const cacheStringFunction = (fn) => {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return (str) => {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-};
-const camelizeRE = /-(\w)/g;
-const camelize = cacheStringFunction((str) => {
-  return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-});
-
-const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
-const hasClass = (el, cls) => {
-  if (!el || !cls)
-    return false;
-  if (cls.includes(" "))
+process.env.NODE_ENV !== "production" && Object.freeze({});
+process.env.NODE_ENV !== "production" && Object.freeze([]);
+const i = (e) => {
+  const t = /* @__PURE__ */ Object.create(null);
+  return (n) => t[n] || (t[n] = e(n));
+}, d = /-(\w)/g, l = i((e) => e.replace(d, (t, n) => n ? n.toUpperCase() : "")), c = (e = "") => e.split(" ").filter((t) => !!t.trim()), m = (e, t) => {
+  if (!e || !t)
+    return !1;
+  if (t.includes(" "))
     throw new Error("className should not contain space.");
-  return el.classList.contains(cls);
-};
-const addClass = (el, cls) => {
-  if (!el || !cls.trim())
-    return;
-  el.classList.add(...classNameToArray(cls));
-};
-const removeClass = (el, cls) => {
-  if (!el || !cls.trim())
-    return;
-  el.classList.remove(...classNameToArray(cls));
-};
-const getStyle = (element, styleName) => {
-  if (!element || !styleName)
+  return e.classList.contains(t);
+}, p = (e, t) => {
+  !e || !t.trim() || e.classList.add(...c(t));
+}, f = (e, t) => {
+  !e || !t.trim() || e.classList.remove(...c(t));
+}, h = (e, t) => {
+  if (!e || !t)
     return "";
-  let key = camelize(styleName);
-  if (key === "float")
-    key = "cssFloat";
+  let n = l(t);
+  n === "float" && (n = "cssFloat");
   try {
-    const style = element.style[key];
-    if (style)
-      return style;
-    const computed = window?.getComputedStyle(element, "");
-    return computed ? computed[key] : "";
+    const o = e.style[n];
+    if (o)
+      return o;
+    const r = window == null ? void 0 : window.getComputedStyle(e, "");
+    return r ? r[n] : "";
   } catch {
-    return element.style[key];
+    return e.style[n];
   }
-};
-const getCSS = (styleObj = {}) => {
-  return Object.keys(styleObj).map((key) => `${key}:${styleObj[key] !== "" ? styleObj[key] : '""'}`).join(";");
-};
-const createStyle = (id, data) => {
-  if (document.getElementById(id))
-    return;
-  return new Promise((resolve, reject) => {
-    const styleSheet = document.createElement("style");
-    styleSheet.rel = "text/css";
-    styleSheet.id = id;
-    for (const item of data) {
-      styleSheet.appendChild(document.createTextNode(`${item.className}{${getCSS(item.style)}}`));
-    }
-    const head = document.getElementsByTagName("head")[0];
-    head.appendChild(styleSheet);
-    styleSheet.onload = () => resolve("load success");
-    styleSheet.onerror = () => reject("load error");
-  });
-};
-const updateStyle = (id, data) => {
-  const styleSheet = document.getElementById(id);
-  if (styleSheet) {
-    styleSheet.innerHTML = "";
-    for (const item of data) {
-      styleSheet.appendChild(document.createTextNode(`${item.className}{${getCSS(item.style)}}`));
-    }
+}, a = (e = {}) => Object.keys(e).map((t) => `${t}:${e[t] !== "" ? e[t] : '""'}`).join(";"), y = (e, t) => {
+  if (!document.getElementById(e))
+    return new Promise((n, o) => {
+      const r = document.createElement("style");
+      r.rel = "text/css", r.id = e;
+      for (const s of t)
+        r.appendChild(document.createTextNode(`${s.className}{${a(s.style)}}`));
+      document.getElementsByTagName("head")[0].appendChild(r), r.onload = () => n("load success"), r.onerror = () => o("load error");
+    });
+}, E = (e, t) => {
+  const n = document.getElementById(e);
+  if (n) {
+    n.innerHTML = "";
+    for (const o of t)
+      n.appendChild(document.createTextNode(`${o.className}{${a(o.style)}}`));
   }
 };
-
-export { addClass, classNameToArray, createStyle, getCSS, getStyle, hasClass, removeClass, updateStyle };
+export {
+  p as addClass,
+  c as classNameToArray,
+  y as createStyle,
+  a as getCSS,
+  h as getStyle,
+  m as hasClass,
+  f as removeClass,
+  E as updateStyle
+};