@qxs-bns/utils 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/index.js +11 -0
- package/es/index.js.map +1 -0
- package/es/src/argo-log.js +78 -0
- package/es/src/argo-log.js.map +1 -0
- package/es/src/date-transfer.js +34 -0
- package/es/src/date-transfer.js.map +1 -0
- package/es/src/device.js +23 -0
- package/es/src/device.js.map +1 -0
- package/es/src/file-operations.js +105 -0
- package/es/src/file-operations.js.map +1 -0
- package/es/src/json.js +67 -0
- package/es/src/json.js.map +1 -0
- package/es/src/oss-uploader.js +115 -0
- package/es/src/oss-uploader.js.map +1 -0
- package/es/src/storage.js +113 -0
- package/es/src/storage.js.map +1 -0
- package/es/src/types.js +38 -0
- package/es/src/types.js.map +1 -0
- package/es/src/use-api.js +65 -0
- package/es/src/use-api.js.map +1 -0
- package/es/src/watermark.js +209 -0
- package/es/src/watermark.js.map +1 -0
- package/lib/index.js +40 -1
- package/lib/index.js.map +1 -1
- package/lib/src/argo-log.js +79 -1
- package/lib/src/argo-log.js.map +1 -1
- package/lib/src/date-transfer.js +35 -1
- package/lib/src/date-transfer.js.map +1 -1
- package/lib/src/device.js +27 -1
- package/lib/src/device.js.map +1 -1
- package/lib/src/file-operations.js +107 -1
- package/lib/src/file-operations.js.map +1 -1
- package/lib/src/json.js +69 -1
- package/lib/src/json.js.map +1 -1
- package/lib/src/oss-uploader.js +119 -1
- package/lib/src/oss-uploader.js.map +1 -1
- package/lib/src/storage.js +114 -1
- package/lib/src/storage.js.map +1 -1
- package/lib/src/types.js +46 -1
- package/lib/src/types.js.map +1 -1
- package/lib/src/use-api.js +66 -1
- package/lib/src/use-api.js.map +1 -1
- package/lib/src/watermark.js +192 -13
- package/lib/src/watermark.js.map +1 -1
- package/package.json +26 -27
- package/{es → types}/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -0
- package/{es → types}/src/argo-log.d.ts +1 -0
- package/types/src/argo-log.d.ts.map +1 -0
- package/types/src/date-transfer.d.ts +12 -0
- package/types/src/date-transfer.d.ts.map +1 -0
- package/types/src/device.d.ts +18 -0
- package/types/src/device.d.ts.map +1 -0
- package/{es → types}/src/file-operations.d.ts +1 -0
- package/types/src/file-operations.d.ts.map +1 -0
- package/{lib → types}/src/json.d.ts +1 -0
- package/types/src/json.d.ts.map +1 -0
- package/{es → types}/src/oss-uploader.d.ts +2 -2
- package/types/src/oss-uploader.d.ts.map +1 -0
- package/{es → types}/src/storage.d.ts +1 -0
- package/types/src/storage.d.ts.map +1 -0
- package/{lib → types}/src/types.d.ts +1 -0
- package/types/src/types.d.ts.map +1 -0
- package/{lib → types}/src/use-api.d.ts +3 -4
- package/types/src/use-api.d.ts.map +1 -0
- package/{es → types}/src/watermark.d.ts +1 -0
- package/types/src/watermark.d.ts.map +1 -0
- package/types/tsconfig.tsbuildinfo +1 -0
- package/README.md +0 -65
- package/es/_virtual/_commonjs-dynamic-modules.mjs +0 -7
- package/es/_virtual/_commonjs-dynamic-modules.mjs.map +0 -1
- package/es/_virtual/_commonjsHelpers.mjs +0 -7
- package/es/_virtual/_commonjsHelpers.mjs.map +0 -1
- package/es/_virtual/ali-oss/dist/aliyun-oss-sdk.mjs +0 -20195
- package/es/_virtual/ali-oss/dist/aliyun-oss-sdk.mjs.map +0 -1
- package/es/_virtual/aliyun-oss-sdk.mjs +0 -8
- package/es/_virtual/aliyun-oss-sdk.mjs.map +0 -1
- package/es/_virtual/aliyun-oss-sdk2.mjs +0 -5
- package/es/_virtual/aliyun-oss-sdk2.mjs.map +0 -1
- package/es/_virtual/ans-javascript-sdk/sdk/AnalysysAgent_JS_SDK.es6.min.mjs +0 -2142
- package/es/_virtual/ans-javascript-sdk/sdk/AnalysysAgent_JS_SDK.es6.min.mjs.map +0 -1
- package/es/_virtual/xlsx/xlsx.mjs +0 -24583
- package/es/_virtual/xlsx/xlsx.mjs.map +0 -1
- package/es/index.mjs +0 -35
- package/es/index.mjs.map +0 -1
- package/es/src/argo-log.mjs +0 -68
- package/es/src/argo-log.mjs.map +0 -1
- package/es/src/date-transfer.d.ts +0 -20
- package/es/src/date-transfer.mjs +0 -62
- package/es/src/date-transfer.mjs.map +0 -1
- package/es/src/device.d.ts +0 -4
- package/es/src/device.mjs +0 -24
- package/es/src/device.mjs.map +0 -1
- package/es/src/file-operations.mjs +0 -79
- package/es/src/file-operations.mjs.map +0 -1
- package/es/src/json.d.ts +0 -15
- package/es/src/json.mjs +0 -45
- package/es/src/json.mjs.map +0 -1
- package/es/src/oss-uploader.mjs +0 -89
- package/es/src/oss-uploader.mjs.map +0 -1
- package/es/src/storage.mjs +0 -81
- package/es/src/storage.mjs.map +0 -1
- package/es/src/types.d.ts +0 -26
- package/es/src/types.mjs +0 -37
- package/es/src/types.mjs.map +0 -1
- package/es/src/use-api.d.ts +0 -47
- package/es/src/use-api.mjs +0 -44
- package/es/src/use-api.mjs.map +0 -1
- package/es/src/watermark.mjs +0 -147
- package/es/src/watermark.mjs.map +0 -1
- package/lib/_virtual/_commonjs-dynamic-modules.js +0 -2
- package/lib/_virtual/_commonjs-dynamic-modules.js.map +0 -1
- package/lib/_virtual/_commonjsHelpers.js +0 -2
- package/lib/_virtual/_commonjsHelpers.js.map +0 -1
- package/lib/_virtual/ali-oss/dist/aliyun-oss-sdk.js +0 -85
- package/lib/_virtual/ali-oss/dist/aliyun-oss-sdk.js.map +0 -1
- package/lib/_virtual/aliyun-oss-sdk.js +0 -2
- package/lib/_virtual/aliyun-oss-sdk.js.map +0 -1
- package/lib/_virtual/aliyun-oss-sdk2.js +0 -2
- package/lib/_virtual/aliyun-oss-sdk2.js.map +0 -1
- package/lib/_virtual/ans-javascript-sdk/sdk/AnalysysAgent_JS_SDK.es6.min.js +0 -30
- package/lib/_virtual/ans-javascript-sdk/sdk/AnalysysAgent_JS_SDK.es6.min.js.map +0 -1
- package/lib/_virtual/xlsx/xlsx.js +0 -105
- package/lib/_virtual/xlsx/xlsx.js.map +0 -1
- package/lib/index.d.ts +0 -10
- package/lib/src/argo-log.d.ts +0 -32
- package/lib/src/date-transfer.d.ts +0 -20
- package/lib/src/device.d.ts +0 -4
- package/lib/src/file-operations.d.ts +0 -42
- package/lib/src/oss-uploader.d.ts +0 -43
- package/lib/src/storage.d.ts +0 -26
- package/lib/src/watermark.d.ts +0 -47
package/lib/src/storage.js
CHANGED
|
@@ -1,2 +1,115 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true,
|
|
8
|
+
value
|
|
9
|
+
}) : obj[key] = value;
|
|
10
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
11
|
+
class Storage {
|
|
12
|
+
constructor() {
|
|
13
|
+
var _this = this;
|
|
14
|
+
let prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "qxs_";
|
|
15
|
+
__publicField(this, "prefix");
|
|
16
|
+
__publicField(this, "local", {
|
|
17
|
+
has: function (key) {
|
|
18
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
19
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
20
|
+
return Object.prototype.hasOwnProperty.call(localStorage, prefixedKey);
|
|
21
|
+
},
|
|
22
|
+
get: function (key) {
|
|
23
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
24
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
25
|
+
return localStorage.getItem(prefixedKey);
|
|
26
|
+
},
|
|
27
|
+
set: function (key, value) {
|
|
28
|
+
let usePrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
29
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
30
|
+
localStorage.setItem(prefixedKey, value);
|
|
31
|
+
},
|
|
32
|
+
remove: function (key) {
|
|
33
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
34
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
35
|
+
localStorage.removeItem(prefixedKey);
|
|
36
|
+
},
|
|
37
|
+
clear: () => {
|
|
38
|
+
localStorage.clear();
|
|
39
|
+
}
|
|
40
|
+
});
|
|
41
|
+
__publicField(this, "session", {
|
|
42
|
+
has: function (key) {
|
|
43
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
44
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
45
|
+
return Object.prototype.hasOwnProperty.call(sessionStorage, prefixedKey);
|
|
46
|
+
},
|
|
47
|
+
get: function (key) {
|
|
48
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
49
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
50
|
+
return sessionStorage.getItem(prefixedKey);
|
|
51
|
+
},
|
|
52
|
+
set: function (key, value) {
|
|
53
|
+
let usePrefix = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
|
|
54
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
55
|
+
sessionStorage.setItem(prefixedKey, value);
|
|
56
|
+
},
|
|
57
|
+
remove: function (key) {
|
|
58
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
59
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
60
|
+
sessionStorage.removeItem(prefixedKey);
|
|
61
|
+
},
|
|
62
|
+
clear: () => {
|
|
63
|
+
sessionStorage.clear();
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
__publicField(this, "cookie", {
|
|
67
|
+
has: function (key) {
|
|
68
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
69
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
70
|
+
return new RegExp(`(^|;)\\s*${prefixedKey}=`).test(document.cookie);
|
|
71
|
+
},
|
|
72
|
+
get: function (key) {
|
|
73
|
+
let usePrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
74
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
75
|
+
const match = document.cookie.match(new RegExp(`(^|;)\\s*${prefixedKey}=([^;]*)`));
|
|
76
|
+
return match ? decodeURIComponent(match[2]) : null;
|
|
77
|
+
},
|
|
78
|
+
set: function (key, value) {
|
|
79
|
+
let expires = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
|
|
80
|
+
let path = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "/";
|
|
81
|
+
let domain = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window.location.hostname;
|
|
82
|
+
let usePrefix = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : true;
|
|
83
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
84
|
+
const expiresDate = /* @__PURE__ */new Date();
|
|
85
|
+
expiresDate.setTime(expiresDate.getTime() + expires * 24 * 60 * 60 * 1e3);
|
|
86
|
+
const expiresStr = `;expires=${expiresDate.toUTCString()}`;
|
|
87
|
+
const pathStr = `;path=${path}`;
|
|
88
|
+
const domainStr = domain ? `;domain=${domain}` : "";
|
|
89
|
+
document.cookie = `${prefixedKey}=${encodeURIComponent(value)}${expiresStr}${pathStr}${domainStr}`;
|
|
90
|
+
},
|
|
91
|
+
remove: function (key) {
|
|
92
|
+
let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "/";
|
|
93
|
+
let domain = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : window.location.hostname;
|
|
94
|
+
let usePrefix = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
|
|
95
|
+
const prefixedKey = usePrefix ? `${_this.prefix}${key}` : key;
|
|
96
|
+
const expiresStr = `;expires=${(/* @__PURE__ */new Date(0)).toUTCString()}`;
|
|
97
|
+
const pathStr = `;path=${path}`;
|
|
98
|
+
const domainStr = domain ? `;domain=${domain}` : "";
|
|
99
|
+
document.cookie = `${prefixedKey}=;${expiresStr}${pathStr}${domainStr}`;
|
|
100
|
+
},
|
|
101
|
+
clear: () => {
|
|
102
|
+
const keys = document.cookie.match(/[^ =;]+(?==)/g);
|
|
103
|
+
if (keys) {
|
|
104
|
+
keys.forEach(key => {
|
|
105
|
+
document.cookie = `${key}=;expires=${(/* @__PURE__ */new Date(0)).toUTCString()};path=/`;
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
});
|
|
110
|
+
this.prefix = prefix;
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
exports.Storage = Storage;
|
|
2
115
|
//# sourceMappingURL=storage.js.map
|
package/lib/src/storage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"storage.js","sources":["../../../../packages/utils/src/storage.ts"],"sourcesContent":["// 使用单例模式\nclass Storage {\n private readonly prefix: string\n\n constructor(prefix = 'qxs_') {\n this.prefix = prefix\n }\n\n local = {\n has: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return Object.prototype.hasOwnProperty.call(localStorage, prefixedKey)\n },\n get: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return localStorage.getItem(prefixedKey)\n },\n set: (key: string, value: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n localStorage.setItem(prefixedKey, value)\n },\n remove: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n localStorage.removeItem(prefixedKey)\n },\n clear: () => {\n localStorage.clear()\n },\n }\n\n session = {\n has: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return Object.prototype.hasOwnProperty.call(sessionStorage, prefixedKey)\n },\n get: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return sessionStorage.getItem(prefixedKey)\n },\n set: (key: string, value: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n sessionStorage.setItem(prefixedKey, value)\n },\n remove: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n sessionStorage.removeItem(prefixedKey)\n },\n clear: () => {\n sessionStorage.clear()\n },\n }\n\n cookie = {\n has: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return new RegExp(`(^|;)\\\\s*${prefixedKey}=`).test(document.cookie)\n },\n get: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n const match = document.cookie.match(new RegExp(`(^|;)\\\\s*${prefixedKey}=([^;]*)`))\n return match ? decodeURIComponent(match[2]) : null\n },\n set: (key: string, value: string, expires = 1, path = '/', domain = window.location.hostname, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n const expiresDate = new Date()\n expiresDate.setTime(expiresDate.getTime() + expires * 24 * 60 * 60 * 1000)\n const expiresStr = `;expires=${expiresDate.toUTCString()}`\n const pathStr = `;path=${path}`\n const domainStr = domain ? `;domain=${domain}` : ''\n\n document.cookie = `${prefixedKey}=${encodeURIComponent(value)}${expiresStr}${pathStr}${domainStr}`\n },\n remove: (key: string, path = '/', domain = window.location.hostname, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n const expiresStr = `;expires=${new Date(0).toUTCString()}`\n const pathStr = `;path=${path}`\n const domainStr = domain ? `;domain=${domain}` : ''\n\n document.cookie = `${prefixedKey}=;${expiresStr}${pathStr}${domainStr}`\n },\n clear: () => {\n const keys = document.cookie.match(/[^ =;]+(?==)/g)\n if (keys) {\n keys.forEach((key) => {\n document.cookie = `${key}=;expires=${new Date(0).toUTCString()};path=/`\n })\n }\n },\n }\n}\n\n// 直接导出 Storage 类\nexport { Storage }\n"],"names":["Storage","prefix","__publicField","key","usePrefix","prefixedKey","value","match","expires","path","domain","expiresDate","expiresStr","pathStr","domainStr","keys"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"storage.js","sources":["../../../../packages/utils/src/storage.ts"],"sourcesContent":["// 使用单例模式\nclass Storage {\n private readonly prefix: string\n\n constructor(prefix = 'qxs_') {\n this.prefix = prefix\n }\n\n local = {\n has: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return Object.prototype.hasOwnProperty.call(localStorage, prefixedKey)\n },\n get: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return localStorage.getItem(prefixedKey)\n },\n set: (key: string, value: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n localStorage.setItem(prefixedKey, value)\n },\n remove: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n localStorage.removeItem(prefixedKey)\n },\n clear: () => {\n localStorage.clear()\n },\n }\n\n session = {\n has: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return Object.prototype.hasOwnProperty.call(sessionStorage, prefixedKey)\n },\n get: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return sessionStorage.getItem(prefixedKey)\n },\n set: (key: string, value: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n sessionStorage.setItem(prefixedKey, value)\n },\n remove: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n sessionStorage.removeItem(prefixedKey)\n },\n clear: () => {\n sessionStorage.clear()\n },\n }\n\n cookie = {\n has: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n return new RegExp(`(^|;)\\\\s*${prefixedKey}=`).test(document.cookie)\n },\n get: (key: string, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n const match = document.cookie.match(new RegExp(`(^|;)\\\\s*${prefixedKey}=([^;]*)`))\n return match ? decodeURIComponent(match[2]) : null\n },\n set: (key: string, value: string, expires = 1, path = '/', domain = window.location.hostname, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n const expiresDate = new Date()\n expiresDate.setTime(expiresDate.getTime() + expires * 24 * 60 * 60 * 1000)\n const expiresStr = `;expires=${expiresDate.toUTCString()}`\n const pathStr = `;path=${path}`\n const domainStr = domain ? `;domain=${domain}` : ''\n\n document.cookie = `${prefixedKey}=${encodeURIComponent(value)}${expiresStr}${pathStr}${domainStr}`\n },\n remove: (key: string, path = '/', domain = window.location.hostname, usePrefix: boolean = true) => {\n const prefixedKey = usePrefix ? `${this.prefix}${key}` : key\n const expiresStr = `;expires=${new Date(0).toUTCString()}`\n const pathStr = `;path=${path}`\n const domainStr = domain ? `;domain=${domain}` : ''\n\n document.cookie = `${prefixedKey}=;${expiresStr}${pathStr}${domainStr}`\n },\n clear: () => {\n const keys = document.cookie.match(/[^ =;]+(?==)/g)\n if (keys) {\n keys.forEach((key) => {\n document.cookie = `${key}=;expires=${new Date(0).toUTCString()};path=/`\n })\n }\n },\n }\n}\n\n// 直接导出 Storage 类\nexport { Storage }\n"],"names":["Storage","constructor","_this","prefix","__publicField","has","key","usePrefix","arguments","length","undefined","prefixedKey","Object","prototype","hasOwnProperty","call","localStorage","get","getItem","set","value","setItem","remove","removeItem","clear","sessionStorage","RegExp","test","document","cookie","match","decodeURIComponent","expires","path","domain","window","location","hostname","expiresDate","Date","setTime","getTime","expiresStr","toUTCString","pathStr","domainStr","encodeURIComponent","keys","forEach"],"mappings":"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"}
|
package/lib/src/types.js
CHANGED
|
@@ -1,2 +1,47 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const isUndefined = val => val === void 0;
|
|
4
|
+
const isBoolean = val => typeof val === "boolean";
|
|
5
|
+
const isNumber = val => typeof val === "number";
|
|
6
|
+
function isElement(e) {
|
|
7
|
+
if (typeof Element === "undefined") {
|
|
8
|
+
return false;
|
|
9
|
+
}
|
|
10
|
+
return e instanceof Element;
|
|
11
|
+
}
|
|
12
|
+
function isWindow(val) {
|
|
13
|
+
return val === window;
|
|
14
|
+
}
|
|
15
|
+
function isJSONString(str) {
|
|
16
|
+
const jsonStringRegex = /^[\],:{}\s]*$/.test(str.replace(/\\["\\/bfnrtu]/g, "@").replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, "]").replace(/(?:^|:|,)(?:\s*\[)+/g, ""));
|
|
17
|
+
return jsonStringRegex && isValidJSON(str);
|
|
18
|
+
}
|
|
19
|
+
function isValidJSON(str) {
|
|
20
|
+
try {
|
|
21
|
+
JSON.parse(str);
|
|
22
|
+
return true;
|
|
23
|
+
} catch (e) {
|
|
24
|
+
console.log("e: ", e);
|
|
25
|
+
return false;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
function isImageByMimeType(file) {
|
|
29
|
+
return file.type.startsWith("image/");
|
|
30
|
+
}
|
|
31
|
+
function isPlainObject(value) {
|
|
32
|
+
if (value === null || typeof value !== "object") {
|
|
33
|
+
return false;
|
|
34
|
+
}
|
|
35
|
+
const proto = Object.getPrototypeOf(value);
|
|
36
|
+
return proto === null || proto === Object.prototype;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
exports.isBoolean = isBoolean;
|
|
40
|
+
exports.isElement = isElement;
|
|
41
|
+
exports.isImageByMimeType = isImageByMimeType;
|
|
42
|
+
exports.isJSONString = isJSONString;
|
|
43
|
+
exports.isNumber = isNumber;
|
|
44
|
+
exports.isPlainObject = isPlainObject;
|
|
45
|
+
exports.isUndefined = isUndefined;
|
|
46
|
+
exports.isWindow = isWindow;
|
|
2
47
|
//# sourceMappingURL=types.js.map
|
package/lib/src/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sources":["../../../../packages/utils/src/types.ts"],"sourcesContent":["export const isUndefined = (val: any): val is undefined => val === undefined\nexport const isBoolean = (val: any): val is boolean => typeof val === 'boolean'\nexport const isNumber = (val: any): val is number => typeof val === 'number'\n\nexport function isElement(e: unknown): e is Element {\n if (typeof Element === 'undefined') {\n return false\n }\n return e instanceof Element\n}\n\nexport function isWindow(val: unknown): val is Window {\n return val === window\n}\n\n/**\n * 判断字符串是否为JSON字符串\n * @param str - 要判断的字符串\n * @returns 如果字符串是JSON字符串,则返回true,否则返回false\n */\nexport function isJSONString(str: string) {\n const jsonStringRegex = /^[\\],:{}\\s]*$/\n .test(str.replace(/\\\\[\"\\\\/bfnrtu]/g, '@')\n .replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, ']')\n .replace(/(?:^|:|,)(?:\\s*\\[)+/g, ''))\n\n return jsonStringRegex && isValidJSON(str)\n}\n\n/**\n * 判断字符串是否为有效的JSON字符串\n * @param str - 要判断的字符串\n * @returns 如果字符串是有效的JSON字符串,则返回true,否则返回false\n */\nfunction isValidJSON(str: string) {\n try {\n JSON.parse(str)\n return true\n }\n catch (e) {\n console.log('e: ', e)\n return false\n }\n}\n\n/**\n * 通过 MIME 类型判断文件是否为图片\n * @param file - 要检查的文件对象\n * @returns {boolean} 如果文件是图片类型返回 true,否则返回 false\n * @example\n * const file = new File([''], 'test.png', { type: 'image/png' });\n * isImageByMimeType(file); // true\n */\nexport function isImageByMimeType(file: File) {\n return file.type.startsWith('image/')\n}\n\n/**\n * 判断一个值是否为普通对象\n * @param value - 要判断的值\n * @returns 如果值是普通对象,则返回 true,否则返回 false\n */\nexport function isPlainObject(value: unknown): value is Record<string, any> {\n if (value === null || typeof value !== 'object') {\n return false\n }\n\n // 获取原型\n const proto = Object.getPrototypeOf(value)\n\n // 如果没有原型(proto === null),说明是通过 Object.create(null) 创建的\n // 或者原型就是 Object.prototype,说明是普通对象\n return proto === null || proto === Object.prototype\n}\n"],"names":["isUndefined","val","isBoolean","isNumber","isElement","isWindow","isJSONString","str","isValidJSON","
|
|
1
|
+
{"version":3,"file":"types.js","sources":["../../../../packages/utils/src/types.ts"],"sourcesContent":["export const isUndefined = (val: any): val is undefined => val === undefined\nexport const isBoolean = (val: any): val is boolean => typeof val === 'boolean'\nexport const isNumber = (val: any): val is number => typeof val === 'number'\n\nexport function isElement(e: unknown): e is Element {\n if (typeof Element === 'undefined') {\n return false\n }\n return e instanceof Element\n}\n\nexport function isWindow(val: unknown): val is Window {\n return val === window\n}\n\n/**\n * 判断字符串是否为JSON字符串\n * @param str - 要判断的字符串\n * @returns 如果字符串是JSON字符串,则返回true,否则返回false\n */\nexport function isJSONString(str: string) {\n const jsonStringRegex = /^[\\],:{}\\s]*$/\n .test(str.replace(/\\\\[\"\\\\/bfnrtu]/g, '@')\n .replace(/\"[^\"\\\\\\n\\r]*\"|true|false|null|-?\\d+(?:\\.\\d*)?(?:[eE][+\\-]?\\d+)?/g, ']')\n .replace(/(?:^|:|,)(?:\\s*\\[)+/g, ''))\n\n return jsonStringRegex && isValidJSON(str)\n}\n\n/**\n * 判断字符串是否为有效的JSON字符串\n * @param str - 要判断的字符串\n * @returns 如果字符串是有效的JSON字符串,则返回true,否则返回false\n */\nfunction isValidJSON(str: string) {\n try {\n JSON.parse(str)\n return true\n }\n catch (e) {\n console.log('e: ', e)\n return false\n }\n}\n\n/**\n * 通过 MIME 类型判断文件是否为图片\n * @param file - 要检查的文件对象\n * @returns {boolean} 如果文件是图片类型返回 true,否则返回 false\n * @example\n * const file = new File([''], 'test.png', { type: 'image/png' });\n * isImageByMimeType(file); // true\n */\nexport function isImageByMimeType(file: File) {\n return file.type.startsWith('image/')\n}\n\n/**\n * 判断一个值是否为普通对象\n * @param value - 要判断的值\n * @returns 如果值是普通对象,则返回 true,否则返回 false\n */\nexport function isPlainObject(value: unknown): value is Record<string, any> {\n if (value === null || typeof value !== 'object') {\n return false\n }\n\n // 获取原型\n const proto = Object.getPrototypeOf(value)\n\n // 如果没有原型(proto === null),说明是通过 Object.create(null) 创建的\n // 或者原型就是 Object.prototype,说明是普通对象\n return proto === null || proto === Object.prototype\n}\n"],"names":["isUndefined","val","isBoolean","isNumber","isElement","e","Element","isWindow","window","isJSONString","str","jsonStringRegex","test","replace","isValidJSON","JSON","parse","console","log","isImageByMimeType","file","type","startsWith","isPlainObject","value","proto","Object","getPrototypeOf","prototype"],"mappings":";;AAAa,MAAAA,WAAA,GAAeC,GAAA,IAA+BA,GAAQ,KAAA;AAC5D,MAAMC,SAAY,GAACD,GAA6B,IAAA,OAAOA,GAAQ,KAAA;AAC/D,MAAME,QAAW,GAACF,GAA4B,IAAA,OAAOA,GAAQ,KAAA;AAE7D,SAASG,UAAUC,CAA0B,EAAA;AAC9C,EAAA,IAAA,OAAOC,YAAY,WAAa,EAAA;AAC3B,IAAA,OAAA,KAAA;AACT;EACA,OAAOD,CAAa,YAAAC,OAAA;AACtB;AAEO,SAASC,SAASN,GAA6B,EAAA;EACpD,OAAOA,GAAQ,KAAAO,MAAA;AACjB;AAOO,SAASC,aAAaC,GAAa,EAAA;AACxC,EAAA,MAAMC,eAAkB,GAAA,eAAA,CACrBC,IAAK,CAAAF,GAAA,CAAIG,QAAQ,iBAAmB,EAAA,GAAG,CACrC,CAAAA,OAAA,CAAQ,oEAAoE,GAAG,CAAA,CAC/EA,OAAQ,CAAA,sBAAA,EAAwB,EAAE,CAAC,CAAA;AAEjC,EAAA,OAAAF,eAAA,IAAmBG,YAAYJ,GAAG,CAAA;AAC3C;AAOA,SAASI,YAAYJ,GAAa,EAAA;EAC5B,IAAA;AACFK,IAAAA,IAAA,CAAKC,MAAMN,GAAG,CAAA;AACP,IAAA,OAAA,IAAA;WAEFL,CAAG,EAAA;AACAY,IAAAA,OAAA,CAAAC,GAAA,CAAI,OAAOb,CAAC,CAAA;AACb,IAAA,OAAA,KAAA;AACT;AACF;AAUO,SAASc,kBAAkBC,IAAY,EAAA;AACrC,EAAA,OAAAA,IAAA,CAAKC,IAAK,CAAAC,UAAA,CAAW,QAAQ,CAAA;AACtC;AAOO,SAASC,cAAcC,KAA8C,EAAA;EAC1E,IAAIA,KAAU,KAAA,IAAA,IAAQ,OAAOA,KAAA,KAAU,QAAU,EAAA;AACxC,IAAA,OAAA,KAAA;AACT;AAGM,EAAA,MAAAC,KAAA,GAAQC,MAAO,CAAAC,cAAA,CAAeH,KAAK,CAAA;EAIlC,OAAAC,KAAA,KAAU,IAAQ,IAAAA,KAAA,KAAUC,MAAO,CAAAE,SAAA;AAC5C;;;;;;;;;;;"}
|
package/lib/src/use-api.js
CHANGED
|
@@ -1,2 +1,67 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var types = require('./types.js');
|
|
4
|
+
|
|
5
|
+
var __defProp = Object.defineProperty;
|
|
6
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
configurable: true,
|
|
9
|
+
writable: true,
|
|
10
|
+
value
|
|
11
|
+
}) : obj[key] = value;
|
|
12
|
+
var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
13
|
+
const _ApiService = class _ApiService {
|
|
14
|
+
constructor(apiInstance) {
|
|
15
|
+
this.apiInstance = apiInstance;
|
|
16
|
+
__publicField(this, "useApi", async (axiosConfig, params, isWholeResponse) => {
|
|
17
|
+
let res = null;
|
|
18
|
+
let error = null;
|
|
19
|
+
try {
|
|
20
|
+
const config = {
|
|
21
|
+
...axiosConfig,
|
|
22
|
+
...(["GET"].includes(axiosConfig.method.toUpperCase()) ? {
|
|
23
|
+
params
|
|
24
|
+
} : {
|
|
25
|
+
data: params
|
|
26
|
+
})
|
|
27
|
+
};
|
|
28
|
+
config.url = (config.proxyPrefix || "") + axiosConfig.url;
|
|
29
|
+
delete config.proxyPrefix;
|
|
30
|
+
const response = await this.apiInstance(config);
|
|
31
|
+
res = isWholeResponse ? response.data : response.data.data;
|
|
32
|
+
} catch (err) {
|
|
33
|
+
if (err.name !== "AxiosError") {
|
|
34
|
+
if (this.isAxiosResponse(err)) {
|
|
35
|
+
error = err.data;
|
|
36
|
+
} else if (this.isErrorResponse(err)) {
|
|
37
|
+
error = err;
|
|
38
|
+
}
|
|
39
|
+
} else {
|
|
40
|
+
console.error(err);
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
return {
|
|
44
|
+
res,
|
|
45
|
+
error
|
|
46
|
+
};
|
|
47
|
+
});
|
|
48
|
+
if (_ApiService.instance) {
|
|
49
|
+
return _ApiService.instance;
|
|
50
|
+
}
|
|
51
|
+
_ApiService.instance = this;
|
|
52
|
+
}
|
|
53
|
+
isBusinessError(obj) {
|
|
54
|
+
return types.isPlainObject(obj) && typeof obj.message === "string" && typeof obj.code === "number" && obj.code !== 0;
|
|
55
|
+
}
|
|
56
|
+
isAxiosResponse(value) {
|
|
57
|
+
return types.isPlainObject(value) && value.data !== void 0 && this.isBusinessError(value.data) && value.status !== void 0 && value.statusText !== void 0 && value.headers !== void 0 && value.config !== void 0 && value.request !== void 0;
|
|
58
|
+
}
|
|
59
|
+
isErrorResponse(value) {
|
|
60
|
+
return "code" in value && "data" in value && "message" in value && value.code !== 0;
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
__publicField(_ApiService, "instance");
|
|
64
|
+
let ApiService = _ApiService;
|
|
65
|
+
|
|
66
|
+
exports.ApiService = ApiService;
|
|
2
67
|
//# sourceMappingURL=use-api.js.map
|
package/lib/src/use-api.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-api.js","sources":["../../../../packages/utils/src/use-api.ts"],"sourcesContent":["import type { AxiosInstance, AxiosRequestConfig, AxiosResponse
|
|
1
|
+
{"version":3,"file":"use-api.js","sources":["../../../../packages/utils/src/use-api.ts"],"sourcesContent":["import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios'\nimport { isPlainObject } from './types'\n\nexport interface SuccessResponse<T> {\n code: number\n count: number\n data: T\n message: string\n}\n\nexport interface ErrorResponse {\n code: number\n data: null\n message: string\n}\n\nexport interface UseApiResponse<W extends boolean = false, T = unknown> {\n res: W extends true ? SuccessResponse<T> : T\n error: ErrorResponse | null\n}\n\nexport interface UrlObjectType {\n url: string\n method: 'GET' | 'POST' | 'PUT' | 'DELETE' | 'PATCH'\n proxyPrefix?: string\n}\n\nexport type ApiTypeMap<U extends UrlObjectType> = {\n [K in U['url']]: {\n request: any\n response: any\n }\n}\n\ntype RequestPayload<T> = T extends { data: any } ? T['data'] : T\ntype RequestParams<T> = T extends { params: any } ? T['params'] : T\n\nexport class ApiService<\n T extends ApiTypeMap<U>,\n U extends UrlObjectType,\n> {\n private static instance: ApiService<any, any>\n\n constructor(\n private apiInstance: AxiosInstance,\n ) {\n if (ApiService.instance) {\n return ApiService.instance as ApiService<T, U>\n }\n ApiService.instance = this\n }\n\n private isBusinessError(obj: ErrorResponse): boolean {\n return isPlainObject(obj)\n && typeof obj.message === 'string'\n && typeof obj.code === 'number'\n && obj.code !== 0\n }\n\n private isAxiosResponse(value: any): value is AxiosResponse {\n return isPlainObject(value)\n && value.data !== undefined\n && this.isBusinessError(value.data)\n && value.status !== undefined\n && value.statusText !== undefined\n && value.headers !== undefined\n && value.config !== undefined\n && value.request !== undefined\n }\n\n private isErrorResponse(value: any): value is ErrorResponse {\n return 'code' in value && 'data' in value && 'message' in value && value.code !== 0\n }\n\n public useApi = async <\n K extends U,\n W extends boolean = false,\n >(\n axiosConfig: Omit<AxiosRequestConfig<RequestPayload<T[K['url']]['request']>>, 'params'> & K & {\n params?: RequestParams<T[K['url']]['request']>\n },\n params?: RequestParams<T[K['url']]['request']>,\n isWholeResponse?: W,\n ): Promise<UseApiResponse<W, T[K['url']]['response']>> => {\n let res: UseApiResponse<W, T[K['url']]['response']>['res'] | null = null\n let error: UseApiResponse['error'] = null\n\n try {\n const config = {\n ...axiosConfig,\n ...(['GET'].includes(axiosConfig.method.toUpperCase()) ? { params } : { data: params }),\n }\n\n config.url = (config.proxyPrefix || '') + axiosConfig.url\n delete config.proxyPrefix\n\n const response = await this.apiInstance<SuccessResponse<T[K['url']]['response']>>(config)\n res = isWholeResponse\n ? response.data\n : response.data.data\n }\n catch (err: any) {\n if (err.name !== 'AxiosError') {\n if (this.isAxiosResponse(err)) {\n error = err.data\n }\n else if (this.isErrorResponse(err)) {\n error = err\n }\n }\n else {\n console.error(err)\n }\n }\n\n return { res: res!, error }\n }\n}\n"],"names":["_ApiService","constructor","apiInstance","__publicField","axiosConfig","params","isWholeResponse","res","error","config","includes","method","toUpperCase","data","url","proxyPrefix","response","err","name","isAxiosResponse","isErrorResponse","console","instance","isBusinessError","obj","isPlainObject","message","code","value","status","statusText","headers","request","ApiService"],"mappings":";;;;;;;;;;;;AAqCO,MAAMA,WAAA,GAAN,MAAMA,WAGX,CAAA;EAGAC,YACUC,WACR,EAAA;IADQ,IAAA,CAAAA,WAAA,GAAAA,WAAA;IA8BVC,aAAA,CAAA,IAAA,EAAO,QAAS,EAAA,OAIdC,WAGA,EAAAC,MAAA,EACAC,eACwD,KAAA;MACxD,IAAIC,GAAgE,GAAA,IAAA;MACpE,IAAIC,KAAiC,GAAA,IAAA;MAEjC,IAAA;AACF,QAAA,MAAMC,MAAS,GAAA;AACb,UAAA,GAAGL,WAAA;AACH,UAAA,IAAI,CAAC,KAAK,CAAA,CAAEM,SAASN,WAAY,CAAAO,MAAA,CAAOC,WAAY,EAAC,IAAI;AAAEP,YAAAA;AAAO,WAAI,GAAA;AAAEQ,YAAAA,MAAMR;WAAO;SACvF;AAEAI,QAAAA,MAAA,CAAOK,GAAO,GAAA,CAAAL,MAAA,CAAOM,WAAe,IAAA,EAAA,IAAMX,WAAY,CAAAU,GAAA;QACtD,OAAOL,MAAO,CAAAM,WAAA;QAEd,MAAMC,QAAW,GAAA,MAAM,IAAK,CAAAd,WAAA,CAAsDO,MAAM,CAAA;QACxFF,GAAA,GAAMD,eACF,GAAAU,QAAA,CAASH,IACT,GAAAG,QAAA,CAASH,IAAK,CAAAA,IAAA;eAEbI,GAAU,EAAA;AACX,QAAA,IAAAA,GAAA,CAAIC,SAAS,YAAc,EAAA;AACzB,UAAA,IAAA,IAAA,CAAKC,eAAgB,CAAAF,GAAG,CAAG,EAAA;YAC7BT,KAAA,GAAQS,GAAI,CAAAJ,IAAA;WAEL,MAAA,IAAA,IAAA,CAAKO,eAAgB,CAAAH,GAAG,CAAG,EAAA;AAC1BT,YAAAA,KAAA,GAAAS,GAAA;AACV;AACF,SACK,MAAA;AACHI,UAAAA,OAAA,CAAQb,MAAMS,GAAG,CAAA;AACnB;AACF;MAEO,OAAA;QAAEV;AAAWC,QAAAA;OAAM;AAC5B,KAAA,CAAA;IAtEE,IAAIR,YAAWsB,QAAU,EAAA;MACvB,OAAOtB,WAAW,CAAAsB,QAAA;AACpB;IACAtB,WAAA,CAAWsB,QAAW,GAAA,IAAA;AACxB;EAEQC,gBAAgBC,GAA6B,EAAA;IACnD,OAAOC,mBAAc,CAAAD,GAAG,CACnB,IAAA,OAAOA,GAAI,CAAAE,OAAA,KAAY,QACvB,IAAA,OAAOF,GAAI,CAAAG,IAAA,KAAS,QACpB,IAAAH,GAAA,CAAIG,IAAS,KAAA,CAAA;AACpB;EAEQR,gBAAgBS,KAAoC,EAAA;IACnD,OAAAH,mBAAA,CAAcG,KAAK,CAAA,IACrBA,KAAM,CAAAf,IAAA,KAAS,UACf,IAAK,CAAAU,eAAA,CAAgBK,KAAM,CAAAf,IAAI,CAC/B,IAAAe,KAAA,CAAMC,WAAW,MACjB,IAAAD,KAAA,CAAME,UAAe,KAAA,MAAA,IACrBF,KAAM,CAAAG,OAAA,KAAY,UAClBH,KAAM,CAAAnB,MAAA,KAAW,MACjB,IAAAmB,KAAA,CAAMI,OAAY,KAAA,MAAA;AACzB;EAEQZ,gBAAgBQ,KAAoC,EAAA;AAC1D,IAAA,OAAO,UAAUA,KAAS,IAAA,MAAA,IAAUA,SAAS,SAAa,IAAAA,KAAA,IAASA,MAAMD,IAAS,KAAA,CAAA;AACpF;AA6CF,CAAA;AA5EExB,aAAA,CAJWH,WAII,EAAA,UAAA,CAAA;AAJV,IAAMiC,UAAN,GAAAjC;;;;"}
|
package/lib/src/watermark.js
CHANGED
|
@@ -1,24 +1,119 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
const initialSettings = {
|
|
4
|
+
id: "wm_div_id",
|
|
5
|
+
prefix: "mask_div_id",
|
|
6
|
+
text: "\u6D4B\u8BD5\u6C34\u5370",
|
|
7
|
+
x: 0,
|
|
8
|
+
y: 0,
|
|
9
|
+
rows: 0,
|
|
10
|
+
cols: 0,
|
|
11
|
+
width: 0,
|
|
12
|
+
height: 0,
|
|
13
|
+
x_space: 100,
|
|
14
|
+
y_space: 40,
|
|
15
|
+
font: "\u5FAE\u8F6F\u96C5\u9ED1",
|
|
16
|
+
color: "black",
|
|
17
|
+
fontsize: "18px",
|
|
18
|
+
alpha: 0.15,
|
|
19
|
+
angle: 15,
|
|
20
|
+
parent_width: 0,
|
|
21
|
+
parent_height: 0,
|
|
22
|
+
parent_node: null,
|
|
23
|
+
monitor: true
|
|
24
|
+
};
|
|
25
|
+
function calculateTextDimensions(text, font, fontSize) {
|
|
26
|
+
const canvas = document.createElement("canvas");
|
|
27
|
+
const context = canvas.getContext("2d");
|
|
28
|
+
if (!context) {
|
|
29
|
+
return {
|
|
30
|
+
width: 100,
|
|
31
|
+
height: 100
|
|
32
|
+
};
|
|
33
|
+
}
|
|
34
|
+
context.font = `${fontSize} ${font}`;
|
|
35
|
+
const metrics = context.measureText(text.trim());
|
|
36
|
+
const fontSizeNum = Number.parseFloat(fontSize);
|
|
37
|
+
const height = metrics.actualBoundingBoxAscent !== void 0 && metrics.actualBoundingBoxDescent !== void 0 ? metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent : fontSizeNum;
|
|
38
|
+
return {
|
|
39
|
+
width: Math.ceil(metrics.width),
|
|
40
|
+
height: Math.ceil(height)
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
function watermark() {
|
|
44
|
+
const globalSetting = {
|
|
45
|
+
...initialSettings
|
|
46
|
+
};
|
|
47
|
+
let forceRemove = false;
|
|
48
|
+
const watermarkDom = new MutationObserver(domChangeCallback);
|
|
49
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
50
|
+
if (!forceRemove) {
|
|
51
|
+
loadMark(globalSetting);
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
function calculateWatermarkLayout(pageWidth, pageHeight) {
|
|
55
|
+
const availableWidth = pageWidth - globalSetting.x;
|
|
56
|
+
const availableHeight = pageHeight - globalSetting.y;
|
|
57
|
+
const x_space = globalSetting.x_space || 20;
|
|
58
|
+
const y_space = globalSetting.y_space || 20;
|
|
59
|
+
const cols = Math.ceil(availableWidth / (globalSetting.width + x_space));
|
|
60
|
+
const rows = Math.ceil(availableHeight / (globalSetting.height + y_space));
|
|
61
|
+
return {
|
|
62
|
+
cols,
|
|
63
|
+
rows,
|
|
64
|
+
x_space,
|
|
65
|
+
y_space
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
function createWatermarkElement(x, y, index) {
|
|
69
|
+
const maskDiv = document.createElement("div");
|
|
70
|
+
maskDiv.textContent = globalSetting.text;
|
|
71
|
+
maskDiv.id = `${globalSetting.prefix}${index}`;
|
|
72
|
+
maskDiv.style.cssText = `
|
|
73
|
+
transform: rotate(-${globalSetting.angle}deg);
|
|
3
74
|
position: absolute;
|
|
4
|
-
left: ${
|
|
5
|
-
top: ${
|
|
75
|
+
left: ${x}px;
|
|
76
|
+
top: ${y}px;
|
|
6
77
|
overflow: hidden;
|
|
7
78
|
z-index: 9999999;
|
|
8
|
-
opacity: ${
|
|
9
|
-
font-size: ${
|
|
10
|
-
font-family: ${
|
|
11
|
-
color: ${
|
|
79
|
+
opacity: ${globalSetting.alpha};
|
|
80
|
+
font-size: ${globalSetting.fontsize};
|
|
81
|
+
font-family: ${globalSetting.font};
|
|
82
|
+
color: ${globalSetting.color};
|
|
12
83
|
text-align: center;
|
|
13
|
-
width: ${
|
|
14
|
-
height: ${
|
|
15
|
-
line-height: ${
|
|
84
|
+
width: ${globalSetting.width}px;
|
|
85
|
+
height: ${globalSetting.height}px;
|
|
86
|
+
line-height: ${globalSetting.height}px;
|
|
16
87
|
display: flex;
|
|
17
88
|
align-items: center;
|
|
18
89
|
justify-content: center;
|
|
19
90
|
user-select: none;
|
|
20
91
|
visibility: visible;
|
|
21
|
-
`.replace(/\s+/g," ").trim()
|
|
92
|
+
`.replace(/\s+/g, " ").trim();
|
|
93
|
+
return maskDiv;
|
|
94
|
+
}
|
|
95
|
+
function loadMark(settings) {
|
|
96
|
+
removeMark();
|
|
97
|
+
Object.assign(globalSetting, settings);
|
|
98
|
+
if (globalSetting.width === 0 && globalSetting.height === 0 || globalSetting.width === 0 || globalSetting.height === 0) {
|
|
99
|
+
const textDimensions = calculateTextDimensions(globalSetting.text, globalSetting.font, globalSetting.fontsize);
|
|
100
|
+
const padding = 10;
|
|
101
|
+
if (globalSetting.width === 0) {
|
|
102
|
+
globalSetting.width = textDimensions.width + padding;
|
|
103
|
+
}
|
|
104
|
+
if (globalSetting.height === 0) {
|
|
105
|
+
globalSetting.height = textDimensions.height + padding;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
const parentElement = globalSetting.parent_node || document.body;
|
|
109
|
+
const pageWidth = Math.max(parentElement.scrollWidth, parentElement.clientWidth);
|
|
110
|
+
const pageHeight = Math.max(parentElement.scrollHeight, parentElement.clientHeight);
|
|
111
|
+
const watermarkContainer = document.createElement("div");
|
|
112
|
+
watermarkContainer.id = globalSetting.id;
|
|
113
|
+
if (parentElement.closest("body") && getComputedStyle(parentElement).position === "static") {
|
|
114
|
+
parentElement.style.position = "relative";
|
|
115
|
+
}
|
|
116
|
+
watermarkContainer.style.cssText = `
|
|
22
117
|
pointer-events: none;
|
|
23
118
|
display: block;
|
|
24
119
|
position: absolute;
|
|
@@ -28,5 +123,89 @@
|
|
|
28
123
|
height: 100%;
|
|
29
124
|
z-index: 9999999;
|
|
30
125
|
overflow: hidden;
|
|
31
|
-
`.replace(/\s+/g," ").trim();
|
|
126
|
+
`.replace(/\s+/g, " ").trim();
|
|
127
|
+
const shadowRoot = watermarkContainer.attachShadow ? watermarkContainer.attachShadow({
|
|
128
|
+
mode: "open"
|
|
129
|
+
}) : watermarkContainer;
|
|
130
|
+
parentElement.appendChild(watermarkContainer);
|
|
131
|
+
const {
|
|
132
|
+
cols,
|
|
133
|
+
rows,
|
|
134
|
+
x_space,
|
|
135
|
+
y_space
|
|
136
|
+
} = calculateWatermarkLayout(pageWidth, pageHeight);
|
|
137
|
+
globalSetting.cols = cols;
|
|
138
|
+
globalSetting.rows = rows;
|
|
139
|
+
globalSetting.x_space = x_space;
|
|
140
|
+
globalSetting.y_space = y_space;
|
|
141
|
+
const fragment = document.createDocumentFragment();
|
|
142
|
+
for (let i = 0; i < rows; i++) {
|
|
143
|
+
const y = globalSetting.y + (globalSetting.height + y_space) * i;
|
|
144
|
+
for (let j = 0; j < cols; j++) {
|
|
145
|
+
const x = globalSetting.x + (globalSetting.width + x_space) * j;
|
|
146
|
+
fragment.appendChild(createWatermarkElement(x, y, i * cols + j));
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
shadowRoot.appendChild(fragment);
|
|
150
|
+
if (globalSetting.monitor) {
|
|
151
|
+
resizeObserver.observe(parentElement);
|
|
152
|
+
const config = {
|
|
153
|
+
attributes: true,
|
|
154
|
+
// 监听属性变化
|
|
155
|
+
childList: true,
|
|
156
|
+
// 监听子元素变化
|
|
157
|
+
subtree: true,
|
|
158
|
+
// 监听子树变化
|
|
159
|
+
characterData: true
|
|
160
|
+
// 监听文本内容变化
|
|
161
|
+
};
|
|
162
|
+
watermarkDom.observe(watermarkContainer, config);
|
|
163
|
+
if (shadowRoot !== watermarkContainer) {
|
|
164
|
+
watermarkDom.observe(shadowRoot, config);
|
|
165
|
+
}
|
|
166
|
+
}
|
|
167
|
+
}
|
|
168
|
+
function removeMark() {
|
|
169
|
+
const watermarkElement = document.getElementById(globalSetting.id);
|
|
170
|
+
watermarkDom.disconnect();
|
|
171
|
+
if (watermarkElement) {
|
|
172
|
+
watermarkElement.parentNode?.removeChild(watermarkElement);
|
|
173
|
+
}
|
|
174
|
+
}
|
|
175
|
+
function domChangeCallback(records) {
|
|
176
|
+
if (forceRemove) {
|
|
177
|
+
forceRemove = false;
|
|
178
|
+
return;
|
|
179
|
+
}
|
|
180
|
+
const watermarkElement = document.getElementById(globalSetting.id);
|
|
181
|
+
if (!watermarkElement) {
|
|
182
|
+
loadMark(globalSetting);
|
|
183
|
+
return;
|
|
184
|
+
}
|
|
185
|
+
const hasChanges = records.some(record => {
|
|
186
|
+
if (record.type === "childList") {
|
|
187
|
+
return true;
|
|
188
|
+
}
|
|
189
|
+
if (record.type === "attributes") {
|
|
190
|
+
return true;
|
|
191
|
+
}
|
|
192
|
+
if (record.type === "characterData") {
|
|
193
|
+
return true;
|
|
194
|
+
}
|
|
195
|
+
return false;
|
|
196
|
+
});
|
|
197
|
+
if (hasChanges) {
|
|
198
|
+
loadMark(globalSetting);
|
|
199
|
+
}
|
|
200
|
+
}
|
|
201
|
+
return {
|
|
202
|
+
addMark: loadMark,
|
|
203
|
+
removeMark: () => {
|
|
204
|
+
forceRemove = true;
|
|
205
|
+
removeMark();
|
|
206
|
+
}
|
|
207
|
+
};
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
exports.watermark = watermark;
|
|
32
211
|
//# sourceMappingURL=watermark.js.map
|