@qy_better_lib/hooks 0.0.2

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

@@ -0,0 +1 @@
+(function(n,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],h):(n=typeof globalThis<"u"?globalThis:n||self,h(n["@qy_better_lib/hooks"]={}))})(this,function(n){"use strict";var h=(a=>(a.PNG="image/png",a.JPEG="image/jpeg",a.GIF="image/gif",a))(h||{});function w(a){return["image/png","image/jpeg","image/gif"].some(e=>e===a)}async function y(a,e=.92,r=h.JPEG){return w(r)||(r=h.JPEG),a.toDataURL(r,e)}function P(a,e=.92,r=h.JPEG){return new Promise(t=>a.toBlob(i=>t(i),r,e))}async function g(a,e){var s;const r=a.split(",");let t=(s=r[0].match(/:(.*?);/))==null?void 0:s[1];const i=atob(r[1]);let o=i.length;const c=new Uint8Array(o);for(;o--;)c[o]=i.charCodeAt(o);return w(e)&&(t=e),new Blob([c],{type:t})}function p(a){return new Promise((e,r)=>{const t=new Image;t.onload=()=>e(t),t.onerror=()=>r(new Error("dataURLtoImage(): dataURL is illegal")),t.src=a})}function j(a,e){const r=document.createElement("a");r.href=window.URL.createObjectURL(a),r.download=e||Date.now().toString(36),document.body.appendChild(r);const t=document.createEvent("MouseEvents");t.initEvent("click",!1,!1),r.dispatchEvent(t),document.body.removeChild(r)}function I(a){return new Promise(e=>{const r=new FileReader;r.onloadend=t=>{var i;return e((i=t.target)==null?void 0:i.result)},r.readAsDataURL(a)})}async function f(a,e={}){const r={...e},t=document.createElement("canvas"),i=t.getContext("2d");let o,c;for(const s in r)Object.prototype.hasOwnProperty.call(r,s)&&(r[s]=Number(r[s]));if(!r.scale)c=r.width||(r.height||0)*a.width/a.height||a.width,o=r.height||(r.width||0)*a.height/a.width||a.height;else{const s=r.scale>0&&r.scale<10?r.scale:1;c=a.width*s,o=a.height*s}switch([5,6,7,8].some(s=>s===r.orientation)?(t.height=c,t.width=o):(t.height=o,t.width=c),r.orientation){case 3:i.rotate(180*Math.PI/180),i.drawImage(a,-t.width,-t.height,t.width,t.height);break;case 6:i.rotate(90*Math.PI/180),i.drawImage(a,0,-t.width,t.height,t.width);break;case 8:i.rotate(270*Math.PI/180),i.drawImage(a,-t.height,0,t.height,t.width);break;case 2:i.translate(t.width,0),i.scale(-1,1),i.drawImage(a,0,0,t.width,t.height);break;case 4:i.translate(t.width,0),i.scale(-1,1),i.rotate(180*Math.PI/180),i.drawImage(a,-t.width,-t.height,t.width,t.height);break;case 5:i.translate(t.width,0),i.scale(-1,1),i.rotate(90*Math.PI/180),i.drawImage(a,0,-t.width,t.height,t.width);break;case 7:i.translate(t.width,0),i.scale(-1,1),i.rotate(270*Math.PI/180),i.drawImage(a,-t.height,0,t.height,t.width);break;default:i.drawImage(a,0,0,t.width,t.height)}return t}function z(a){return fetch(a).then(e=>e.blob())}function k(a){return new Promise((e,r)=>{const t=new Image;t.onload=()=>e(t),t.onerror=()=>r(new Error("urltoImage(): Image failed to load, please check the image URL")),t.src=a})}async function E(a,e={}){var d;if(!(a 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 a;const r=await I(a);let t=(d=r.split(",")[0].match(/:(.*?);/))==null?void 0:d[1],i=h.JPEG;w(e.type)&&(i=e.type,t=e.type);const o=await p(r),c=await f(o,Object.assign({},e)),s=await y(c,e.quality,i),u=await g(s,t);return u.size>a.size?a:u}async function F(a,e={}){var L;if(!(a 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>a.size)return a;e.accuracy=Number(e.accuracy),(!e.accuracy||e.accuracy<.8||e.accuracy>.99)&&(e.accuracy=.95);const r={max:e.size*(2-e.accuracy)*1024,accurate:e.size*1024,min:e.size*e.accuracy*1024},t=await I(a);let i=(L=t.split(",")[0].match(/:(.*?);/))==null?void 0:L[1],o=h.JPEG;w(e.type)&&(o=e.type,i=e.type);const c=await p(t),s=await f(c,Object.assign({},e)),u=.75;let d=1,l;const R=new Array(2);for(let m=1;m<=7;m++){l=await y(s,d,o);const b=l.length*u;if(m===7){(r.max<b||r.min>b)&&(l=[l,...R].filter(U=>U).sort((U,M)=>Math.abs(U.length*u-r.accurate)-Math.abs(M.length*u-r.accurate))[0]);break}if(r.max<b)R[1]=l,d-=.5**(m+1);else if(r.min>b)R[0]=l,d+=.5**(m+1);else break}const v=await g(l,i);return v.size>a.size?a:v}n.canvastoDataURL=y,n.canvastoFile=P,n.compress=E,n.compressAccurately=F,n.dataURLtoFile=g,n.dataURLtoImage=p,n.downloadFile=j,n.filetoDataURL=I,n.imagetoCanvas=f,n.urltoBlob=z,n.urltoImage=k,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/lib/index.d.ts

@@ -0,0 +1,6 @@
+export * from './use-emit';
+export * from './use-file';
+export * from './use-print';
+export * from './use-waterMark';
+export * from './use-websocket/index';
+export * from './use-image';

package/lib/index.js

@@ -0,0 +1,24 @@
+import "vue";
+import { compress as e, compressAccurately as r } from "./use-image/index.js";
+import { default as l } from "./use-image/canvastoDataURL.js";
+import { default as s } from "./use-image/canvastoFile.js";
+import { default as p } from "./use-image/dataURLtoFile.js";
+import { default as x } from "./use-image/dataURLtoImage.js";
+import { default as i } from "./use-image/downloadFile.js";
+import { default as L } from "./use-image/filetoDataURL.js";
+import { default as U } from "./use-image/imagetoCanvas.js";
+import { default as v } from "./use-image/urltoBlob.js";
+import { default as D } from "./use-image/urltoImage.js";
+export {
+  l as canvastoDataURL,
+  s as canvastoFile,
+  e as compress,
+  r as compressAccurately,
+  p as dataURLtoFile,
+  x as dataURLtoImage,
+  i as downloadFile,
+  L as filetoDataURL,
+  U as imagetoCanvas,
+  v as urltoBlob,
+  D as urltoImage
+};

package/lib/use-emit/index.d.ts

@@ -0,0 +1,14 @@
+import { Emitter, EventType } from 'mitt';
+
+interface UseEitter {
+    /**
+     * 全局事件对象
+     */
+    emitter: Emitter<Record<EventType, unknown>>;
+}
+type event = {
+    key: string;
+    value: (obj?: any) => void;
+};
+export default function useEitter(eventlist?: Array<event>): UseEitter;
+export {};

package/lib/use-file/index.d.ts

@@ -0,0 +1,12 @@
+interface UseFile {
+    /**下载文件 */
+    downLoadFile: (filePath: string) => void;
+    /**批量下载文件 */
+    downLoadFiles: (list: Array<any>) => void;
+}
+/**
+ * 文件处理
+ * @returns
+ */
+export default function useFile(): UseFile;
+export {};

package/lib/use-image/canvastoDataURL.d.ts

@@ -0,0 +1,12 @@
+import { EImageType } from './type';
+
+/**
+ * 将一个Canvas对象转变为一个dataURL字符串
+ * 该方法可以做压缩处理
+ *
+ * @param {canvas} canvas
+ * @param {number=} quality - 传入范围 0-1，表示图片压缩质量，默认0.92
+ * @param {string=} type - 确定转换后的图片类型，选项有 "image/png", "image/jpeg", "image/gif",默认"image/jpeg"
+ * @returns {Promise(string)} Promise含有一个dataURL字符串参数
+ */
+export default function canvastoDataURL(canvas: HTMLCanvasElement, quality?: number, type?: EImageType): Promise<string>;

package/lib/use-image/canvastoDataURL.js

@@ -0,0 +1,7 @@
+import { checkImageType as c, EImageType as t } 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.d.ts

@@ -0,0 +1,12 @@
+import { EImageType } from './type';
+
+/**
+ * 将一个canvas对象转变为一个File（Blob）对象
+ * 该方法可以做压缩处理
+ *
+ * @param {canvas} canvas
+ * @param {number=} quality - 传入范围 0-1，表示图片压缩质量，默认0.92
+ * @param {string=} type - 确定转换后的图片类型，选项有 "image/png", "image/jpeg", "image/gif",默认"image/jpeg"
+ * @returns {Promise(Blob)}
+ */
+export default function canvastoFile(canvas: HTMLCanvasElement, quality?: number, type?: EImageType): Promise<Blob>;

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.d.ts

@@ -0,0 +1,11 @@
+import { EImageType } from './type';
+
+/**
+ * 将一个dataURL字符串转变为一个File（Blob）对象
+ * 转变时可以确定File对象的类型
+ *
+ * @param {string} dataURL
+ * @param {string=} type - 确定转换后的图片类型，选项有 "image/png", "image/jpeg", "image/gif"
+ * @returns {Promise(Blob)}
+ */
+export default function dataURLtoFile(dataURL: string, type: EImageType): Promise<Blob>;

package/lib/use-image/dataURLtoFile.js

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

package/lib/use-image/dataURLtoImage.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 将dataURL字符串转变为image对象
+ *
+ * @param {srting} dataURL - dataURL字符串
+ * @returns {Promise(Image)}
+ */
+export default function dataURLtoImage(dataURL: string): Promise<HTMLImageElement>;

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.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 将图片下载到本地
+ *
+ * @param {Blob} file - 一个File（Blob）对象
+ * @param {string=} fileName - 下载后的文件名（可选参数，不传以时间戳命名文件）
+ */
+export default function downloadFile(file: File, fileName: string): void;

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.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 将File（Blob）对象转变为一个dataURL字符串
+ *
+ * @param {Blob} file
+ * @returns {Promise(string)} Promise含有一个dataURL字符串参数
+ */
+export default function filetoDataURL(file: Blob): Promise<string>;

package/lib/use-image/filetoDataURL.js

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

package/lib/use-image/imagetoCanvas.d.ts

@@ -0,0 +1,27 @@
+import { Image2CanvasConfig } from './type';
+
+/**
+ * 将一个image对象转变为一个canvas对象
+ *
+ * @param {image} image
+ *
+ * @typedef {Object=} config - 转变为canvas时的一些参数配置
+ * 		@param {number} width - canvas图像的宽度，默认为image的宽度
+ * 		@param {number} height - canvas图像的高度，默认为image的高度
+ * 		@param {number} scale - 相对于image的缩放比例，范围0-10，默认不缩放；
+ * 			设置config.scale后会覆盖config.width和config.height的设置；
+ * 		@param {number} orientation - 图片旋转参数，默认不旋转，参考如下：
+ * 			参数	 旋转方向
+ * 			1		0°
+ * 			2		水平翻转
+ * 			3		180°
+ * 			4		垂直翻转
+ * 			5		顺时针90°+水平翻转
+ * 			6		顺时针90°
+ * 			7		顺时针90°+垂直翻转
+ * 			8		逆时针90°
+ * @type {config}
+ *
+ * @returns {Promise(canvas)}
+ */
+export default function imagetoCanvas(image: HTMLImageElement, config?: Image2CanvasConfig): Promise<HTMLCanvasElement>;

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.d.ts

@@ -0,0 +1,55 @@
+import { default as canvastoDataURL } from './canvastoDataURL';
+import { default as canvastoFile } from './canvastoFile';
+import { default as dataURLtoFile } from './dataURLtoFile';
+import { default as dataURLtoImage } from './dataURLtoImage';
+import { default as downloadFile } from './downloadFile';
+import { default as filetoDataURL } from './filetoDataURL';
+import { default as imagetoCanvas } from './imagetoCanvas';
+import { default as urltoBlob } from './urltoBlob';
+import { default as urltoImage } from './urltoImage';
+import { ICompressConfig, compressAccuratelyConfig } from './type';
+
+/**
+ * 压缩File（Blob）对象
+ * @param {Blob} file - 一个File（Blob）对象
+ * @param {(number|object)} config - 如果传入是number类型，传入范围 0-1，表示图片压缩质量,默认0.92；也可以传入object类型，以便更详细的配置
+ * @example
+ * 		imageConversion.compress(file,0.8)
+ *
+ * 		imageConversion.compress(file,{
+ * 			quality: 0.8, //图片压缩质量
+ * 			type："image/png", //转换后的图片类型，选项有 "image/png", "image/jpeg", "image/gif"
+ * 			width: 300, //生成图片的宽度
+ * 			height：200， //生产图片的高度
+ * 			scale: 0.5， //相对于原始图片的缩放比率,设置config.scale后会覆盖config.width和config.height的设置；
+ * 			orientation:2, //图片旋转方向
+ * 		})
+ *
+ * @returns {Promise(Blob)}
+ */
+declare function compress(file: File, config?: ICompressConfig): Promise<Blob>;
+/**
+ * 根据体积压缩File（Blob）对象
+ *
+ * @param {Blob} file - 一个File（Blob）对象
+ * @param {(number|object)} config - 如果传入是number类型，则指定压缩图片的体积,单位Kb;也可以传入object类型，以便更详细的配置
+ * 		@param {number} size - 指定压缩图片的体积,单位Kb
+ * 		@param {number} accuracy - 相对于指定压缩体积的精确度，范围0.8-0.99，默认0.95；
+ *        如果设置 图片体积1000Kb,精确度0.9，则压缩结果为900Kb-1100Kb的图片都算合格；
+ * @example
+ *  	imageConversion.compress(file,100) //压缩后图片大小为100kb
+ *
+ * 		imageConversion.compress(file,{
+ * 			size: 100, //图片压缩体积，单位Kb
+ * 			accuracy: 0.9, //图片压缩体积的精确度，默认0.95
+ * 			type："image/png", //转换后的图片类型，选项有 "image/png", "image/jpeg", "image/gif"
+ * 			width: 300, //生成图片的宽度
+ * 			height: 200, //生产图片的高度
+ * 			scale: 0.5, //相对于原始图片的缩放比率,设置config.scale后会覆盖config.width和config.height的设置；
+ * 			orientation:2, //图片旋转方向
+ * 		})
+ *
+ * @returns {Promise(Blob)}
+ */
+declare function compressAccurately(file: Blob, config?: compressAccuratelyConfig): Promise<Blob>;
+export { canvastoDataURL, canvastoFile, dataURLtoFile, dataURLtoImage, downloadFile, filetoDataURL, imagetoCanvas, urltoBlob, urltoImage, compress, compressAccurately, };

package/lib/use-image/index.js

@@ -0,0 +1,74 @@
+import h from "./canvastoDataURL.js";
+import { EImageType as j, checkImageType as L } from "./type.js";
+import N from "./dataURLtoFile.js";
+import R from "./dataURLtoImage.js";
+import U from "./filetoDataURL.js";
+import F from "./imagetoCanvas.js";
+async function M(t, a = {}) {
+  var i;
+  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 U(t);
+  let m = (i = e.split(",")[0].match(/:(.*?);/)) == null ? void 0 : i[1], c = j.JPEG;
+  L(a.type) && (c = a.type, m = a.type);
+  const u = await R(e), y = await F(u, Object.assign({}, a)), l = await h(y, a.quality, c), s = await N(l, m);
+  return s.size > t.size ? t : s;
+}
+async function O(t, a = {}) {
+  var z;
+  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
+  }, m = await U(t);
+  let c = (z = m.split(",")[0].match(/:(.*?);/)) == null ? void 0 : z[1], u = j.JPEG;
+  L(a.type) && (u = a.type, c = a.type);
+  const y = await R(m), l = await F(y, Object.assign({}, a)), s = 0.75;
+  let i = 1, r;
+  const b = new Array(2);
+  for (let o = 1; o <= 7; o++) {
+    r = await h(l, i, u);
+    const p = r.length * s;
+    if (o === 7) {
+      (e.max < p || e.min > p) && (r = [r, ...b].filter((n) => n).sort(
+        (n, q) => Math.abs(n.length * s - e.accurate) - Math.abs(q.length * s - e.accurate)
+      )[0]);
+      break;
+    }
+    if (e.max < p)
+      b[1] = r, i -= 0.5 ** (o + 1);
+    else if (e.min > p)
+      b[0] = r, i += 0.5 ** (o + 1);
+    else
+      break;
+  }
+  const w = await N(
+    r,
+    c
+  );
+  return w.size > t.size ? t : w;
+}
+export {
+  h as canvastoDataURL,
+  M as compress,
+  O as compressAccurately,
+  N as dataURLtoFile,
+  R as dataURLtoImage,
+  U as filetoDataURL,
+  F as imagetoCanvas
+};

package/lib/use-image/type.d.ts

@@ -0,0 +1,25 @@
+export declare enum EImageType {
+    "PNG" = "image/png",
+    "JPEG" = "image/jpeg",
+    "GIF" = "image/gif"
+}
+interface IBaseConfig {
+    [key: string]: any;
+}
+export interface Image2CanvasConfig extends IBaseConfig {
+    width?: number;
+    height?: number;
+    scale?: number;
+    orientation?: number;
+}
+export interface ICompressConfig extends Image2CanvasConfig {
+    quality?: number;
+    type?: EImageType;
+}
+export interface compressAccuratelyConfig extends Image2CanvasConfig {
+    size?: number;
+    accuracy?: number;
+    type?: EImageType;
+}
+export declare function checkImageType(type: EImageType): boolean;
+export {};

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.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 通过一个图片的url加载所需要的File（Blob）对象
+ *
+ * @param {string} url - 图片URL
+ * @returns {Promise(Blob)}
+ *
+ */
+export default function urltoBlob(url: string): Promise<Blob>;

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.d.ts

@@ -0,0 +1,7 @@
+/**
+ * 通过一个图片的url加载所需要的image对象
+ *
+ * @param {string} url - 图片URL
+ * @returns {Promise(Image)}
+ */
+export default function urltoImage(url: string): Promise<HTMLImageElement>;

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

@@ -0,0 +1,11 @@
+interface UsePrintReturn {
+    printHtml: (domNode: string) => void;
+    printHtmlElement: (elementArray: Element[]) => void;
+}
+/**
+ * ==============================================
+ * 打印页面元素
+ * ==============================================
+ */
+export default function usePrintHtml(): UsePrintReturn;
+export {};

package/lib/use-waterMark/index.d.ts

@@ -0,0 +1,17 @@
+type UseWaterMark = {
+    /**
+     * 创建水印
+     */
+    createWaterMark: (warper: string | null, str1: string, str2?: string, textColor?: string) => void;
+    /**
+     * 移除水印
+     */
+    removeWatermark: () => void;
+};
+/**
+ * ==============================================
+ * 水印功能
+ * ==============================================
+ */
+export default function useWaterMark(): UseWaterMark;
+export {};

package/lib/use-websocket/index.d.ts

@@ -0,0 +1,15 @@
+export type WebSocketOption = {
+    /**服务端地址 */
+    server: string;
+    /**消息接收处理方法 */
+    receive: (res: any) => void;
+};
+/**
+ * WebSocket
+ */
+export default function useWebSocket(option: WebSocketOption): {
+    ws: undefined;
+    create: () => void;
+    socketClose: () => void;
+    sendMessage: (msg: any) => void;
+};

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@qy_better_lib/hooks",
+  "private": false,
+  "version": "0.0.2",
+  "description": "qy better lib hooks",
+  "author": "luhuiming",
+  "license": "ISC",
+  "scripts": {
+    "build:lib": "vite build --config vite.lib.config.ts",
+    "build:dist-min": "vite build --config vite.dist.min.config.ts",
+    "build": "yarn build:lib && yarn build:dist-min"
+  },
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "lib/index.js": [
+        "lib/index.d.ts"
+      ],
+      "@qy-better-lib/core": [
+        "lib/index.d.ts"
+      ],
+      "*": [
+        "*",
+        "dist/*",
+        "lib/*",
+        "lib/*.d.ts",
+        "lib/*/index.d.ts"
+      ]
+    }
+  },
+  "exports": {
+    ".": {
+      "import": "./lib/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "devDependencies": {
+    "@types/node": "^20.14.9",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "mitt": "^3.0.1",
+    "vite": "^5.3.2",
+    "vite-plugin-dts": "^3.9.1",
+    "vue": "^3.4.31"
+  }
+}

package/src/index.ts

@@ -0,0 +1,6 @@
+export * from "./use-emit";
+export * from "./use-file";
+export * from "./use-print";
+export * from "./use-waterMark";
+export * from "./use-websocket/index";
+export * from "./use-image";

package/src/use-emit/index.ts

@@ -0,0 +1,46 @@
+import mitt, { Emitter, EventType } from "mitt";
+import { onMounted, onUnmounted } from "vue";
+
+interface UseEitter {
+  /**
+   * 全局事件对象
+   */
+  emitter: Emitter<Record<EventType, unknown>>;
+}
+
+type event = { key: string; value: (obj?: any) => void };
+
+const emitter: Emitter<Record<EventType, unknown>> = mitt();
+
+/**重写调用，返回事件执行结果 */
+emitter.emit = (type: string, evt?: any): any => {
+  let handlers = emitter.all!.get(type);
+  if (handlers) {
+    return handlers[0]?.(evt!, undefined) as any;
+  }
+  return undefined;
+};
+
+export default function useEitter(eventlist?: Array<event>): UseEitter {
+  onMounted((): void => {
+    if (eventlist && eventlist.length > 0) {
+      for (let i = 0; i < eventlist.length; i++) {
+        emitter.on(eventlist[i].key, eventlist[i].value);
+      }
+    }
+  });
+
+  onUnmounted((): void => {
+    if (eventlist && eventlist.length > 0) {
+      for (let i = 0; i < eventlist.length; i++) {
+        emitter.off(eventlist[i].key, eventlist[i].value);
+        // 从map中移除
+        emitter.all.delete(eventlist[i].key);
+      }
+    }
+  });
+
+  return {
+    emitter,
+  };
+}