@qxs-bns/utils 0.0.1

package/index.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./src/device.cjs"),t=require("./src/media.cjs"),i=require("./src/storage.cjs"),e=require("./src/types.cjs"),s=require("./src/watermark.cjs"),o=require("vue");exports.isMobile=r.isMobile;exports.isImageByMimeType=t.isImageByMimeType;exports.initStorage=i.initStorage;exports.useStorage=i.useStorage;exports.isBoolean=e.isBoolean;exports.isElement=e.isElement;exports.isNumber=e.isNumber;exports.isUndefined=e.isUndefined;exports.isWindow=e.isWindow;exports.watermark=s.watermark;Object.defineProperty(exports,"isVNode",{enumerable:!0,get:()=>o.isVNode});

package/index.js

@@ -0,0 +1,19 @@
+import { isMobile as r } from "./src/device.js";
+import { isImageByMimeType as m } from "./src/media.js";
+import { initStorage as s, useStorage as f } from "./src/storage.js";
+import { isBoolean as a, isElement as n, isNumber as x, isUndefined as d, isWindow as g } from "./src/types.js";
+import { watermark as b } from "./src/watermark.js";
+import { isVNode as w } from "vue";
+export {
+  s as initStorage,
+  a as isBoolean,
+  n as isElement,
+  m as isImageByMimeType,
+  r as isMobile,
+  x as isNumber,
+  d as isUndefined,
+  w as isVNode,
+  g as isWindow,
+  f as useStorage,
+  b as watermark
+};

package/package.json

