@qy_better_lib/hooks 0.1.7 → 0.1.8

package/dist/@qy_better_lib/hooks.min.js

@@ -1,4 +1,4 @@
-(function(u,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("vue"),require("mitt")):typeof define=="function"&&define.amd?define(["exports","vue","mitt"],f):(u=typeof globalThis<"u"?globalThis:u||self,f(u["@qy_better_lib/hooks"]={},u.vue,u.mitt))})(this,(function(u,f,R){"use strict";function C(){const t=R();return t.emitAsync=async function(n,...a){const e=this.all?.get(n);if(!e||e.length===0)return[];const r=e.map(i=>{try{const l=i(...a);return l instanceof Promise?l:Promise.resolve(l)}catch(l){return Promise.reject(l)}});return Promise.all(r)},t}const g=C();function U(t){return f.onMounted(()=>{if(t&&t.length>0)for(let n=0;n<t.length;n++){debugger;g.on(t[n].key,t[n].value)}}),f.onUnmounted(()=>{if(t&&t.length>0)for(let n=0;n<t.length;n++)g.off(t[n].key,t[n].value),g.all.delete(t[n].key)}),{emitter:g}}function M(){function t(e,r){const i=document.createElement("a");i.href=e,i.target="_blank",r&&i.setAttribute("download",r),document.body.appendChild(i),i.click(),document.body.removeChild(i)}function n(e){e.forEach(r=>{t(r.url,r.name)})}async function a(e){if(!e)return;const r=new FileReader;return r.readAsDataURL(e),new Promise((i,l)=>{r.onload=o=>i(o.target?.result),r.onerror=o=>l(void 0)})}return{downLoadFile:t,downLoadFiles:n,toBase64:a}}function F(){function t(o){let c=n(),d=e(o);document.body.appendChild(c),document.body.appendChild(d),r(d).then(()=>{window.print(),document.body.removeChild(c),document.body.removeChild(d)})}function n(o){let c=`#print-container {
+(function(d,L){typeof exports=="object"&&typeof module<"u"?L(exports,require("mitt"),require("vue"),require("@antv/x6"),require("dagre"),require("mqtt")):typeof define=="function"&&define.amd?define(["exports","mitt","vue","@antv/x6","dagre","mqtt"],L):(d=typeof globalThis<"u"?globalThis:d||self,L(d["@qy_better_lib/hooks"]={},d.mitt,d.vue,d["@antv/x6"],d.dagre))})(this,(function(d,L,S,U,O){"use strict";function J(){if(typeof L>"u")return{};const t=L();return t.emitAsync=async function(e,...o){const n=this.all?.get(e);if(!n||n.length===0)return[];const r=n.map(a=>{try{const u=a(...o);return u instanceof Promise?u:Promise.resolve(u)}catch(u){return Promise.reject(u)}});return Promise.all(r)},t}const R=J();function V(t){return typeof L>"u"?{emitter:R}:(S.onMounted(()=>{if(t&&t.length>0)for(let e=0;e<t.length;e++){debugger;R.on(t[e].key,t[e].value)}}),S.onUnmounted(()=>{if(t&&t.length>0)for(let e=0;e<t.length;e++)R.off(t[e].key,t[e].value),R.all.delete(t[e].key)}),{emitter:R})}function Q(){function t(n,r){const a=document.createElement("a");a.href=n,a.target="_blank",r&&a.setAttribute("download",r),document.body.appendChild(a),a.click(),document.body.removeChild(a)}function e(n){n.forEach(r=>{t(r.url,r.name)})}async function o(n){if(!n)return;const r=new FileReader;return r.readAsDataURL(n),new Promise((a,u)=>{r.onload=c=>a(c.target?.result),r.onerror=c=>u(void 0)})}return{downLoadFile:t,downLoadFiles:e,toBase64:o}}function $(){function t(c){let i=e(),m=n(c);document.body.appendChild(i),document.body.appendChild(m),r(m).then(()=>{window.print(),document.body.removeChild(i),document.body.removeChild(m)})}function e(c){let i=`#print-container {
             display: none;
         }
         @media print {
@@ -12,4 +12,4 @@
             #print-container {
                 display: block;
             }
-        }`,d=document.createElement("style");return d.innerHTML=c,d}function a(){let o=document.getElementById("print-container");o&&document?.querySelector("body")?.removeChild(o)}function e(o){a();let c=document.createElement("div");return c.setAttribute("id","print-container"),c.innerHTML=o,c}function r(o){let c=o.querySelectorAll("img");const d=[].slice.call(c);if(d.length===0)return Promise.resolve();let m=0;return new Promise(h=>{function s(){m++,m===d.length&&h()}d.forEach(y=>{y.addEventListener("load",s),y.addEventListener("error",s)})})}function i(o){const c=document.querySelector(o);c&&t(c.innerHTML)}function l(o){let c="";for(let d=0;d<o.length;d++)c+=o[d].outerHTML;c&&t(c)}return{printHtml:i,printHtmlElement:l}}function j(){const t="A77B030B-E33D-C656-7642-56D6FEA46059";function n(r=null,i,l,o){let c=e(r,i,l,o);document.getElementById(c)===null&&(c=e(r,i,l))}function a(){document.getElementById(t)?.remove()}function e(r=null,i,l,o="#999"){const c=r!=null?document.querySelector(r):document.body,d=document.getElementById(t);d!==null&&c?.removeChild(d);let m=document.createElement("canvas");m.width=250,m.height=150;let h=m.getContext("2d");h&&(h.font="16px Avenir,Helvetica,Arial,sans-serif",h.fillStyle=o.replace(/\,\s(1|(0.\d+)\))/,", 0.1"),h.textAlign="left",h.textBaseline="middle",h.rotate(-15*Math.PI/180),h?.fillText(i,0,m.height),l&&h?.fillText(l,h.measureText(i).width+16,m.height));let s=document.createElement("div");s.id=t,s.style.pointerEvents="none",s.style.top="0px",s.style.left="0px",s.style.position="fixed",s.style.zIndex="100000";const{clientWidth:y,clientHeight:b}=document.documentElement;return s.style.width=y+"px",s.style.height=b+"px",s.style.background="url("+m.toDataURL("image/png")+") left top repeat",c?.appendChild(s),t}return{createWaterMark:n,removeWatermark:a}}function A(t){let n=0,a=!1,e,r;const{server:i,receive:l}=t;window.onbeforeunload=()=>{e?.close()};function o(){try{e=new WebSocket(i),d()}catch(s){console.log("连接建立异常",s)}}function c(){if(n>=5){e?.close();return}if(a)return!1;a=!0,r=setTimeout(function(){o(),a=!1,n++,r&&clearTimeout(r)},5e3)}function d(){e&&(e.onerror=s=>{console.log("连接错误",s),c()},e.onclose=()=>{console.log("连接关闭 - "+new Date().toLocaleTimeString()),c()},e.onopen=()=>{n=0,console.log("连接成功")},e.onmessage=s=>{try{l(s)}catch{console.log("message:"+s.data)}})}function m(s){e?.readyState===WebSocket.OPEN&&e?.send(s)}function h(){e?.close()}return{ws:e,create:o,socketClose:h,sendMessage:m}}var w=(t=>(t.PNG="image/png",t.JPEG="image/jpeg",t.GIF="image/gif",t))(w||{});function p(t){return["image/png","image/jpeg","image/gif"].some(n=>n===t)}async function v(t,n=.92,a=w.JPEG){return p(a)||(a=w.JPEG),t.toDataURL(a,n)}function S(t,n=.92,a=w.JPEG){return new Promise(e=>t.toBlob(r=>e(r),a,n))}async function E(t,n){const a=t.split(",");let e=a[0].match(/:(.*?);/)?.[1];const r=atob(a[1]);let i=r.length;const l=new Uint8Array(i);for(;i--;)l[i]=r.charCodeAt(i);return p(n)&&(e=n),new Blob([l],{type:e})}function k(t){return new Promise((n,a)=>{const e=new Image;e.onload=()=>n(e),e.onerror=()=>a(new Error("dataURLtoImage(): dataURL is illegal")),e.src=t})}function z(t,n){const a=document.createElement("a");a.href=window.URL.createObjectURL(t),a.download=n||Date.now().toString(36),document.body.appendChild(a);const e=document.createEvent("MouseEvents");e.initEvent("click",!1,!1),a.dispatchEvent(e),document.body.removeChild(a)}function L(t){return new Promise(n=>{const a=new FileReader;a.onloadend=e=>n(e.target?.result),a.readAsDataURL(t)})}async function P(t,n={}){const a={...n},e=document.createElement("canvas"),r=e.getContext("2d");let i,l;for(const o in a)Object.prototype.hasOwnProperty.call(a,o)&&(a[o]=Number(a[o]));if(!a.scale)l=a.width||(a.height||0)*t.width/t.height||t.width,i=a.height||(a.width||0)*t.height/t.width||t.height;else{const o=a.scale>0&&a.scale<10?a.scale:1;l=t.width*o,i=t.height*o}switch([5,6,7,8].some(o=>o===a.orientation)?(e.height=l,e.width=i):(e.height=i,e.width=l),a.orientation){case 3:r.rotate(180*Math.PI/180),r.drawImage(t,-e.width,-e.height,e.width,e.height);break;case 6:r.rotate(90*Math.PI/180),r.drawImage(t,0,-e.width,e.height,e.width);break;case 8:r.rotate(270*Math.PI/180),r.drawImage(t,-e.height,0,e.height,e.width);break;case 2:r.translate(e.width,0),r.scale(-1,1),r.drawImage(t,0,0,e.width,e.height);break;case 4:r.translate(e.width,0),r.scale(-1,1),r.rotate(180*Math.PI/180),r.drawImage(t,-e.width,-e.height,e.width,e.height);break;case 5:r.translate(e.width,0),r.scale(-1,1),r.rotate(90*Math.PI/180),r.drawImage(t,0,-e.width,e.height,e.width);break;case 7:r.translate(e.width,0),r.scale(-1,1),r.rotate(270*Math.PI/180),r.drawImage(t,-e.height,0,e.height,e.width);break;default:r.drawImage(t,0,0,e.width,e.height)}return e}function B(t){return fetch(t).then(n=>n.blob())}function D(t){return new Promise((n,a)=>{const e=new Image;e.onload=()=>n(e),e.onerror=()=>a(new Error("urltoImage(): Image failed to load, please check the image URL")),e.src=t})}async function T(t,n={}){if(!(t instanceof Blob))throw new Error("compress(): First arg must be a Blob object or a File object.");if(typeof n!="object"&&(n=Object.assign({quality:n})),n.quality=Number(n.quality),Number.isNaN(n.quality))return t;const a=await L(t);let e=a.split(",")[0].match(/:(.*?);/)?.[1],r=w.JPEG;p(n.type)&&(r=n.type,e=n.type);const i=await k(a),l=await P(i,Object.assign({},n)),o=await v(l,n.quality,r),c=await E(o,e);return c.size>t.size?t:c}async function q(t,n={}){if(!(t instanceof Blob))throw new Error("compressAccurately(): First arg must be a Blob object or a File object.");if(typeof n!="object"&&(n=Object.assign({size:n})),n.size=Number(n.size),Number.isNaN(n.size)||n.size*1024>t.size)return t;n.accuracy=Number(n.accuracy),(!n.accuracy||n.accuracy<.8||n.accuracy>.99)&&(n.accuracy=.95);const a={max:n.size*(2-n.accuracy)*1024,accurate:n.size*1024,min:n.size*n.accuracy*1024},e=await L(t);let r=e.split(",")[0].match(/:(.*?);/)?.[1],i=w.JPEG;p(n.type)&&(i=n.type,r=n.type);const l=await k(e),o=await P(l,Object.assign({},n)),c=.75;let d=1,m;const h=new Array(2);for(let y=1;y<=7;y++){m=await v(o,d,i);const b=m.length*c;if(y===7){(a.max<b||a.min>b)&&(m=[m,...h].filter(I=>I).sort((I,H)=>Math.abs(I.length*c-a.accurate)-Math.abs(H.length*c-a.accurate))[0]);break}if(a.max<b)h[1]=m,d-=.5**(y+1);else if(a.min>b)h[0]=m,d+=.5**(y+1);else break}const s=await E(m,r);return s.size>t.size?t:s}u.canvastoDataURL=v,u.canvastoFile=S,u.compress=T,u.compressAccurately=q,u.dataURLtoFile=E,u.dataURLtoImage=k,u.downloadFile=z,u.filetoDataURL=L,u.imagetoCanvas=P,u.urltoBlob=B,u.urltoImage=D,u.useEmits=U,u.useFile=M,u.usePrintHtml=F,u.useWaterMark=j,u.useWebSocket=A,Object.defineProperty(u,Symbol.toStringTag,{value:"Module"})}));
+        }`,m=document.createElement("style");return m.innerHTML=i,m}function o(){let c=document.getElementById("print-container");c&&document?.querySelector("body")?.removeChild(c)}function n(c){o();let i=document.createElement("div");return i.setAttribute("id","print-container"),i.innerHTML=c,i}function r(c){let i=c.querySelectorAll("img");const m=[].slice.call(i);if(m.length===0)return Promise.resolve();let g=0;return new Promise(y=>{function h(){g++,g===m.length&&y()}m.forEach(s=>{s.addEventListener("load",h),s.addEventListener("error",h)})})}function a(c){const i=document.querySelector(c);i&&t(i.innerHTML)}function u(c){let i="";for(let m=0;m<c.length;m++)i+=c[m].outerHTML;i&&t(i)}return{printHtml:a,printHtmlElement:u}}function K(){const t="A77B030B-E33D-C656-7642-56D6FEA46059";function e(r=null,a,u,c){let i=n(r,a,u,c);document.getElementById(i)===null&&(i=n(r,a,u))}function o(){document.getElementById(t)?.remove()}function n(r=null,a,u,c="#999"){const i=r!=null?document.querySelector(r):document.body,m=document.getElementById(t);m!==null&&i?.removeChild(m);let g=document.createElement("canvas");g.width=250,g.height=150;let y=g.getContext("2d");y&&(y.font="16px Avenir,Helvetica,Arial,sans-serif",y.fillStyle=c.replace(/\,\s(1|(0.\d+)\))/,", 0.1"),y.textAlign="left",y.textBaseline="middle",y.rotate(-15*Math.PI/180),y?.fillText(a,0,g.height),u&&y?.fillText(u,y.measureText(a).width+16,g.height));let h=document.createElement("div");h.id=t,h.style.pointerEvents="none",h.style.top="0px",h.style.left="0px",h.style.position="fixed",h.style.zIndex="100000";const{clientWidth:s,clientHeight:l}=document.documentElement;return h.style.width=s+"px",h.style.height=l+"px",h.style.background="url("+g.toDataURL("image/png")+") left top repeat",i?.appendChild(h),t}return{createWaterMark:e,removeWatermark:o}}function X(t){let e=0,o=!1,n,r;const{server:a,receive:u}=t;window.onbeforeunload=()=>{n?.close()};function c(){try{n=new WebSocket(a),m()}catch(h){console.log("连接建立异常",h)}}function i(){if(e>=5){n?.close();return}if(o)return!1;o=!0,r=setTimeout(function(){c(),o=!1,e++,r&&clearTimeout(r)},5e3)}function m(){n&&(n.onerror=h=>{console.log("连接错误",h),i()},n.onclose=()=>{console.log("连接关闭 - "+new Date().toLocaleTimeString()),i()},n.onopen=()=>{e=0,console.log("连接成功")},n.onmessage=h=>{try{u(h)}catch{console.log("message:"+h.data)}})}function g(h){n?.readyState===WebSocket.OPEN&&n?.send(h)}function y(){n?.close()}return{ws:n,create:c,socketClose:y,sendMessage:g}}var k=(t=>(t.PNG="image/png",t.JPEG="image/jpeg",t.GIF="image/gif",t))(k||{});function B(t){return["image/png","image/jpeg","image/gif"].some(e=>e===t)}async function j(t,e=.92,o=k.JPEG){return B(o)||(o=k.JPEG),t.toDataURL(o,e)}function Y(t,e=.92,o=k.JPEG){return new Promise(n=>t.toBlob(r=>n(r),o,e))}async function M(t,e){const o=t.split(",");let n=o[0].match(/:(.*?);/)?.[1];const r=atob(o[1]);let a=r.length;const u=new Uint8Array(a);for(;a--;)u[a]=r.charCodeAt(a);return B(e)&&(n=e),new Blob([u],{type:n})}function z(t){return new Promise((e,o)=>{const n=new Image;n.onload=()=>e(n),n.onerror=()=>o(new Error("dataURLtoImage(): dataURL is illegal")),n.src=t})}function Z(t,e){const o=document.createElement("a");o.href=window.URL.createObjectURL(t),o.download=e||Date.now().toString(36),document.body.appendChild(o);const n=document.createEvent("MouseEvents");n.initEvent("click",!1,!1),o.dispatchEvent(n),document.body.removeChild(o)}function T(t){return new Promise(e=>{const o=new FileReader;o.onloadend=n=>e(n.target?.result),o.readAsDataURL(t)})}async function q(t,e={}){const o={...e},n=document.createElement("canvas"),r=n.getContext("2d");let a,u;for(const c in o)Object.prototype.hasOwnProperty.call(o,c)&&(o[c]=Number(o[c]));if(!o.scale)u=o.width||(o.height||0)*t.width/t.height||t.width,a=o.height||(o.width||0)*t.height/t.width||t.height;else{const c=o.scale>0&&o.scale<10?o.scale:1;u=t.width*c,a=t.height*c}switch([5,6,7,8].some(c=>c===o.orientation)?(n.height=u,n.width=a):(n.height=a,n.width=u),o.orientation){case 3:r.rotate(180*Math.PI/180),r.drawImage(t,-n.width,-n.height,n.width,n.height);break;case 6:r.rotate(90*Math.PI/180),r.drawImage(t,0,-n.width,n.height,n.width);break;case 8:r.rotate(270*Math.PI/180),r.drawImage(t,-n.height,0,n.height,n.width);break;case 2:r.translate(n.width,0),r.scale(-1,1),r.drawImage(t,0,0,n.width,n.height);break;case 4:r.translate(n.width,0),r.scale(-1,1),r.rotate(180*Math.PI/180),r.drawImage(t,-n.width,-n.height,n.width,n.height);break;case 5:r.translate(n.width,0),r.scale(-1,1),r.rotate(90*Math.PI/180),r.drawImage(t,0,-n.width,n.height,n.width);break;case 7:r.translate(n.width,0),r.scale(-1,1),r.rotate(270*Math.PI/180),r.drawImage(t,-n.height,0,n.height,n.width);break;default:r.drawImage(t,0,0,n.width,n.height)}return n}function ee(t){return fetch(t).then(e=>e.blob())}function te(t){return new Promise((e,o)=>{const n=new Image;n.onload=()=>e(n),n.onerror=()=>o(new Error("urltoImage(): Image failed to load, please check the image URL")),n.src=t})}async function ne(t,e={}){if(!(t instanceof Blob))throw new Error("compress(): First arg must be a Blob object or a File object.");if(typeof e!="object"&&(e=Object.assign({quality:e})),e.quality=Number(e.quality),Number.isNaN(e.quality))return t;const o=await T(t);let n=o.split(",")[0].match(/:(.*?);/)?.[1],r=k.JPEG;B(e.type)&&(r=e.type,n=e.type);const a=await z(o),u=await q(a,Object.assign({},e)),c=await j(u,e.quality,r),i=await M(c,n);return i.size>t.size?t:i}async function oe(t,e={}){if(!(t instanceof Blob))throw new Error("compressAccurately(): First arg must be a Blob object or a File object.");if(typeof e!="object"&&(e=Object.assign({size:e})),e.size=Number(e.size),Number.isNaN(e.size)||e.size*1024>t.size)return t;e.accuracy=Number(e.accuracy),(!e.accuracy||e.accuracy<.8||e.accuracy>.99)&&(e.accuracy=.95);const o={max:e.size*(2-e.accuracy)*1024,accurate:e.size*1024,min:e.size*e.accuracy*1024},n=await T(t);let r=n.split(",")[0].match(/:(.*?);/)?.[1],a=k.JPEG;B(e.type)&&(a=e.type,r=e.type);const u=await z(n),c=await q(u,Object.assign({},e)),i=.75;let m=1,g;const y=new Array(2);for(let s=1;s<=7;s++){g=await j(c,m,a);const l=g.length*i;if(s===7){(o.max<l||o.min>l)&&(g=[g,...y].filter(f=>f).sort((f,b)=>Math.abs(f.length*i-o.accurate)-Math.abs(b.length*i-o.accurate))[0]);break}if(o.max<l)y[1]=g,m-=.5**(s+1);else if(o.min>l)y[0]=g,m+=.5**(s+1);else break}const h=await M(g,r);return h.size>t.size?t:h}function N(t){return typeof t=="object"&&Object.prototype.toString.call(t)==="[object Object]"}const re=typeof window<"u";function W(...t){let e=t.length,o=t[0];N(o)||(o={});for(let n=1;n<e;n++){let r=t[n];if(N(r))for(let a in r)a==="__proto__"||o===r[a]||(N(r[a])?o[a]=W(o[a],r[a]):o[a]=r[a])}return o}const ae=new Map;let G;re&&(document.addEventListener("mousedown",t=>G=t),document.addEventListener("mouseup",t=>{for(const e of ae.values())for(const{documentHandler:o}of e)o(t,G)})),v(12),v(14),v(12),v(8),v(16),v(12),v(12),v(12),v(12);function v(t,e=1920){if(!t)return 0;let o=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;if(!o)return t;let n=o/e;return Number((t*n).toFixed(3))}function ce(t){let e;const o={panning:!0,interacting:!1,mousewheel:{enabled:!0},scaling:{min:.1,max:10}};function n(s){const l=W(o,t);e=new U.Graph({container:s,...l})}function r(s){e.resetCells(s)}function a(s,l="LR"){const{node_w:f,node_h:b,nodesep:A,ranksep:C}=s,se=e.getNodes(),H=e.getEdges(),x=new O.graphlib.Graph;x.setGraph({rankdir:l,nodesep:A,ranksep:C}),x.setDefaultEdgeLabel(()=>({}));const le=f,ue=b;se.forEach(p=>{x.setNode(p.id,{width:le,height:ue})}),H.forEach(p=>{const P=p.getSource(),F=p.getTarget();x.setEdge(P.cell,F.cell)}),O.layout(x),x.nodes().forEach(p=>{const P=e.getCellById(p);if(P){const F=x.node(p);P.position(F.x,F.y)}}),H.forEach(p=>{const P=p.getSourceNode(),F=p.getTargetNode(),w=P.getBBox(),E=F.getBBox();if((l==="LR"||l==="RL")&&w.y!==E.y){const _=l==="LR"?E.x-w.x-w.width:-w.x+E.x+E.width,D=l==="LR"?w.width:0,I=w.x+D+_/2;p.setVertices([{x:I,y:w.center.y},{x:I,y:E.center.y}])}else if((l==="TB"||l==="BT")&&w.x!==E.x){const _=l==="TB"?E.y-w.y-w.height:-w.y+E.y+E.height,D=l==="TB"?w.height:0,I=w.y+D+_/2;p.setVertices([{x:w.center.x,y:I},{x:E.center.x,y:I}])}else p.setVertices([])})}function u(s){e.zoomToFit({padding:s,maxScale:1.2}),e.centerContent()}function c(s){const l=[];return s.forEach(f=>{const b=e.createNode(f);l.push(b)}),l}function i(s){const l=[];return s.forEach(f=>{const b=e.createEdge({shape:f.shape,source:{cell:f.source_id},target:{cell:f.target_id}});l.push(b)}),l}function m(s){Object.keys(s).forEach(f=>{const b=s[f];s[f]=l(b,"g",e),e.on(f,s[f])});function l(f,b,A){return function(...C){return C[0][b]=A,f.apply(this,C)}}}function g(s){Object.keys(s.nodes).forEach(l=>{const f=s.nodes[l];U.Graph.registerNode(l,f,!0)}),Object.keys(s.edges).forEach(l=>{const f=s.edges[l];U.Graph.registerEdge(l,f,!0)})}function y(){return e.getNodes()}function h(){e?.clearCells()}return{init:n,add_graph_elements:r,layout:a,center_content:u,createNodes:c,createEdges:i,register_event:m,register_custom_elements:g,get_nodes:y,clear:h}}function ie(t){const e=S.ref(!1);let o=S.shallowRef(null);S.onMounted(()=>{o.value=document.querySelector(t),o.value?.addEventListener("fullscreenchange",r)}),S.onUnmounted(()=>{o.value?.removeEventListener("fullscreenchange",r)});function n(){e.value?document.exitFullscreen&&document.exitFullscreen():o.value?.requestFullscreen&&o.value?.requestFullscreen(),e.value=!e.value}function r(){e.value=document.fullscreenElement===o.value}return{container:o,full:e,on_change:n}}d.canvastoDataURL=j,d.canvastoFile=Y,d.compress=ne,d.compressAccurately=oe,d.dataURLtoFile=M,d.dataURLtoImage=z,d.downloadFile=Z,d.filetoDataURL=T,d.imagetoCanvas=q,d.urltoBlob=ee,d.urltoImage=te,d.useEmits=V,d.useFile=Q,d.useFullScreen=ie,d.useLayoutFlow=ce,d.usePrintHtml=$,d.useWaterMark=K,d.useWebSocket=X,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})}));

