@qy_better_lib/hooks 0.1.2 → 0.1.3

package/lib/index.js

@@ -0,0 +1,41 @@
+import { useEmits as f } from "./use-emit/index.js";
+import { useFile as l } from "./use-file/index.js";
+import { usePrintHtml as u } from "./use-print/index.js";
+import { useWaterMark as d } from "./use-waterMark/index.js";
+import { useWebSocket as c } from "./use-websocket/index.js";
+import { compress as F, compressAccurately as L } from "./use-image/index.js";
+import "./node_modules/@qy_better_lib/core/lib/directives/click-outside.js";
+import "./use-chart/default.js";
+import "vue";
+import { useLayoutFlow as U } from "./use-layout-flow/index.js";
+import "mqtt";
+import { useFullScreen as v } from "./use-utils/use-fullscreen.js";
+import { default as k } from "./use-image/canvastoDataURL.js";
+import { default as y } from "./use-image/canvastoFile.js";
+import { default as I } from "./use-image/dataURLtoFile.js";
+import { default as W } from "./use-image/dataURLtoImage.js";
+import { default as B } from "./use-image/downloadFile.js";
+import { default as E } from "./use-image/filetoDataURL.js";
+import { default as M } from "./use-image/imagetoCanvas.js";
+import { default as h } from "./use-image/urltoBlob.js";
+import { default as q } from "./use-image/urltoImage.js";
+export {
+  k as canvastoDataURL,
+  y as canvastoFile,
+  F as compress,
+  L as compressAccurately,
+  I as dataURLtoFile,
+  W as dataURLtoImage,
+  B as downloadFile,
+  E as filetoDataURL,
+  M as imagetoCanvas,
+  h as urltoBlob,
+  q as urltoImage,
+  f as useEmits,
+  l as useFile,
+  v as useFullScreen,
+  U as useLayoutFlow,
+  u as usePrintHtml,
+  d as useWaterMark,
+  c as useWebSocket
+};

package/lib/use-chart/default.js

@@ -0,0 +1,11 @@
+t(12), t(14), t(12), t(8), t(16), t(12), t(12), t(12), t(12);
+function t(e, n = 1920) {
+  if (!e) return;
+  let i = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+  if (!i) return e;
+  let o = i / n;
+  return Number((e * o).toFixed(3));
+}
+export {
+  t as auto_chart_size
+};

package/lib/use-emit/extend.js

@@ -0,0 +1,21 @@
+import c from "mitt";
+function a() {
+  const e = c();
+  return e.emitAsync = async function(n, ...s) {
+    const t = this.all?.get(n);
+    if (!t || t.length === 0)
+      return [];
+    const o = t.map((i) => {
+      try {
+        const r = i(...s);
+        return r instanceof Promise ? r : Promise.resolve(r);
+      } catch (r) {
+        return Promise.reject(r);
+      }
+    });
+    return Promise.all(o);
+  }, e;
+}
+export {
+  a as createAsyncEmitter
+};

package/lib/use-emit/index.js

@@ -0,0 +1,21 @@
+import { onMounted as m, onUnmounted as u } from "vue";
+import { createAsyncEmitter as e } from "./extend.js";
+const f = e();
+function a(o) {
+  return m(() => {
+    if (o && o.length > 0)
+      for (let r = 0; r < o.length; r++) {
+        debugger;
+        f.on(o[r].key, o[r].value);
+      }
+  }), u(() => {
+    if (o && o.length > 0)
+      for (let r = 0; r < o.length; r++)
+        f.off(o[r].key, o[r].value), f.all.delete(o[r].key);
+  }), {
+    emitter: f
+  };
+}
+export {
+  a as useEmits
+};

package/lib/use-file/index.js

@@ -0,0 +1,26 @@
+function c() {
+  function o(r, e) {
+    const n = document.createElement("a");
+    n.href = r, n.target = "_blank", e && n.setAttribute("download", e), document.body.appendChild(n), n.click(), document.body.removeChild(n);
+  }
+  function d(r) {
+    r.forEach((e) => {
+      o(e.url, e.name);
+    });
+  }
+  async function a(r) {
+    if (!r) return;
+    const e = new FileReader();
+    return e.readAsDataURL(r), new Promise((n, u) => {
+      e.onload = (t) => n(t.target?.result), e.onerror = (t) => u(void 0);
+    });
+  }
+  return {
+    downLoadFile: o,
+    downLoadFiles: d,
+    toBase64: a
+  };
+}
+export {
+  c as useFile
+};