@@ -0,0 +1,18 @@
+{
+  "name": "@qxs-bns/utils",
+  "version": "0.0.1",
+  "main": "./index.cjs",
+  "module": "./index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "import": "./index.js",
+      "require": "./index.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}

package/src/device.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(){const i=navigator.userAgent,n=["Android","iPhone","SymbianOS","Windows Phone","iPad","iPod"];let t=!1;for(let e=0;e<n.length;e++)if(i.indexOf(n[e])>0){t=!0;break}return t}exports.isMobile=o;

package/src/device.js

@@ -0,0 +1,20 @@
+function i() {
+  const t = navigator.userAgent, n = [
+    "Android",
+    "iPhone",
+    "SymbianOS",
+    "Windows Phone",
+    "iPad",
+    "iPod"
+  ];
+  let o = !1;
+  for (let e = 0; e < n.length; e++)
+    if (t.indexOf(n[e]) > 0) {
+      o = !0;
+      break;
+    }
+  return o;
+}
+export {
+  i as isMobile
+};

package/src/media.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function t(e){return e.type.startsWith("image/")}exports.isImageByMimeType=t;

package/src/media.js

@@ -0,0 +1,6 @@
+function t(e) {
+  return e.type.startsWith("image/");
+}
+export {
+  t as isImageByMimeType
+};

package/src/storage.cjs

@@ -0,0 +1 @@
+"use strict";var m=Object.defineProperty;var h=(r,e,t)=>e in r?m(r,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):r[e]=t;var n=(r,e,t)=>h(r,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let o=null;class i{constructor(e){n(this,"prefix");n(this,"local",{has:e=>Object.prototype.hasOwnProperty.call(localStorage,`${this.prefix}${e}`),get:e=>localStorage.getItem(`${this.prefix}${e}`),set:(e,t)=>{localStorage.setItem(`${this.prefix}${e}`,t)},remove:e=>{localStorage.removeItem(`${this.prefix}${e}`)},clear:()=>{localStorage.clear()}});n(this,"session",{has:e=>Object.prototype.hasOwnProperty.call(sessionStorage,`${this.prefix}${e}`),get:e=>sessionStorage.getItem(`${this.prefix}${e}`),set:(e,t)=>{sessionStorage.setItem(`${this.prefix}${e}`,t)},remove:e=>{sessionStorage.removeItem(`${this.prefix}${e}`)},clear:()=>{sessionStorage.clear()}});n(this,"cookie",{has:e=>new RegExp(`(^|;)\\s*${e}=`).test(document.cookie),get:e=>{const t=document.cookie.match(new RegExp(`(^|;)\\s*${e}=([^;]*)`));return t?decodeURIComponent(t[2]):null},set:(e,t,a=1,l="/",c=this.getTopLevelDomain())=>{const s=new Date;s.setTime(s.getTime()+a*24*60*60*1e3);const p=`;expires=${s.toUTCString()}`,$=`;path=${l}`,g=c?`;domain=${c}`:"";document.cookie=`${e}=${encodeURIComponent(t)}${p}${$}${g}`},remove:(e,t="/",a=this.getTopLevelDomain())=>{const l=`;expires=${new Date(0).toUTCString()}`,c=`;path=${t}`,s=a?`;domain=${a}`:"";document.cookie=`${e}=;${l}${c}${s}`},clear:()=>{const e=document.cookie.match(/[^ =;]+(?==)/g);e&&e.forEach(t=>{document.cookie=`${t}=;expires=${new Date(0).toUTCString()};path=/`})}});this.prefix=e}static init(e="qxs_"){return o||(o=new i(e),o)}static getInstance(){return o||(o=new i("qxs_")),o}getTopLevelDomain(e=window.location.hostname){const t=e.split(".");return t.length>2?t.slice(-2).join("."):e}}const u=i.init,S=i.getInstance;exports.initStorage=u;exports.useStorage=S;

package/src/storage.js

@@ -0,0 +1,74 @@
+var m = Object.defineProperty;
+var h = (r, e, t) => e in r ? m(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var n = (r, e, t) => h(r, typeof e != "symbol" ? e + "" : e, t);
+let o = null;
+class i {
+  constructor(e) {
+    n(this, "prefix");
+    n(this, "local", {
+      has: (e) => Object.prototype.hasOwnProperty.call(localStorage, `${this.prefix}${e}`),
+      get: (e) => localStorage.getItem(`${this.prefix}${e}`),
+      set: (e, t) => {
+        localStorage.setItem(`${this.prefix}${e}`, t);
+      },
+      remove: (e) => {
+        localStorage.removeItem(`${this.prefix}${e}`);
+      },
+      clear: () => {
+        localStorage.clear();
+      }
+    });
+    n(this, "session", {
+      has: (e) => Object.prototype.hasOwnProperty.call(sessionStorage, `${this.prefix}${e}`),
+      get: (e) => sessionStorage.getItem(`${this.prefix}${e}`),
+      set: (e, t) => {
+        sessionStorage.setItem(`${this.prefix}${e}`, t);
+      },
+      remove: (e) => {
+        sessionStorage.removeItem(`${this.prefix}${e}`);
+      },
+      clear: () => {
+        sessionStorage.clear();
+      }
+    });
+    n(this, "cookie", {
+      has: (e) => new RegExp(`(^|;)\\s*${e}=`).test(document.cookie),
+      get: (e) => {
+        const t = document.cookie.match(new RegExp(`(^|;)\\s*${e}=([^;]*)`));
+        return t ? decodeURIComponent(t[2]) : null;
+      },
+      set: (e, t, c = 1, p = "/", a = this.getTopLevelDomain()) => {
+        const s = /* @__PURE__ */ new Date();
+        s.setTime(s.getTime() + c * 24 * 60 * 60 * 1e3);
+        const $ = `;expires=${s.toUTCString()}`, l = `;path=${p}`, g = a ? `;domain=${a}` : "";
+        document.cookie = `${e}=${encodeURIComponent(t)}${$}${l}${g}`;
+      },
+      remove: (e, t = "/", c = this.getTopLevelDomain()) => {
+        const p = `;expires=${(/* @__PURE__ */ new Date(0)).toUTCString()}`, a = `;path=${t}`, s = c ? `;domain=${c}` : "";
+        document.cookie = `${e}=;${p}${a}${s}`;
+      },
+      clear: () => {
+        const e = document.cookie.match(/[^ =;]+(?==)/g);
+        e && e.forEach((t) => {
+          document.cookie = `${t}=;expires=${(/* @__PURE__ */ new Date(0)).toUTCString()};path=/`;
+        });
+      }
+    });
+    this.prefix = e;
+  }
+  static init(e = "qxs_") {
+    return o || (o = new i(e), o);
+  }
+  static getInstance() {
+    return o || (o = new i("qxs_")), o;
+  }
+  getTopLevelDomain(e = window.location.hostname) {
+    const t = e.split(".");
+    return t.length > 2 ? t.slice(-2).join(".") : e;
+  }
+}
+const x = i.init, S = i.getInstance;
+export {
+  x as initStorage,
+  S as useStorage
+};

package/src/types.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),i=e=>e===void 0,o=e=>typeof e=="boolean",t=e=>typeof e=="number";function s(e){return typeof Element=="undefined"?!1:e instanceof Element}function r(e){return e===window}Object.defineProperty(exports,"isVNode",{enumerable:!0,get:()=>n.isVNode});exports.isBoolean=o;exports.isElement=s;exports.isNumber=t;exports.isUndefined=i;exports.isWindow=r;

package/src/types.js

@@ -0,0 +1,16 @@
+import { isVNode as d } from "vue";
+const n = (e) => e === void 0, o = (e) => typeof e == "boolean", t = (e) => typeof e == "number";
+function i(e) {
+  return typeof Element == "undefined" ? !1 : e instanceof Element;
+}
+function f(e) {
+  return e === window;
+}
+export {
+  o as isBoolean,
+  i as isElement,
+  t as isNumber,
+  n as isUndefined,
+  d as isVNode,
+  f as isWindow
+};

package/src/watermark.cjs

@@ -0,0 +1,31 @@
+"use strict";var B=Object.defineProperty;var k=Object.getOwnPropertySymbols;var E=Object.prototype.hasOwnProperty,D=Object.prototype.propertyIsEnumerable;var _=(t,e,n)=>e in t?B(t,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):t[e]=n,$=(t,e)=>{for(var n in e||(e={}))E.call(e,n)&&_(t,n,e[n]);if(k)for(var n of k(e))D.call(e,n)&&_(t,n,e[n]);return t};Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const z={id:"wm_div_id",prefix:"mask_div_id",text:"测试水印",x:0,y:0,rows:0,cols:0,width:0,height:0,x_space:100,y_space:40,font:"微软雅黑",color:"black",fontsize:"18px",alpha:.15,angle:15,parent_width:0,parent_height:0,parent_node:null,monitor:!0};function S(t,e,n){const u=document.createElement("canvas").getContext("2d");if(!u)return{width:100,height:100};u.font=`${n} ${e}`;const c=u.measureText(t.trim()),l=Number.parseFloat(n),p=c.actualBoundingBoxAscent!==void 0&&c.actualBoundingBoxDescent!==void 0?c.actualBoundingBoxAscent+c.actualBoundingBoxDescent:l;return{width:Math.ceil(c.width),height:Math.ceil(p)}}function W(){const t=$({},z);let e=!1;const n=new MutationObserver(C),w=new ResizeObserver(()=>{e||l(t)});function u(a,i){const h=a-t.x,o=i-t.y,s=t.x_space||20,d=t.y_space||20,m=Math.ceil(h/(t.width+s)),g=Math.ceil(o/(t.height+d));return{cols:m,rows:g,x_space:s,y_space:d}}function c(a,i,h){const o=document.createElement("div");return o.textContent=t.text,o.id=`${t.prefix}${h}`,o.style.cssText=`
+          transform: rotate(-${t.angle}deg);
+          position: absolute;
+          left: ${a}px;
+          top: ${i}px;
+          overflow: hidden;
+          z-index: 9999999;
+          opacity: ${t.alpha};
+          font-size: ${t.fontsize};
+          font-family: ${t.font};
+          color: ${t.color};
+          text-align: center;
+          width: ${t.width}px;
+          height: ${t.height}px;
+          line-height: ${t.height}px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          user-select: none;
+          visibility: visible;
+      `.replace(/\s+/g," ").trim(),o}function l(a){if(p(),Object.assign(t,a),t.width===0&&t.height===0||t.width===0||t.height===0){const r=S(t.text,t.font,t.fontsize),f=10;t.width===0&&(t.width=r.width+f),t.height===0&&(t.height=r.height+f)}const i=t.parent_node||document.body,h=Math.max(i.scrollWidth,i.clientWidth),o=Math.max(i.scrollHeight,i.clientHeight),s=document.createElement("div");s.id=t.id,i.closest("body")&&getComputedStyle(i).position==="static"&&(i.style.position="relative"),s.style.cssText=`
+          pointer-events: none;
+          display: block;
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          z-index: 9999999;
+          overflow: hidden;
+      `.replace(/\s+/g," ").trim();const d=s.attachShadow?s.attachShadow({mode:"open"}):s;i.appendChild(s);const{cols:m,rows:g,x_space:v,y_space:y}=u(h,o);t.cols=m,t.rows=g,t.x_space=v,t.y_space=y;const b=document.createDocumentFragment();for(let r=0;r<g;r++){const f=t.y+(t.height+y)*r;for(let x=0;x<m;x++){const M=t.x+(t.width+v)*x;b.appendChild(c(M,f,r*m+x))}}if(d.appendChild(b),t.monitor){w.observe(i);const r={attributes:!0,childList:!0,subtree:!0,characterData:!0};n.observe(s,r),d!==s&&n.observe(d,r)}}function p(){var i;const a=document.getElementById(t.id);n.disconnect(),a&&((i=a.parentNode)==null||i.removeChild(a))}function C(a){if(e){e=!1;return}if(!document.getElementById(t.id)){l(t);return}a.some(o=>o.type==="childList"||o.type==="attributes"||o.type==="characterData")&&l(t)}return{addMark:l,removeMark:()=>{e=!0,p()}}}exports.watermark=W;

package/src/watermark.js

@@ -0,0 +1,157 @@
+var B = Object.defineProperty;
+var _ = Object.getOwnPropertySymbols;
+var E = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
+var k = (t, e, n) => e in t ? B(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n, $ = (t, e) => {
+  for (var n in e || (e = {}))
+    E.call(e, n) && k(t, n, e[n]);
+  if (_)
+    for (var n of _(e))
+      D.call(e, n) && k(t, n, e[n]);
+  return t;
+};
+const z = {
+  id: "wm_div_id",
+  prefix: "mask_div_id",
+  text: "测试水印",
+  x: 0,
+  y: 0,
+  rows: 0,
+  cols: 0,
+  width: 0,
+  height: 0,
+  x_space: 100,
+  y_space: 40,
+  font: "微软雅黑",
+  color: "black",
+  fontsize: "18px",
+  alpha: 0.15,
+  angle: 15,
+  parent_width: 0,
+  parent_height: 0,
+  parent_node: null,
+  monitor: !0
+};
+function W(t, e, n) {
+  const u = document.createElement("canvas").getContext("2d");
+  if (!u)
+    return { width: 100, height: 100 };
+  u.font = `${n} ${e}`;
+  const r = u.measureText(t.trim()), l = Number.parseFloat(n), p = r.actualBoundingBoxAscent !== void 0 && r.actualBoundingBoxDescent !== void 0 ? r.actualBoundingBoxAscent + r.actualBoundingBoxDescent : l;
+  return {
+    width: Math.ceil(r.width),
+    height: Math.ceil(p)
+  };
+}
+function H() {
+  const t = $({}, z);
+  let e = !1;
+  const n = new MutationObserver(C), w = new ResizeObserver(() => {
+    e || l(t);
+  });
+  function u(a, i) {
+    const h = a - t.x, o = i - t.y, s = t.x_space || 20, d = t.y_space || 20, m = Math.ceil(h / (t.width + s)), f = Math.ceil(o / (t.height + d));
+    return {
+      cols: m,
+      rows: f,
+      x_space: s,
+      y_space: d
+    };
+  }
+  function r(a, i, h) {
+    const o = document.createElement("div");
+    return o.textContent = t.text, o.id = `${t.prefix}${h}`, o.style.cssText = `
+          transform: rotate(-${t.angle}deg);
+          position: absolute;
+          left: ${a}px;
+          top: ${i}px;
+          overflow: hidden;
+          z-index: 9999999;
+          opacity: ${t.alpha};
+          font-size: ${t.fontsize};
+          font-family: ${t.font};
+          color: ${t.color};
+          text-align: center;
+          width: ${t.width}px;
+          height: ${t.height}px;
+          line-height: ${t.height}px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          user-select: none;
+          visibility: visible;
+      `.replace(/\s+/g, " ").trim(), o;
+  }
+  function l(a) {
+    if (p(), Object.assign(t, a), t.width === 0 && t.height === 0 || t.width === 0 || t.height === 0) {
+      const c = W(
+        t.text,
+        t.font,
+        t.fontsize
+      ), g = 10;
+      t.width === 0 && (t.width = c.width + g), t.height === 0 && (t.height = c.height + g);
+    }
+    const i = t.parent_node || document.body, h = Math.max(i.scrollWidth, i.clientWidth), o = Math.max(i.scrollHeight, i.clientHeight), s = document.createElement("div");
+    s.id = t.id, i.closest("body") && getComputedStyle(i).position === "static" && (i.style.position = "relative"), s.style.cssText = `
+          pointer-events: none;
+          display: block;
+          position: absolute;
+          top: 0;
+          left: 0;
+          width: 100%;
+          height: 100%;
+          z-index: 9999999;
+          overflow: hidden;
+      `.replace(/\s+/g, " ").trim();
+    const d = s.attachShadow ? s.attachShadow({ mode: "open" }) : s;
+    i.appendChild(s);
+    const { cols: m, rows: f, x_space: v, y_space: y } = u(h, o);
+    t.cols = m, t.rows = f, t.x_space = v, t.y_space = y;
+    const b = document.createDocumentFragment();
+    for (let c = 0; c < f; c++) {
+      const g = t.y + (t.height + y) * c;
+      for (let x = 0; x < m; x++) {
+        const M = t.x + (t.width + v) * x;
+        b.appendChild(r(M, g, c * m + x));
+      }
+    }
+    if (d.appendChild(b), t.monitor) {
+      w.observe(i);
+      const c = {
+        attributes: !0,
+        // 监听属性变化
+        childList: !0,
+        // 监听子元素变化
+        subtree: !0,
+        // 监听子树变化
+        characterData: !0
+        // 监听文本内容变化
+      };
+      n.observe(s, c), d !== s && n.observe(d, c);
+    }
+  }
+  function p() {
+    var i;
+    const a = document.getElementById(t.id);
+    n.disconnect(), a && ((i = a.parentNode) == null || i.removeChild(a));
+  }
+  function C(a) {
+    if (e) {
+      e = !1;
+      return;
+    }
+    if (!document.getElementById(t.id)) {
+      l(t);
+      return;
+    }
+    a.some((o) => o.type === "childList" || o.type === "attributes" || o.type === "characterData") && l(t);
+  }
+  return {
+    addMark: l,
+    removeMark: () => {
+      e = !0, p();
+    }
+  };
+}
+export {
+  H as watermark
+};

package/types/index.d.ts

@@ -0,0 +1,103 @@
+import { isVNode } from 'vue';
+
+export declare const initStorage: typeof Storage_2.init;
+
+export declare const isBoolean: (val: any) => val is boolean;
+
+export declare function isElement(e: unknown): e is Element;
+
+export declare function isImageByMimeType(file: File): boolean;
+
+/**
+ * 判断是移动端还是pc端
+ */
+export declare function isMobile(): boolean;
+
+export declare const isNumber: (val: any) => val is number;
+
+export declare const isUndefined: (val: any) => val is undefined;
+
+export { isVNode }
+
+export declare function isWindow(val: unknown): val is Window;
+
+declare interface SettingsType {
+    /** 水印总体的id */
+    id?: string;
+    /** 小水印的id前缀 */
+    prefix?: string;
+    /** 水印文案 */
+    text?: string;
+    /** 水印起始位置x轴坐标 */
+    x?: number;
+    /** 水印起始位置Y轴坐标 */
+    y?: number;
+    /** 水印行数 */
+    rows?: number;
+    /** 水印列数 */
+    cols?: number;
+    /** 水印x轴间隔 */
+    x_space?: number;
+    /** 水印y轴间隔 */
+    y_space?: number;
+    /** 水印字体 */
+    font?: string;
+    /** 水印字体颜色 */
+    color?: string;
+    /** 水印字体大小 */
+    fontsize?: string;
+    /** 水印透明度，要求设置在大于等于0.005 */
+    alpha?: number;
+    /** 水印宽度 */
+    width?: number;
+    /** 水印长度 */
+    height?: number;
+    /** 水印倾斜度数 */
+    angle?: number;
+    /** 水印的总体宽度（默认值：body的scrollWidth和clientWidth的较大值） */
+    parent_width?: number;
+    /** 水印的总体高度（默认值：body的scrollHeight和clientHeight的较大值） */
+    parent_height?: number;
+    /** 水印插件挂载的父元素element，不输入则默认挂在body */
+    parent_node?: HTMLElement | null;
+    /** 是否监控，true: 不可删除水印; false: 可删水印 */
+    monitor?: boolean;
+}
+
+declare class Storage_2 {
+    private readonly prefix;
+    private constructor();
+    static init(prefix?: string): Storage_2;
+    static getInstance(): Storage_2;
+    private getTopLevelDomain;
+    local: {
+        has: (key: string) => boolean;
+        get: (key: string) => string | null;
+        set: (key: string, value: string) => void;
+        remove: (key: string) => void;
+        clear: () => void;
+    };
+    session: {
+        has: (key: string) => boolean;
+        get: (key: string) => string | null;
+        set: (key: string, value: string) => void;
+        remove: (key: string) => void;
+        clear: () => void;
+    };
+    cookie: {
+        has: (key: string) => boolean;
+        get: (key: string) => string | null;
+        set: (key: string, value: string, expires?: number, path?: string, domain?: string) => void;
+        remove: (key: string, path?: string, domain?: string) => void;
+        clear: () => void;
+    };
+}
+
+export declare const useStorage: typeof Storage_2.getInstance;
+
+export declare function watermark(): {
+    addMark: (settings: Partial<SettingsType>) => void;
+    removeMark: () => void;
+};
+
+export { }