color-star-custom-methods 0.0.4 → 0.0.5
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.mjs +130 -45
- package/lib/index.js +2 -2
- package/package.json +7 -6
package/es/index.mjs
CHANGED
|
@@ -1,76 +1,161 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import { ref as E, computed as v, onMounted as T, onUnmounted as g } from "vue";
|
|
2
|
+
import S from "axios";
|
|
3
|
+
import L from "qs";
|
|
4
|
+
import A from "js-yaml";
|
|
5
|
+
import { ElMessage as f } from "element-plus";
|
|
6
|
+
import { fetchEventSource as C } from "@microsoft/fetch-event-source";
|
|
7
|
+
const u = 1, I = (t = 0.9) => {
|
|
8
|
+
const e = window.innerWidth, s = window.innerHeight, c = e === 1920, d = c ? u : e / 1920, i = c ? u : s / 1080, m = Math.min(d, i), a = Math.max(t, m);
|
|
9
|
+
return a >= u ? u : a;
|
|
10
|
+
}, W = (t = {}) => {
|
|
11
|
+
const { minScale: o = 0.9, enableZoomPrevention: r = !1 } = t, e = E(u), s = () => {
|
|
12
|
+
e.value = I(o), document.documentElement.style.setProperty(
|
|
8
13
|
"--app-scale",
|
|
9
|
-
|
|
14
|
+
e.value.toString()
|
|
10
15
|
);
|
|
11
|
-
},
|
|
12
|
-
if ((
|
|
13
|
-
|
|
16
|
+
}, c = (n) => {
|
|
17
|
+
if ((n.ctrlKey || n.metaKey) && (n.key === "+" || n.key === "-" || n.key === "=" || n.key === "0")) {
|
|
18
|
+
n.preventDefault();
|
|
14
19
|
return;
|
|
15
20
|
}
|
|
16
|
-
if (
|
|
17
|
-
|
|
21
|
+
if (n.ctrlKey && n.type === "wheel") {
|
|
22
|
+
n.preventDefault();
|
|
18
23
|
return;
|
|
19
24
|
}
|
|
20
|
-
},
|
|
21
|
-
|
|
22
|
-
},
|
|
23
|
-
|
|
24
|
-
},
|
|
25
|
-
const
|
|
25
|
+
}, d = (n) => {
|
|
26
|
+
n.touches && n.touches.length > 1 && n.preventDefault();
|
|
27
|
+
}, i = (n) => {
|
|
28
|
+
n.preventDefault();
|
|
29
|
+
}, m = v(() => {
|
|
30
|
+
const n = e.value !== u;
|
|
26
31
|
return {
|
|
27
|
-
transform: `scale(${
|
|
32
|
+
transform: `scale(${e.value})`,
|
|
28
33
|
transformOrigin: "top left",
|
|
29
|
-
position:
|
|
30
|
-
width: `calc(100% / ${
|
|
31
|
-
height: `calc(100% / ${
|
|
32
|
-
...
|
|
34
|
+
position: n ? "fixed" : "relative",
|
|
35
|
+
width: `calc(100% / ${e.value})`,
|
|
36
|
+
height: `calc(100% / ${e.value})`,
|
|
37
|
+
...n && {
|
|
33
38
|
top: "0",
|
|
34
39
|
left: "0"
|
|
35
40
|
}
|
|
36
41
|
};
|
|
37
|
-
}),
|
|
38
|
-
"app-container":
|
|
39
|
-
})),
|
|
42
|
+
}), a = v(() => ({
|
|
43
|
+
"app-container": e.value !== u
|
|
44
|
+
})), y = () => {
|
|
40
45
|
if (typeof document > "u") return;
|
|
41
|
-
const
|
|
42
|
-
let
|
|
43
|
-
|
|
46
|
+
const n = "page-zoom-controller-styles";
|
|
47
|
+
let l = document.getElementById(n);
|
|
48
|
+
l || (l = document.createElement("style"), l.id = n, l.textContent = `
|
|
44
49
|
.app-container * {
|
|
45
50
|
/* 优化字体渲染，防止缩放时字体模糊 */
|
|
46
51
|
-webkit-font-smoothing: antialiased !important;
|
|
47
52
|
-moz-osx-font-smoothing: grayscale !important;
|
|
48
53
|
text-rendering: optimizeLegibility !important;
|
|
49
54
|
}
|
|
50
|
-
`, document.head.appendChild(
|
|
51
|
-
},
|
|
55
|
+
`, document.head.appendChild(l));
|
|
56
|
+
}, w = () => {
|
|
52
57
|
if (typeof document > "u") return;
|
|
53
|
-
const
|
|
54
|
-
|
|
58
|
+
const l = document.getElementById("page-zoom-controller-styles");
|
|
59
|
+
l && l.remove();
|
|
55
60
|
};
|
|
56
|
-
return
|
|
57
|
-
|
|
61
|
+
return T(() => {
|
|
62
|
+
s(), y(), window.addEventListener("resize", s), r && (window.addEventListener("wheel", c, { passive: !1 }), window.addEventListener("keydown", c), window.addEventListener("touchstart", d, {
|
|
58
63
|
passive: !1
|
|
59
|
-
}), window.addEventListener("touchmove",
|
|
64
|
+
}), window.addEventListener("touchmove", d, { passive: !1 }), window.addEventListener("gesturestart", i, {
|
|
60
65
|
passive: !1
|
|
61
|
-
}), window.addEventListener("gesturechange",
|
|
66
|
+
}), window.addEventListener("gesturechange", i, {
|
|
62
67
|
passive: !1
|
|
63
|
-
}), window.addEventListener("gestureend",
|
|
68
|
+
}), window.addEventListener("gestureend", i, {
|
|
64
69
|
passive: !1
|
|
65
70
|
}), document.body.style.touchAction = "none");
|
|
66
|
-
}),
|
|
67
|
-
window.removeEventListener("resize",
|
|
71
|
+
}), g(() => {
|
|
72
|
+
window.removeEventListener("resize", s), w(), r && (window.removeEventListener("wheel", c), window.removeEventListener("keydown", c), window.removeEventListener("touchstart", d), window.removeEventListener("touchmove", d), window.removeEventListener("gesturestart", i), window.removeEventListener("gesturechange", i), window.removeEventListener("gestureend", i), document.body.style.touchAction === "none" && (document.body.style.touchAction = ""));
|
|
68
73
|
}), {
|
|
69
|
-
containerStyles:
|
|
70
|
-
containerClasses:
|
|
74
|
+
containerStyles: m,
|
|
75
|
+
containerClasses: a
|
|
71
76
|
};
|
|
77
|
+
}, b = (t) => t.replace(/([a-z])([A-Z])/g, "$1-$2").toLowerCase(), z = (t) => t.replace(/-([a-z])/g, (o, r) => r.toUpperCase()), p = (t) => typeof t != "object" || t === null ? t : Array.isArray(t) ? t.map(p) : Object.keys(t).reduce((o, r) => {
|
|
78
|
+
const e = b(r);
|
|
79
|
+
return r === "dataValue" && (t.dataType === "object" || t.dataType === "arrayObject") ? o[e] = t[r] : o[e] = p(t[r]), o;
|
|
80
|
+
}, {}), h = (t) => typeof t != "object" || t === null ? t : Array.isArray(t) ? t.map(h) : Object.keys(t).reduce((o, r) => {
|
|
81
|
+
const e = z(r);
|
|
82
|
+
return o[e] = h(t[r]), o;
|
|
83
|
+
}, {}), R = ({
|
|
84
|
+
logout: t,
|
|
85
|
+
axiosConfig: o = {}
|
|
86
|
+
} = {}) => {
|
|
87
|
+
const r = S.create({
|
|
88
|
+
baseURL: "",
|
|
89
|
+
headers: {
|
|
90
|
+
"Content-Type": "application/json;"
|
|
91
|
+
},
|
|
92
|
+
withCredentials: !1,
|
|
93
|
+
paramsSerializer: (e) => L.stringify(e, { indices: !1 }),
|
|
94
|
+
...o
|
|
95
|
+
});
|
|
96
|
+
return r.interceptors.request.use(
|
|
97
|
+
(e) => (e.dataType === "formData" && (e.headers["Content-Type"] = "multipart/form-data"), e.dataType === "yaml" && (e.headers["Content-Type"] = "application/yaml", e.headers.Accept = "yaml", e.data = A.dump(e.data)), e.cozeToken && (e.headers.Authorization = `Bearer ${e.cozeToken}`), e.skipCamelToKebab || (e.data = p(e.data), e.params = p(e.params)), e),
|
|
98
|
+
(e) => {
|
|
99
|
+
Promise.reject(e);
|
|
100
|
+
}
|
|
101
|
+
), r.interceptors.response.use(
|
|
102
|
+
(e) => {
|
|
103
|
+
if (e.request.responseType !== "arraybuffer" && (e.config.headers.Accept === "json" || e.config.headers.Accept === "application/json, text/plain, */*")) {
|
|
104
|
+
const s = e.config.skipKebabToCamel ? e.data : h(e.data);
|
|
105
|
+
if ([21401, 20401, 21409].includes(s.code)) {
|
|
106
|
+
t && t();
|
|
107
|
+
return;
|
|
108
|
+
} else
|
|
109
|
+
s.code && s.mesg && f.error(s.mesg);
|
|
110
|
+
return s;
|
|
111
|
+
}
|
|
112
|
+
return e;
|
|
113
|
+
},
|
|
114
|
+
(e) => (e.response && e.response.status ? f.error(e.response.data.mesg || "系统异常,请稍后再试") : navigator.onLine || f.error("网络异常请检查"), e.code === "ECONNABORTED" && e.message.includes("timeout") && f({
|
|
115
|
+
message: "网络请求超时",
|
|
116
|
+
type: "error",
|
|
117
|
+
duration: 3 * 1e3
|
|
118
|
+
}), Promise.reject(e))
|
|
119
|
+
), r;
|
|
120
|
+
}, k = (t, o) => t && [21401, 20401, 21409].includes(t.code) ? (o && o(), !0) : !1, Z = ({
|
|
121
|
+
logout: t
|
|
122
|
+
} = {}) => (o, { method: r = "post", signal: e, body: s, successCallback: c, errCallback: d, openCallback: i }) => {
|
|
123
|
+
const m = {
|
|
124
|
+
method: r,
|
|
125
|
+
signal: e,
|
|
126
|
+
headers: {
|
|
127
|
+
"Content-Type": "application/json"
|
|
128
|
+
},
|
|
129
|
+
async onopen(a) {
|
|
130
|
+
const y = a.headers.get("content-type");
|
|
131
|
+
if (a.status === 200 && (!y || !y.includes("text/event-stream"))) {
|
|
132
|
+
const w = await a.json();
|
|
133
|
+
k(w, t);
|
|
134
|
+
}
|
|
135
|
+
i && i(a);
|
|
136
|
+
},
|
|
137
|
+
onmessage(a) {
|
|
138
|
+
c && c(a);
|
|
139
|
+
},
|
|
140
|
+
onerror(a) {
|
|
141
|
+
throw d && d(a), new Error("请求出错");
|
|
142
|
+
},
|
|
143
|
+
openWhenHidden: !0
|
|
144
|
+
};
|
|
145
|
+
if (r == "post") {
|
|
146
|
+
const a = p(s);
|
|
147
|
+
m.body = JSON.stringify(a);
|
|
148
|
+
}
|
|
149
|
+
C(o, m);
|
|
72
150
|
};
|
|
73
151
|
export {
|
|
74
|
-
|
|
75
|
-
|
|
152
|
+
I as calculateScale,
|
|
153
|
+
b as camelToKebab,
|
|
154
|
+
R as createConfiguredAxios,
|
|
155
|
+
Z as createSSERequest,
|
|
156
|
+
k as handleInvalidToken,
|
|
157
|
+
z as kebabToCamel,
|
|
158
|
+
p as recursiveCamelToKebab,
|
|
159
|
+
h as recursiveKebabToCamel,
|
|
160
|
+
W as usePageZoomController
|
|
76
161
|
};
|
package/lib/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("vue"),b=require("axios"),C=require("qs"),A=require("js-yaml"),v=require("element-plus"),L=require("@microsoft/fetch-event-source"),u=1,E=(t=.9)=>{const e=window.innerWidth,o=window.innerHeight,c=e===1920,l=c?u:e/1920,i=c?u:o/1080,m=Math.min(l,i),s=Math.max(t,m);return s>=u?u:s},I=(t={})=>{const{minScale:r=.9,enableZoomPrevention:a=!1}=t,e=y.ref(u),o=()=>{e.value=E(r),document.documentElement.style.setProperty("--app-scale",e.value.toString())},c=n=>{if((n.ctrlKey||n.metaKey)&&(n.key==="+"||n.key==="-"||n.key==="="||n.key==="0")){n.preventDefault();return}if(n.ctrlKey&&n.type==="wheel"){n.preventDefault();return}},l=n=>{n.touches&&n.touches.length>1&&n.preventDefault()},i=n=>{n.preventDefault()},m=y.computed(()=>{const n=e.value!==u;return{transform:`scale(${e.value})`,transformOrigin:"top left",position:n?"fixed":"relative",width:`calc(100% / ${e.value})`,height:`calc(100% / ${e.value})`,...n&&{top:"0",left:"0"}}}),s=y.computed(()=>({"app-container":e.value!==u})),f=()=>{if(typeof document>"u")return;const n="page-zoom-controller-styles";let d=document.getElementById(n);d||(d=document.createElement("style"),d.id=n,d.textContent=`
|
|
2
2
|
.app-container * {
|
|
3
3
|
/* 优化字体渲染，防止缩放时字体模糊 */
|
|
4
4
|
-webkit-font-smoothing: antialiased !important;
|
|
5
5
|
-moz-osx-font-smoothing: grayscale !important;
|
|
6
6
|
text-rendering: optimizeLegibility !important;
|
|
7
7
|
}
|
|
8
|
-
`,document.head.appendChild(
|
|
8
|
+
`,document.head.appendChild(d))},w=()=>{if(typeof document>"u")return;const d=document.getElementById("page-zoom-controller-styles");d&&d.remove()};return y.onMounted(()=>{o(),f(),window.addEventListener("resize",o),a&&(window.addEventListener("wheel",c,{passive:!1}),window.addEventListener("keydown",c),window.addEventListener("touchstart",l,{passive:!1}),window.addEventListener("touchmove",l,{passive:!1}),window.addEventListener("gesturestart",i,{passive:!1}),window.addEventListener("gesturechange",i,{passive:!1}),window.addEventListener("gestureend",i,{passive:!1}),document.body.style.touchAction="none")}),y.onUnmounted(()=>{window.removeEventListener("resize",o),w(),a&&(window.removeEventListener("wheel",c),window.removeEventListener("keydown",c),window.removeEventListener("touchstart",l),window.removeEventListener("touchmove",l),window.removeEventListener("gesturestart",i),window.removeEventListener("gesturechange",i),window.removeEventListener("gestureend",i),document.body.style.touchAction==="none"&&(document.body.style.touchAction=""))}),{containerStyles:m,containerClasses:s}},T=t=>t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase(),g=t=>t.replace(/-([a-z])/g,(r,a)=>a.toUpperCase()),p=t=>typeof t!="object"||t===null?t:Array.isArray(t)?t.map(p):Object.keys(t).reduce((r,a)=>{const e=T(a);return a==="dataValue"&&(t.dataType==="object"||t.dataType==="arrayObject")?r[e]=t[a]:r[e]=p(t[a]),r},{}),h=t=>typeof t!="object"||t===null?t:Array.isArray(t)?t.map(h):Object.keys(t).reduce((r,a)=>{const e=g(a);return r[e]=h(t[a]),r},{}),k=({logout:t,axiosConfig:r={}}={})=>{const a=b.create({baseURL:"",headers:{"Content-Type":"application/json;"},withCredentials:!1,paramsSerializer:e=>C.stringify(e,{indices:!1}),...r});return a.interceptors.request.use(e=>(e.dataType==="formData"&&(e.headers["Content-Type"]="multipart/form-data"),e.dataType==="yaml"&&(e.headers["Content-Type"]="application/yaml",e.headers.Accept="yaml",e.data=A.dump(e.data)),e.cozeToken&&(e.headers.Authorization=`Bearer ${e.cozeToken}`),e.skipCamelToKebab||(e.data=p(e.data),e.params=p(e.params)),e),e=>{Promise.reject(e)}),a.interceptors.response.use(e=>{if(e.request.responseType!=="arraybuffer"&&(e.config.headers.Accept==="json"||e.config.headers.Accept==="application/json, text/plain, */*")){const o=e.config.skipKebabToCamel?e.data:h(e.data);if([21401,20401,21409].includes(o.code)){t&&t();return}else o.code&&o.mesg&&v.ElMessage.error(o.mesg);return o}return e},e=>(e.response&&e.response.status?v.ElMessage.error(e.response.data.mesg||"系统异常,请稍后再试"):navigator.onLine||v.ElMessage.error("网络异常请检查"),e.code==="ECONNABORTED"&&e.message.includes("timeout")&&v.ElMessage({message:"网络请求超时",type:"error",duration:3*1e3}),Promise.reject(e))),a},S=(t,r)=>t&&[21401,20401,21409].includes(t.code)?(r&&r(),!0):!1,K=({logout:t}={})=>(r,{method:a="post",signal:e,body:o,successCallback:c,errCallback:l,openCallback:i})=>{const m={method:a,signal:e,headers:{"Content-Type":"application/json"},async onopen(s){const f=s.headers.get("content-type");if(s.status===200&&(!f||!f.includes("text/event-stream"))){const w=await s.json();S(w,t)}i&&i(s)},onmessage(s){c&&c(s)},onerror(s){throw l&&l(s),new Error("请求出错")},openWhenHidden:!0};if(a=="post"){const s=p(o);m.body=JSON.stringify(s)}L.fetchEventSource(r,m)};exports.calculateScale=E;exports.camelToKebab=T;exports.createConfiguredAxios=k;exports.createSSERequest=K;exports.handleInvalidToken=S;exports.kebabToCamel=g;exports.recursiveCamelToKebab=p;exports.recursiveKebabToCamel=h;exports.usePageZoomController=I;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "color-star-custom-methods",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.5",
|
|
4
4
|
"keywords": [
|
|
5
5
|
"methods",
|
|
6
6
|
"utils",
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
],
|
|
22
22
|
"exports": {
|
|
23
23
|
".": {
|
|
24
|
-
"import": "./
|
|
24
|
+
"import": "./index.js",
|
|
25
25
|
"require": "./lib/index.js"
|
|
26
26
|
},
|
|
27
27
|
"./es": {
|
|
@@ -87,24 +87,25 @@
|
|
|
87
87
|
"@vueuse/core": "^14.0.0",
|
|
88
88
|
"crypto-js": "^4.2.0",
|
|
89
89
|
"dayjs": "^1.11.18",
|
|
90
|
-
"element-plus": "^2.11.
|
|
90
|
+
"element-plus": "^2.11.9",
|
|
91
91
|
"element-tree-line": "^0.2.1",
|
|
92
92
|
"js-cookie": "^3.0.5",
|
|
93
93
|
"lodash.debounce": "^4.0.8",
|
|
94
94
|
"lottie-web": "^5.13.0",
|
|
95
95
|
"moment": "^2.30.1",
|
|
96
96
|
"pinia": "^3.0.3",
|
|
97
|
-
"qs": "^6.14.0",
|
|
98
97
|
"unplugin-vue": "^7.0.2",
|
|
99
98
|
"uuid": "^13.0.0",
|
|
100
99
|
"vue-draggable-plus": "^0.6.0",
|
|
101
100
|
"vue-router": "^4.6.3",
|
|
102
|
-
"
|
|
101
|
+
"js-yaml": "^4.1.1",
|
|
102
|
+
"qs": "^6.14.0",
|
|
103
|
+
"@microsoft/fetch-event-source": "^2.0.1"
|
|
103
104
|
},
|
|
104
105
|
"peerDependencies": {
|
|
105
106
|
"axios": "^1.8.2",
|
|
106
107
|
"vue": "^3.5.13",
|
|
107
|
-
"color-message-lingyun-vue": "0.0.
|
|
108
|
+
"color-message-lingyun-vue": "0.0.24"
|
|
108
109
|
},
|
|
109
110
|
"optionalDependencies": {
|
|
110
111
|
"@ast-grep/napi-linux-x64-musl": "^0.39.6",
|