package/lib/use-image/canvastoDataURL.js

@@ -0,0 +1,7 @@
+import { EImageType as t, checkImageType as c } from "./type.js";
+async function r(e, o = 0.92, a = t.JPEG) {
+  return c(a) || (a = t.JPEG), e.toDataURL(a, o);
+}
+export {
+  r as default
+};

package/lib/use-image/canvastoFile.js

@@ -0,0 +1,9 @@
+import { EImageType as n } from "./type.js";
+function m(e, o = 0.92, t = n.JPEG) {
+  return new Promise(
+    (r) => e.toBlob((a) => r(a), t, o)
+  );
+}
+export {
+  m as default
+};

package/lib/use-image/dataURLtoFile.js

@@ -0,0 +1,16 @@
+import { checkImageType as i } from "./type.js";
+async function s(c, e) {
+  const r = c.split(",");
+  let a = r[0].match(/:(.*?);/)?.[1];
+  const n = atob(r[1]);
+  let t = n.length;
+  const o = new Uint8Array(t);
+  for (; t--; )
+    o[t] = n.charCodeAt(t);
+  return i(e) && (a = e), new Blob([o], {
+    type: a
+  });
+}
+export {
+  s as default
+};

package/lib/use-image/dataURLtoImage.js

@@ -0,0 +1,9 @@
+function t(e) {
+  return new Promise((o, r) => {
+    const a = new Image();
+    a.onload = () => o(a), a.onerror = () => r(new Error("dataURLtoImage(): dataURL is illegal")), a.src = e;
+  });
+}
+export {
+  t as default
+};

package/lib/use-image/downloadFile.js

@@ -0,0 +1,9 @@
+function d(n, o) {
+  const e = document.createElement("a");
+  e.href = window.URL.createObjectURL(n), e.download = o || Date.now().toString(36), document.body.appendChild(e);
+  const t = document.createEvent("MouseEvents");
+  t.initEvent("click", !1, !1), e.dispatchEvent(t), document.body.removeChild(e);
+}
+export {
+  d as default
+};

package/lib/use-image/filetoDataURL.js

@@ -0,0 +1,9 @@
+function n(a) {
+  return new Promise((t) => {
+    const e = new FileReader();
+    e.onloadend = (r) => t(r.target?.result), e.readAsDataURL(a);
+  });
+}
+export {
+  n as default
+};

package/lib/use-image/imagetoCanvas.js

@@ -0,0 +1,41 @@
+async function w(e, s = {}) {
+  const a = { ...s }, t = document.createElement("canvas"), h = t.getContext("2d");
+  let d, r;
+  for (const i in a)
+    Object.prototype.hasOwnProperty.call(a, i) && (a[i] = Number(a[i]));
+  if (!a.scale)
+    r = a.width || (a.height || 0) * e.width / e.height || e.width, d = a.height || (a.width || 0) * e.height / e.width || e.height;
+  else {
+    const i = a.scale > 0 && a.scale < 10 ? a.scale : 1;
+    r = e.width * i, d = e.height * i;
+  }
+  switch ([5, 6, 7, 8].some((i) => i === a.orientation) ? (t.height = r, t.width = d) : (t.height = d, t.width = r), a.orientation) {
+    case 3:
+      h.rotate(180 * Math.PI / 180), h.drawImage(e, -t.width, -t.height, t.width, t.height);
+      break;
+    case 6:
+      h.rotate(90 * Math.PI / 180), h.drawImage(e, 0, -t.width, t.height, t.width);
+      break;
+    case 8:
+      h.rotate(270 * Math.PI / 180), h.drawImage(e, -t.height, 0, t.height, t.width);
+      break;
+    case 2:
+      h.translate(t.width, 0), h.scale(-1, 1), h.drawImage(e, 0, 0, t.width, t.height);
+      break;
+    case 4:
+      h.translate(t.width, 0), h.scale(-1, 1), h.rotate(180 * Math.PI / 180), h.drawImage(e, -t.width, -t.height, t.width, t.height);
+      break;
+    case 5:
+      h.translate(t.width, 0), h.scale(-1, 1), h.rotate(90 * Math.PI / 180), h.drawImage(e, 0, -t.width, t.height, t.width);
+      break;
+    case 7:
+      h.translate(t.width, 0), h.scale(-1, 1), h.rotate(270 * Math.PI / 180), h.drawImage(e, -t.height, 0, t.height, t.width);
+      break;
+    default:
+      h.drawImage(e, 0, 0, t.width, t.height);
+  }
+  return t;
+}
+export {
+  w as default
+};