package/lib/index.d.ts

@@ -4,3 +4,7 @@ export * from './use-print';
 export * from './use-waterMark';
 export * from './use-websocket';
 export * from './use-image';
+export * from './use-chart';
+export * from './use-layout-flow';
+export * from './use-mqtt';
+export * from './use-utils';

package/lib/index.js

@@ -1,33 +1,41 @@
-import { useEmits as t } from "./use-emit/index.js";
-import { useFile as r } from "./use-file/index.js";
-import { usePrintHtml as m } from "./use-print/index.js";
-import { useWaterMark as l } from "./use-waterMark/index.js";
-import { useWebSocket as u } from "./use-websocket/index.js";
-import { compress as d, compressAccurately as i } from "./use-image/index.js";
-import { default as n } from "./use-image/canvastoDataURL.js";
-import { default as L } from "./use-image/canvastoFile.js";
-import { default as U } from "./use-image/dataURLtoFile.js";
-import { default as v } from "./use-image/dataURLtoImage.js";
-import { default as k } from "./use-image/downloadFile.js";
-import { default as I } from "./use-image/filetoDataURL.js";
-import { default as w } from "./use-image/imagetoCanvas.js";
-import { default as A } from "./use-image/urltoBlob.js";
-import { default as C } from "./use-image/urltoImage.js";
+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 {
-  n as canvastoDataURL,
-  L as canvastoFile,
-  d as compress,
-  i as compressAccurately,
-  U as dataURLtoFile,
-  v as dataURLtoImage,
-  k as downloadFile,
-  I as filetoDataURL,
-  w as imagetoCanvas,
-  A as urltoBlob,
-  C as urltoImage,
-  t as useEmits,
-  r as useFile,
-  m as usePrintHtml,
-  l as useWaterMark,
-  u as useWebSocket
+  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/node_modules/@qy_better_lib/core/lib/directives/click-outside.js

@@ -0,0 +1,8 @@
+import { isClient as s } from "../utils/is.js";
+const d = /* @__PURE__ */ new Map();
+let n;
+s && (document.addEventListener("mousedown", (e) => n = e), document.addEventListener("mouseup", (e) => {
+  for (const o of d.values())
+    for (const { documentHandler: t } of o)
+      t(e, n);
+}));

package/lib/node_modules/@qy_better_lib/core/lib/utils/is.js

@@ -0,0 +1,8 @@
+function e(t) {
+  return typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]";
+}
+const o = typeof window < "u";
+export {
+  o as isClient,
+  e as isObject
+};

