vue-plugin-render-freeze 2.0.0 → 2.0.2
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/dist/index.d.ts +5 -0
- package/package.json +2 -3
- package/src/index.ts +0 -67
package/dist/index.d.ts
ADDED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vue-plugin-render-freeze",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.2",
|
|
4
4
|
"description": "vue-plugin-render-freeze",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
@@ -11,8 +11,7 @@
|
|
|
11
11
|
"./*": "./*"
|
|
12
12
|
},
|
|
13
13
|
"files": [
|
|
14
|
-
"dist"
|
|
15
|
-
"src"
|
|
14
|
+
"dist"
|
|
16
15
|
],
|
|
17
16
|
"repository": {
|
|
18
17
|
"type": "git",
|
package/src/index.ts
DELETED
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
import { App, ref } from "vue";
|
|
2
|
-
|
|
3
|
-
export type FunctionAsync<RESULT> = () => Promise<RESULT>;
|
|
4
|
-
|
|
5
|
-
const SymbolRenderOriginal = Symbol("SymbolRenderOriginal");
|
|
6
|
-
const SymbolRenderFreezeCounter = Symbol("SymbolRenderFreezeCounter");
|
|
7
|
-
const SymbolRenderFreezeSnapshot = Symbol("SymbolRenderFreezeSnapshot");
|
|
8
|
-
|
|
9
|
-
export const PluginFreeze = {
|
|
10
|
-
install(app: App) {
|
|
11
|
-
app.mixin({
|
|
12
|
-
created() {
|
|
13
|
-
const renderMethod = "render";
|
|
14
|
-
const self = this;
|
|
15
|
-
const instance = this._;
|
|
16
|
-
self[SymbolRenderFreezeCounter] = ref(0);
|
|
17
|
-
self[SymbolRenderFreezeSnapshot] = undefined;
|
|
18
|
-
self[SymbolRenderOriginal] = instance[renderMethod];
|
|
19
|
-
instance[renderMethod] = function (this, ...args) {
|
|
20
|
-
if (self[SymbolRenderFreezeCounter].value === 0) {
|
|
21
|
-
return self[SymbolRenderOriginal].call(this, ...args);
|
|
22
|
-
}
|
|
23
|
-
if (!self[SymbolRenderFreezeSnapshot]) {
|
|
24
|
-
self[SymbolRenderFreezeSnapshot] = self[SymbolRenderOriginal].call(
|
|
25
|
-
this,
|
|
26
|
-
...args
|
|
27
|
-
);
|
|
28
|
-
}
|
|
29
|
-
return self[SymbolRenderFreezeSnapshot];
|
|
30
|
-
};
|
|
31
|
-
},
|
|
32
|
-
beforeUnmount() {
|
|
33
|
-
const self = this;
|
|
34
|
-
if (self[SymbolRenderFreezeSnapshot]) {
|
|
35
|
-
self[SymbolRenderFreezeSnapshot] = undefined;
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
methods: {
|
|
39
|
-
renderFreeze(freeze: boolean) {
|
|
40
|
-
const self = this;
|
|
41
|
-
if (freeze) {
|
|
42
|
-
if (self[SymbolRenderFreezeCounter].value === 0) {
|
|
43
|
-
self[SymbolRenderFreezeSnapshot] = undefined;
|
|
44
|
-
}
|
|
45
|
-
self[SymbolRenderFreezeCounter].value++;
|
|
46
|
-
} else {
|
|
47
|
-
self[SymbolRenderFreezeCounter].value--;
|
|
48
|
-
if (self[SymbolRenderFreezeCounter].value === 0) {
|
|
49
|
-
self[SymbolRenderFreezeSnapshot] = undefined;
|
|
50
|
-
}
|
|
51
|
-
}
|
|
52
|
-
},
|
|
53
|
-
async renderFreezeScope<RESULT>(
|
|
54
|
-
fn: FunctionAsync<RESULT>
|
|
55
|
-
): Promise<RESULT> {
|
|
56
|
-
const self = this;
|
|
57
|
-
try {
|
|
58
|
-
self.renderFreeze(true);
|
|
59
|
-
return await fn();
|
|
60
|
-
} finally {
|
|
61
|
-
self.renderFreeze(false);
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
},
|
|
65
|
-
});
|
|
66
|
-
},
|
|
67
|
-
};
|