package/lib/use-image/index.js

@@ -0,0 +1,72 @@
+import z from "./canvastoDataURL.js";
+import { EImageType as h, checkImageType as j } from "./type.js";
+import L from "./dataURLtoFile.js";
+import N from "./dataURLtoImage.js";
+import R from "./filetoDataURL.js";
+import U from "./imagetoCanvas.js";
+async function B(t, a = {}) {
+  if (!(t instanceof Blob))
+    throw new Error(
+      "compress(): First arg must be a Blob object or a File object."
+    );
+  if (typeof a != "object" && (a = Object.assign({
+    quality: a
+  })), a.quality = Number(a.quality), Number.isNaN(a.quality))
+    return t;
+  const e = await R(t);
+  let i = e.split(",")[0].match(/:(.*?);/)?.[1], m = h.JPEG;
+  j(a.type) && (m = a.type, i = a.type);
+  const o = await N(e), p = await U(o, Object.assign({}, a)), y = await z(p, a.quality, m), s = await L(y, i);
+  return s.size > t.size ? t : s;
+}
+async function M(t, a = {}) {
+  if (!(t instanceof Blob))
+    throw new Error(
+      "compressAccurately(): First arg must be a Blob object or a File object."
+    );
+  if (typeof a != "object" && (a = Object.assign({
+    size: a
+  })), a.size = Number(a.size), Number.isNaN(a.size) || a.size * 1024 > t.size)
+    return t;
+  a.accuracy = Number(a.accuracy), (!a.accuracy || a.accuracy < 0.8 || a.accuracy > 0.99) && (a.accuracy = 0.95);
+  const e = {
+    max: a.size * (2 - a.accuracy) * 1024,
+    accurate: a.size * 1024,
+    min: a.size * a.accuracy * 1024
+  }, i = await R(t);
+  let m = i.split(",")[0].match(/:(.*?);/)?.[1], o = h.JPEG;
+  j(a.type) && (o = a.type, m = a.type);
+  const p = await N(i), y = await U(p, Object.assign({}, a)), s = 0.75;
+  let l = 1, r;
+  const b = new Array(2);
+  for (let c = 1; c <= 7; c++) {
+    r = await z(y, l, o);
+    const u = r.length * s;
+    if (c === 7) {
+      (e.max < u || e.min > u) && (r = [r, ...b].filter((n) => n).sort(
+        (n, F) => Math.abs(n.length * s - e.accurate) - Math.abs(F.length * s - e.accurate)
+      )[0]);
+      break;
+    }
+    if (e.max < u)
+      b[1] = r, l -= 0.5 ** (c + 1);
+    else if (e.min > u)
+      b[0] = r, l += 0.5 ** (c + 1);
+    else
+      break;
+  }
+  const w = await L(
+    r,
+    m
+  );
+  return w.size > t.size ? t : w;
+}
+export {
+  z as canvastoDataURL,
+  B as compress,
+  M as compressAccurately,
+  L as dataURLtoFile,
+  N as dataURLtoImage,
+  R as filetoDataURL,
+  U as imagetoCanvas
+};

package/lib/use-image/type.js