package/lib/node_modules/@qy_better_lib/core/lib/utils/object.js

@@ -0,0 +1,15 @@
+import { isObject as i } from "./is.js";
+function f(...e) {
+  let l = e.length, o = e[0];
+  i(o) || (o = {});
+  for (let n = 1; n < l; n++) {
+    let r = e[n];
+    if (i(r))
+      for (let t in r)
+        t === "__proto__" || o === r[t] || (i(r[t]) ? o[t] = f(o[t], r[t]) : o[t] = r[t]);
+  }
+  return o;
+}
+export {
+  f as deepAssign
+};

package/lib/use-chart/default.d.ts

@@ -6,5 +6,5 @@ declare const options: ECOption;
  * @param defalteWidth
  * @returns
  */
-export declare function auto_chart_size(size: number, defalteWidth?: number): number | undefined;
+export declare function auto_chart_size(size: number, defalteWidth?: number): number;
 export default options;

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 0;
+  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-chart/index.d.ts

@@ -5,6 +5,10 @@ import * as echarts from 'echarts/core';
  * @returns echartsType
  */
 export default function useEcharts(): {
+    renderChart?: undefined;
+    removeChart?: undefined;
+    getChart?: undefined;
+} | {
     renderChart: (option: ECOption, domId: string, isdark?: boolean, renderer?: "canvas" | "svg") => echarts.ECharts | undefined;
     removeChart: (domId: string) => void;
     getChart: (domId: string) => echarts.ECharts | undefined;

package/lib/use-emit/extend.js

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

package/lib/use-emit/index.js

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

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-mqtt/index.d.ts

@@ -1,9 +1,15 @@
 import { default as mqtt } from 'mqtt';
 export default function useMQTT(url: string, options?: mqtt.IClientOptions): {
+    connect?: undefined;
+    close?: undefined;
+    subscribe?: undefined;
+    unsubscribe?: undefined;
+    publish?: undefined;
+} | {
     connect: ({ success, err, receive }: {
         success: () => void;
         err: (e: any) => void;
-        receive: (...args: any) => void;
+        receive: (...args: any[]) => void;
     }) => void;
     close: () => void;
     subscribe: (topic: any) => void;

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qy_better_lib/hooks",
   "private": false,
-  "version": "0.1.7",
+  "version": "0.1.8",
   "description": "qy better lib hooks",
   "author": "luhuiming",
   "license": "ISC",
@@ -33,11 +33,7 @@
   "exports": {
     ".": {
       "import": "./lib/index.js"
-    },
-    "./use-chart": "./lib/use-chart/index.js",
-    "./use-chart/*": "./lib/use-chart/*/*.js",
-    "./use-utils": "./lib/use-utils/index.js",
-    "./use-utils/*": "./lib/use-utils/*/*.js"
+    }
   },
   "devDependencies": {
     "@antv/x6": "^2.18.1",
@@ -52,5 +48,28 @@
     "vite-plugin-dts": "^4.5.4",
     "vue": "^3.5.22"
   },
-  "dependencies": {}
+  "peerDependencies": {
+    "@antv/x6": "^2.18.1",
+    "dagre": "^0.8.5",
+    "echarts": "5.6.0",
+    "mitt": "^3.0.1",
+    "mqtt": "^5.14.1"
+  },
+  "peerDependenciesMeta": {
+    "@antv/x6": {
+      "optional": true
+    },
+    "dagre": {
+      "optional": true
+    },
+    "echarts": {
+      "optional": true
+    },
+    "mitt": {
+      "optional": true
+    },
+    "mqtt": {
+      "optional": true
+    }
+  }
 }