@qxs-bns/utils 0.0.8 → 0.0.10

package/src/watermark.cjs

@@ -1,31 +0,0 @@
-"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

@@ -1,157 +0,0 @@
-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

@@ -1,139 +0,0 @@
-import { isVNode } from 'vue';
-
-export declare function createVideoUploader(options: VideoUploadOptions): Promise<IVideoUploader>;
-
-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;
-
-export declare interface IVideoUploader {
-    uploader: any;
-    upload: (file: File) => Promise<VideoUploadResult>;
-}
-
-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 interface UploadInfo {
-    file: File;
-    videoId?: string;
-}
-
-export declare const useStorage: typeof Storage_2.getInstance;
-
-declare interface VideoUploadOptions {
-    onUploadFailed?: (uploadInfo: any, code: string, message: string) => void;
-    onUploadSucceed?: (uploadInfo: any) => void;
-    onUploadProgress?: (uploadInfo: UploadInfo, totalSize: number, percent: number) => void;
-    onUploadTokenExpired?: (response: any) => void;
-    onUploadstarted?: (uploadInfo: UploadInfo) => Promise<{
-        uploadAuth: string;
-        uploadAddress: string;
-        videoId: string;
-    }>;
-}
-
-declare interface VideoUploadResult {
-    videoId: string;
-}
-
-export declare function watermark(): {
-    addMark: (settings: Partial<SettingsType>) => void;
-    removeMark: () => void;
-};
-
-export { }
-
-declare global {
-    interface Window {
-        AliyunUpload: any;
-        OSS: any;
-    }
-}
-