@@ -0,0 +1,8 @@
+var i = /* @__PURE__ */ ((e) => (e.PNG = "image/png", e.JPEG = "image/jpeg", e.GIF = "image/gif", e))(i || {});
+function a(e) {
+  return ["image/png", "image/jpeg", "image/gif"].some((g) => g === e);
+}
+export {
+  i as EImageType,
+  a as checkImageType
+};

package/lib/use-image/urltoBlob.js

@@ -0,0 +1,6 @@
+function o(t) {
+  return fetch(t).then((e) => e.blob());
+}
+export {
+  o as default
+};

package/lib/use-image/urltoImage.js

@@ -0,0 +1,13 @@
+function n(o) {
+  return new Promise((r, a) => {
+    const e = new Image();
+    e.onload = () => r(e), e.onerror = () => a(
+      new Error(
+        "urltoImage(): Image failed to load, please check the image URL"
+      )
+    ), e.src = o;
+  });
+}
+export {
+  n as default
+};

package/lib/use-layout-flow/index.js

@@ -0,0 +1,120 @@
+import { Graph as x } from "@antv/x6";
+import { deepAssign as F } from "../node_modules/@qy_better_lib/core/lib/utils/object.js";
+import "../node_modules/@qy_better_lib/core/lib/directives/click-outside.js";
+import y from "dagre";
+function k(E) {
+  let c;
+  const B = {
+    panning: !0,
+    // 画布可拖动
+    interacting: !1,
+    // 边、节点是否可以拖动大小调整等
+    mousewheel: {
+      enabled: !0
+      // 开启滚轮交互
+    },
+    scaling: { min: 0.1, max: 10 }
+  };
+  function w(t) {
+    const e = F(B, E);
+    c = new x({ container: t, ...e });
+  }
+  function _(t) {
+    c.resetCells(t);
+  }
+  function N(t, e = "LR") {
+    const { node_w: o, node_h: a, nodesep: h, ranksep: f } = t, O = c.getNodes(), m = c.getEdges(), g = new y.graphlib.Graph();
+    g.setGraph({ rankdir: e, nodesep: h, ranksep: f }), g.setDefaultEdgeLabel(() => ({}));
+    const S = o, V = a;
+    O.forEach((s) => {
+      g.setNode(s.id, { width: S, height: V });
+    }), m.forEach((s) => {
+      const i = s.getSource(), u = s.getTarget();
+      g.setEdge(i.cell, u.cell);
+    }), y.layout(g), g.nodes().forEach((s) => {
+      const i = c.getCellById(s);
+      if (i) {
+        const u = g.node(s);
+        i.position(u.x, u.y);
+      }
+    }), m.forEach((s) => {
+      const i = s.getSourceNode(), u = s.getTargetNode(), n = i.getBBox(), r = u.getBBox();
+      if ((e === "LR" || e === "RL") && n.y !== r.y) {
+        const l = e === "LR" ? r.x - n.x - n.width : -n.x + r.x + r.width, p = e === "LR" ? n.width : 0, d = n.x + p + l / 2;
+        s.setVertices([
+          { x: d, y: n.center.y },
+          { x: d, y: r.center.y }
+        ]);
+      } else if ((e === "TB" || e === "BT") && n.x !== r.x) {
+        const l = e === "TB" ? r.y - n.y - n.height : -n.y + r.y + r.height, p = e === "TB" ? n.height : 0, d = n.y + p + l / 2;
+        s.setVertices([
+          { x: n.center.x, y: d },
+          { x: r.center.x, y: d }
+        ]);
+      } else
+        s.setVertices([]);
+    });
+  }
+  function L(t) {
+    c.zoomToFit({ padding: t, maxScale: 1.2 }), c.centerContent();
+  }
+  function T(t) {
+    const e = [];
+    return t.forEach((o) => {
+      const a = c.createNode(o);
+      e.push(a);
+    }), e;
+  }
+  function b(t) {
+    const e = [];
+    return t.forEach((o) => {
+      const a = c.createEdge({
+        shape: o.shape,
+        source: { cell: o.source_id },
+        target: { cell: o.target_id }
+      });
+      e.push(a);
+    }), e;
+  }
+  function R(t) {
+    Object.keys(t).forEach((o) => {
+      const a = t[o];
+      t[o] = e(a, "g", c), c.on(o, t[o]);
+    });
+    function e(o, a, h) {
+      return function(...f) {
+        return f[0][a] = h, o.apply(this, f);
+      };
+    }
+  }
+  function C(t) {
+    Object.keys(t.nodes).forEach((e) => {
+      const o = t.nodes[e];
+      x.registerNode(e, o, !0);
+    }), Object.keys(t.edges).forEach((e) => {
+      const o = t.edges[e];
+      x.registerEdge(e, o, !0);
+    });
+  }
+  function j() {
+    return c.getNodes();
+  }
+  function G() {
+    c?.clearCells();
+  }
+  return {
+    init: w,
+    add_graph_elements: _,
+    layout: N,
+    center_content: L,
+    createNodes: T,
+    createEdges: b,
+    register_event: R,
+    register_custom_elements: C,
+    get_nodes: j,
+    clear: G
+  };
+}
+export {
+  k as useLayoutFlow
+};

package/lib/use-print/index.js

@@ -0,0 +1,67 @@
+function y() {
+  function o(t) {
+    let e = c(), n = u(t);
+    document.body.appendChild(e), document.body.appendChild(n), m(n).then(() => {
+      window.print(), document.body.removeChild(e), document.body.removeChild(n);
+    });
+  }
+  function c(t) {
+    let e = `#print-container {
+            display: none;
+        }
+        @media print {
+            body > :not(.print-container) {
+                display: none;
+            }
+            html,
+            body {
+                display: block !important;
+            }
+            #print-container {
+                display: block;
+            }
+        }`, n = document.createElement("style");
+    return n.innerHTML = e, n;
+  }
+  function d() {
+    let t = document.getElementById("print-container");
+    t && document?.querySelector("body")?.removeChild(t);
+  }
+  function u(t) {
+    d();
+    let e = document.createElement("div");
+    return e.setAttribute("id", "print-container"), e.innerHTML = t, e;
+  }
+  function m(t) {
+    let e = t.querySelectorAll("img");
+    const n = [].slice.call(e);
+    if (n.length === 0)
+      return Promise.resolve();
+    let i = 0;
+    return new Promise((p) => {
+      function r() {
+        i++, i === n.length && p();
+      }
+      n.forEach((l) => {
+        l.addEventListener("load", r), l.addEventListener("error", r);
+      });
+    });
+  }
+  function a(t) {
+    const e = document.querySelector(t);
+    e && o(e.innerHTML);
+  }
+  function s(t) {
+    let e = "";
+    for (let n = 0; n < t.length; n++)
+      e += t[n].outerHTML;
+    e && o(e);
+  }
+  return {
+    printHtml: a,
+    printHtmlElement: s
+  };
+}
+export {
+  y as usePrintHtml
+};

package/lib/use-utils/use-fullscreen.js

@@ -0,0 +1,24 @@
+import { ref as c, shallowRef as r, onMounted as o, onUnmounted as a } from "vue";
+function f(u) {
+  const l = c(!1);
+  let e = r(null);
+  o(() => {
+    e.value = document.querySelector(u), e.value?.addEventListener("fullscreenchange", n);
+  }), a(() => {
+    e.value?.removeEventListener("fullscreenchange", n);
+  });
+  function t() {
+    l.value ? document.exitFullscreen && document.exitFullscreen() : e.value?.requestFullscreen && e.value?.requestFullscreen(), l.value = !l.value;
+  }
+  function n() {
+    l.value = document.fullscreenElement === e.value;
+  }
+  return {
+    container: e,
+    full: l,
+    on_change: t
+  };
+}
+export {
+  f as useFullScreen
+};

package/lib/use-waterMark/index.js

@@ -0,0 +1,29 @@
+function p() {
+  const c = "A77B030B-E33D-C656-7642-56D6FEA46059";
+  function u(n = null, i, o, a) {
+    let d = m(n, i, o, a);
+    document.getElementById(d) === null && (d = m(n, i, o));
+  }
+  function s() {
+    document.getElementById(c)?.remove();
+  }
+  function m(n = null, i, o, a = "#999") {
+    const d = n != null ? document.querySelector(n) : document.body, r = document.getElementById(c);
+    r !== null && d?.removeChild(r);
+    let l = document.createElement("canvas");
+    l.width = 250, l.height = 150;
+    let t = l.getContext("2d");
+    t && (t.font = "16px Avenir,Helvetica,Arial,sans-serif", t.fillStyle = a.replace(/\,\s(1|(0.\d+)\))/, ", 0.1"), t.textAlign = "left", t.textBaseline = "middle", t.rotate(-15 * Math.PI / 180), t?.fillText(i, 0, l.height), o && t?.fillText(o, t.measureText(i).width + 16, l.height));
+    let e = document.createElement("div");
+    e.id = c, e.style.pointerEvents = "none", e.style.top = "0px", e.style.left = "0px", e.style.position = "fixed", e.style.zIndex = "100000";
+    const { clientWidth: f, clientHeight: h } = document.documentElement;
+    return e.style.width = f + "px", e.style.height = h + "px", e.style.background = "url(" + l.toDataURL("image/png") + ") left top repeat", d?.appendChild(e), c;
+  }
+  return {
+    createWaterMark: u,
+    removeWatermark: s
+  };
+}
+export {
+  p as useWaterMark
+};

package/lib/use-websocket/index.js

@@ -0,0 +1,54 @@
+function d(r) {
+  let n = 0, t = !1, e, c;
+  const { server: i, receive: a } = r;
+  window.onbeforeunload = () => {
+    e?.close();
+  };
+  function l() {
+    try {
+      e = new WebSocket(i), u();
+    } catch (o) {
+      console.log("连接建立异常", o);
+    }
+  }
+  function s() {
+    if (n >= 5) {
+      e?.close();
+      return;
+    }
+    if (t) return !1;
+    t = !0, c = setTimeout(function() {
+      l(), t = !1, n++, c && clearTimeout(c);
+    }, 5e3);
+  }
+  function u() {
+    e && (e.onerror = (o) => {
+      console.log("连接错误", o), s();
+    }, e.onclose = () => {
+      console.log("连接关闭 - " + (/* @__PURE__ */ new Date()).toLocaleTimeString()), s();
+    }, e.onopen = () => {
+      n = 0, console.log("连接成功");
+    }, e.onmessage = (o) => {
+      try {
+        a(o);
+      } catch {
+        console.log("message:" + o.data);
+      }
+    });
+  }
+  function f(o) {
+    e?.readyState === WebSocket.OPEN && e?.send(o);
+  }
+  function g() {
+    e?.close();
+  }
+  return {
+    ws: e,
+    create: l,
+    socketClose: g,
+    sendMessage: f
+  };
+}
+export {
+  d as useWebSocket
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qy_better_lib/hooks",
   "private": false,
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "qy better lib hooks",
   "author": "luhuiming",
   "license": "ISC",
@@ -35,15 +35,7 @@
       "import": "./lib/index.js"
     },
     "./use-chart": "./lib/use-chart/index.js",
-    "./use-emit": "./lib/use-emit/index.js",
-    "./use-file": "./lib/use-file/index.js",
-    "./use-image": "./lib/use-image/index.js",
-    "./use-layout-flow": "./lib/use-layout-flow/index.js",
-    "./use-mqtt": "./lib/use-mqtt/index.js",
-    "./use-print": "./lib/use-print/index.js",
-    "./use-utils": "./lib/use-utils/index.js",
-    "./use-waterMark": "./lib/use-waterMark/index.js",
-    "./use-websocket": "./lib/use-websocket/index.js"
+    "./use-chart/*": "./lib/use-chart/*/*.js"
   },
   "devDependencies": {
     "@antv/x6": "^2.18.1",

package/lib/_virtual/_cloneBuffer.js

@@ -1,4 +0,0 @@
-var e = { exports: {} };
-export {
-  e as __module
-};

package/lib/_virtual/_commonjs-dynamic-modules.js

@@ -1,6 +0,0 @@
-function r(o) {
-  throw new Error('Could not dynamically require "' + o + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-}
-export {
-  r as commonjsRequire
-};