vite-uni-dev-tool 0.0.27 → 0.0.29
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/README.md +8 -0
- package/dist/core.js +1 -1
- package/dist/devEvent/index.d.ts.map +1 -1
- package/dist/devEvent/index.js +1 -1
- package/dist/v3/AppInfo/index.vue +9 -2
- package/dist/v3/ConsoleList/ConsoleItem.vue +3 -1
- package/dist/v3/ConsoleList/index.vue +5 -1
- package/dist/v3/DevToolWindow/index.vue +2 -6
- package/dist/v3/DeviceInfo/index.vue +10 -1
- package/dist/v3/NetworkList/InterceptConfig.vue +1 -1
- package/dist/v3/NetworkList/NetworkDetail.vue +15 -4
- package/dist/v3/NetworkList/NetworkIntercept.vue +1 -1
- package/dist/v3/NetworkList/NetworkSend.vue +1 -1
- package/dist/v3/NetworkList/index.vue +5 -1
- package/dist/v3/PiniaList/index.vue +5 -0
- package/dist/v3/RouteList/index.vue +5 -1
- package/dist/v3/SourceCode/index.vue +5 -1
- package/dist/v3/StorageList/index.vue +4 -2
- package/dist/v3/SystemInfo/index.vue +10 -3
- package/dist/v3/UploadList/UploadDetail.vue +13 -4
- package/dist/v3/UploadList/index.vue +5 -1
- package/dist/v3/VuexList/index.vue +5 -0
- package/dist/v3/WebSocket/WebSocketDetail.vue +2 -2
- package/dist/v3/WindowInfo/index.vue +21 -2
- package/package.json +1 -1
package/README.md
CHANGED
package/dist/core.js
CHANGED
|
@@ -3,7 +3,7 @@ import { DevEvent as u } from "./devEvent/index.js";
|
|
|
3
3
|
import { DevIntercept as a } from "./devIntercept/index.js";
|
|
4
4
|
import { DevConsole as v } from "./devConsole/index.js";
|
|
5
5
|
import { EventBus as D } from "./devEventBus/index.js";
|
|
6
|
-
const i = "0.0.
|
|
6
|
+
const i = "0.0.29", l = "2025/12/24 13:32:03", g = {
|
|
7
7
|
// log: console.log,
|
|
8
8
|
// info: console.info,
|
|
9
9
|
// warn: console.warn,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../dev/devEvent/index.ts"],"names":[],"mappings":";AAsCA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAavC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C;;;;;GAKG;AACH,qBAAa,QAAQ;IACnB,OAAO,CAAC,KAAK,CAAW;IAExB,OAAO,CAAC,QAAQ,CAAW;gBAEf,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE;QAAE,KAAK,EAAE,QAAQ,CAAC;QAAC,QAAQ,EAAE,QAAQ,CAAA;KAAE;IAMxE;;;;;OAKG;IACG,aAAa;IAkBnB;;;;OAIG;IACH,WAAW,kCAAsC;IAEjD;;;;;OAKG;IACH,aAAa;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../dev/devEvent/index.ts"],"names":[],"mappings":"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"}
|
package/dist/devEvent/index.js
CHANGED
|
@@ -34,7 +34,7 @@ class te {
|
|
|
34
34
|
console.warn("[DevTool] 调试器已存在,不在重新创建");
|
|
35
35
|
return;
|
|
36
36
|
}
|
|
37
|
-
this.store.setDevToolDestroy(!1), console.warn("[DevTool] 调试器创建成功");
|
|
37
|
+
this.store.setDevToolDestroy(!1), this.showDevToolButton(), console.warn("[DevTool] 调试器创建成功");
|
|
38
38
|
}
|
|
39
39
|
/**
|
|
40
40
|
* 销毁调试器
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view class="app-info-content">
|
|
3
|
-
<JsonPretty
|
|
3
|
+
<JsonPretty
|
|
4
|
+
v-if="showJson"
|
|
5
|
+
:data="appInfo"
|
|
6
|
+
:theme="theme"
|
|
7
|
+
:nodeSelectable="() => false"
|
|
8
|
+
:pathCollapsible="() => false"
|
|
9
|
+
/>
|
|
4
10
|
<Empty v-else />
|
|
5
11
|
</view>
|
|
6
12
|
</template>
|
|
@@ -30,7 +36,8 @@ const showJson = computed(() => {
|
|
|
30
36
|
padding: 16px;
|
|
31
37
|
font-size: var(--dev-tool-base-font-size);
|
|
32
38
|
|
|
33
|
-
height:
|
|
39
|
+
height: 100%;
|
|
40
|
+
box-sizing: border-box;
|
|
34
41
|
overflow: auto;
|
|
35
42
|
}
|
|
36
43
|
</style>
|
|
@@ -15,6 +15,8 @@
|
|
|
15
15
|
showLength
|
|
16
16
|
:data="item.value"
|
|
17
17
|
:autoVirtualRow="100"
|
|
18
|
+
:nodeSelectable="() => false"
|
|
19
|
+
:pathCollapsible="() => false"
|
|
18
20
|
/>
|
|
19
21
|
</template>
|
|
20
22
|
</view>
|
|
@@ -36,9 +38,9 @@
|
|
|
36
38
|
<view class="console-time">{{ consoleItem.time }}</view>
|
|
37
39
|
<view class="console-other" v-html="consoleItem.position"></view>
|
|
38
40
|
<view
|
|
39
|
-
:class="`console-other ${isUseDevSource ? 'console-stack' : ''}`"
|
|
40
41
|
v-if="consoleItem.stack"
|
|
41
42
|
v-html="consoleItem.stack"
|
|
43
|
+
:class="`console-other ${isUseDevSource ? 'console-stack' : ''}`"
|
|
42
44
|
@click="emit('openCode', consoleItem.stack)"
|
|
43
45
|
></view>
|
|
44
46
|
</view>
|
|
@@ -117,7 +117,11 @@ watch(() => props.consoleList, debounceWatch);
|
|
|
117
117
|
const height = ref(0);
|
|
118
118
|
onMounted(() => {
|
|
119
119
|
const { windowHeight } = uni.getWindowInfo();
|
|
120
|
-
height.value = windowHeight - 32 - 32 -
|
|
120
|
+
height.value = windowHeight - 32 - 32 - 2;
|
|
121
|
+
|
|
122
|
+
// #ifdef H5 || APP-PLUS
|
|
123
|
+
height.value = windowHeight - 100 - 32 - 32 - 2;
|
|
124
|
+
// #endif
|
|
121
125
|
});
|
|
122
126
|
</script>
|
|
123
127
|
<style scoped>
|
|
@@ -1344,15 +1344,11 @@ function onClearWebSocketMessage(ws: DevTool.WS) {
|
|
|
1344
1344
|
position: fixed;
|
|
1345
1345
|
top: 0;
|
|
1346
1346
|
left: 0;
|
|
1347
|
-
z-index:
|
|
1348
|
-
/* #ifdef H5 */
|
|
1347
|
+
z-index: 998;
|
|
1348
|
+
/* #ifdef H5 || APP-PLUS */
|
|
1349
1349
|
padding: 50px 0;
|
|
1350
1350
|
/* #endif */
|
|
1351
1351
|
|
|
1352
|
-
/* #ifdef MP-WEIXIN */
|
|
1353
|
-
/* padding-bottom:30px; */
|
|
1354
|
-
/* #endif */
|
|
1355
|
-
|
|
1356
1352
|
width: 100vw;
|
|
1357
1353
|
height: 100vh;
|
|
1358
1354
|
font-size: 14px;
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view class="device-info-content">
|
|
3
|
-
<JsonPretty
|
|
3
|
+
<JsonPretty
|
|
4
|
+
:data="deviceInfo"
|
|
5
|
+
v-if="showJson"
|
|
6
|
+
:theme="theme"
|
|
7
|
+
:nodeSelectable="() => false"
|
|
8
|
+
:pathCollapsible="() => false"
|
|
9
|
+
/>
|
|
4
10
|
<Empty v-else />
|
|
5
11
|
</view>
|
|
6
12
|
</template>
|
|
@@ -28,6 +34,9 @@ const showJson = computed(() => {
|
|
|
28
34
|
<style>
|
|
29
35
|
.device-info-content {
|
|
30
36
|
padding: 16px;
|
|
37
|
+
height: 100%;
|
|
38
|
+
box-sizing: border-box;
|
|
39
|
+
overflow: auto;
|
|
31
40
|
font-size: var(--dev-tool-base-font-size);
|
|
32
41
|
}
|
|
33
42
|
</style>
|
|
@@ -94,7 +94,13 @@
|
|
|
94
94
|
</view>
|
|
95
95
|
<template v-if="currentSelect === 'payload'">
|
|
96
96
|
<template v-if="payload?.type === 'object'">
|
|
97
|
-
<JsonPretty
|
|
97
|
+
<JsonPretty
|
|
98
|
+
:data="payload.value"
|
|
99
|
+
virtual
|
|
100
|
+
:height="height"
|
|
101
|
+
:nodeSelectable="() => false"
|
|
102
|
+
:pathCollapsible="() => false"
|
|
103
|
+
/>
|
|
98
104
|
</template>
|
|
99
105
|
<view
|
|
100
106
|
v-else-if="payload?.type === 'string'"
|
|
@@ -107,7 +113,12 @@
|
|
|
107
113
|
|
|
108
114
|
<template v-if="currentSelect === 'response'">
|
|
109
115
|
<template v-if="response?.type === 'object'">
|
|
110
|
-
<JsonPretty
|
|
116
|
+
<JsonPretty
|
|
117
|
+
:data="response.value"
|
|
118
|
+
virtual
|
|
119
|
+
:height="height"
|
|
120
|
+
:nodeSelectable="() => false"
|
|
121
|
+
/>
|
|
111
122
|
</template>
|
|
112
123
|
<view
|
|
113
124
|
v-else-if="response?.type === 'string'"
|
|
@@ -201,7 +212,7 @@ onMounted(() => {
|
|
|
201
212
|
|
|
202
213
|
height.value = windowHeight - 32 - 32 - 2;
|
|
203
214
|
|
|
204
|
-
// #ifdef H5
|
|
215
|
+
// #ifdef H5 || APP-PLUS
|
|
205
216
|
height.value = windowHeight - 100 - 32 - 32 - 2;
|
|
206
217
|
// #endif
|
|
207
218
|
});
|
|
@@ -215,7 +226,7 @@ onMounted(() => {
|
|
|
215
226
|
top: 0;
|
|
216
227
|
left: 0;
|
|
217
228
|
padding: 0 16px;
|
|
218
|
-
/* #ifdef H5 */
|
|
229
|
+
/* #ifdef H5 || APP-PLUS */
|
|
219
230
|
padding: 50px 16px;
|
|
220
231
|
/* #endif */
|
|
221
232
|
|
|
@@ -126,7 +126,11 @@ function onChoose(type: string) {
|
|
|
126
126
|
const height = ref(0);
|
|
127
127
|
onMounted(() => {
|
|
128
128
|
const { windowHeight } = uni.getWindowInfo();
|
|
129
|
-
height.value = windowHeight - 32 - 32;
|
|
129
|
+
height.value = windowHeight - 32 - 32 - 2;
|
|
130
|
+
|
|
131
|
+
// #ifdef H5 || APP-PLUS
|
|
132
|
+
height.value = windowHeight - 100 - 32 - 32 - 2;
|
|
133
|
+
// #endif
|
|
130
134
|
});
|
|
131
135
|
|
|
132
136
|
function onSort() {
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
v-if="showJson"
|
|
7
7
|
:data="piniaList"
|
|
8
8
|
:theme="theme"
|
|
9
|
+
:nodeSelectable="() => false"
|
|
10
|
+
:pathCollapsible="() => false"
|
|
9
11
|
@update:data="onUpdateData"
|
|
10
12
|
@nodeClick="onNodeClick"
|
|
11
13
|
/>
|
|
@@ -61,5 +63,8 @@ function onNodeClick(node: any) {
|
|
|
61
63
|
.pinia-content {
|
|
62
64
|
padding: 16px;
|
|
63
65
|
font-size: var(--dev-tool-base-font-size);
|
|
66
|
+
height: 100%;
|
|
67
|
+
box-sizing: border-box;
|
|
68
|
+
overflow: auto;
|
|
64
69
|
}
|
|
65
70
|
</style>
|
|
@@ -71,7 +71,11 @@ function onRefresh() {
|
|
|
71
71
|
const height = ref(0);
|
|
72
72
|
onMounted(() => {
|
|
73
73
|
const { windowHeight } = uni.getWindowInfo();
|
|
74
|
-
height.value = windowHeight - 32 - 32;
|
|
74
|
+
height.value = windowHeight - 32 - 32 - 2;
|
|
75
|
+
|
|
76
|
+
// #ifdef H5 || APP-PLUS
|
|
77
|
+
height.value = windowHeight - 100 - 32 - 32 - 2;
|
|
78
|
+
// #endif
|
|
75
79
|
});
|
|
76
80
|
</script>
|
|
77
81
|
<style scoped>
|
|
@@ -180,7 +180,11 @@ function getSourceCodeDev(url: string) {
|
|
|
180
180
|
onMounted(() => {
|
|
181
181
|
const { windowHeight } = uni.getWindowInfo();
|
|
182
182
|
|
|
183
|
-
height.value = windowHeight - 32 - 32;
|
|
183
|
+
height.value = windowHeight - 32 - 32 - 2;
|
|
184
|
+
|
|
185
|
+
// #ifdef H5 || APP-PLUS
|
|
186
|
+
height.value = windowHeight - 100 - 32 - 32 - 2;
|
|
187
|
+
// #endif
|
|
184
188
|
|
|
185
189
|
let url = props?.url;
|
|
186
190
|
|
|
@@ -32,13 +32,15 @@
|
|
|
32
32
|
</view>
|
|
33
33
|
|
|
34
34
|
<JsonPretty
|
|
35
|
+
showLength
|
|
36
|
+
editable
|
|
35
37
|
:data="{
|
|
36
38
|
key: item.key,
|
|
37
39
|
value: item.value,
|
|
38
40
|
}"
|
|
39
|
-
showLength
|
|
40
|
-
editable
|
|
41
41
|
:theme="theme"
|
|
42
|
+
:nodeSelectable="() => false"
|
|
43
|
+
:pathCollapsible="() => false"
|
|
42
44
|
@update:data="onUpdateData($event, item)"
|
|
43
45
|
/>
|
|
44
46
|
</view>
|
|
@@ -1,6 +1,13 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view class="system-content">
|
|
3
|
-
<JsonPretty
|
|
3
|
+
<JsonPretty
|
|
4
|
+
v-if="showJson"
|
|
5
|
+
showLength
|
|
6
|
+
:theme="theme"
|
|
7
|
+
:data="systemInfo"
|
|
8
|
+
:nodeSelectable="() => false"
|
|
9
|
+
:pathCollapsible="() => false"
|
|
10
|
+
/>
|
|
4
11
|
<Empty v-else />
|
|
5
12
|
</view>
|
|
6
13
|
</template>
|
|
@@ -28,8 +35,8 @@ const showJson = computed(() => {
|
|
|
28
35
|
.system-content {
|
|
29
36
|
padding: 16px;
|
|
30
37
|
font-size: var(--dev-tool-base-font-size);
|
|
31
|
-
|
|
32
|
-
|
|
38
|
+
height: 100%;
|
|
39
|
+
box-sizing: border-box;
|
|
33
40
|
overflow: auto;
|
|
34
41
|
}
|
|
35
42
|
</style>
|
|
@@ -67,7 +67,11 @@
|
|
|
67
67
|
|
|
68
68
|
<template v-if="currentSelect === 'formdata'">
|
|
69
69
|
<template v-if="formData?.type === 'object'">
|
|
70
|
-
<JsonPretty
|
|
70
|
+
<JsonPretty
|
|
71
|
+
:data="formData.value"
|
|
72
|
+
:nodeSelectable="() => false"
|
|
73
|
+
:pathCollapsible="() => false"
|
|
74
|
+
/>
|
|
71
75
|
</template>
|
|
72
76
|
<view
|
|
73
77
|
v-else-if="formData?.type === 'string'"
|
|
@@ -80,7 +84,12 @@
|
|
|
80
84
|
|
|
81
85
|
<template v-if="currentSelect === 'response'">
|
|
82
86
|
<template v-if="response?.type === 'object'">
|
|
83
|
-
<JsonPretty
|
|
87
|
+
<JsonPretty
|
|
88
|
+
virtual
|
|
89
|
+
:data="response.value"
|
|
90
|
+
:nodeSelectable="() => false"
|
|
91
|
+
:pathCollapsible="() => false"
|
|
92
|
+
/>
|
|
84
93
|
</template>
|
|
85
94
|
<view
|
|
86
95
|
v-else-if="response?.type === 'string'"
|
|
@@ -176,7 +185,7 @@ onMounted(() => {
|
|
|
176
185
|
|
|
177
186
|
height.value = windowHeight - 32 - 32 - 2;
|
|
178
187
|
|
|
179
|
-
// #ifdef H5
|
|
188
|
+
// #ifdef H5 || APP-PLUS
|
|
180
189
|
height.value = windowHeight - 100 - 32 - 32 - 2;
|
|
181
190
|
// #endif
|
|
182
191
|
});
|
|
@@ -190,7 +199,7 @@ onMounted(() => {
|
|
|
190
199
|
top: 0;
|
|
191
200
|
left: 0;
|
|
192
201
|
padding: 0 16px;
|
|
193
|
-
/* #ifdef H5 */
|
|
202
|
+
/* #ifdef H5 || APP-PLUS */
|
|
194
203
|
padding: 50px 16px;
|
|
195
204
|
/* #endif */
|
|
196
205
|
background-color: var(--dev-tool-bg3-color);
|
|
@@ -104,7 +104,11 @@ function onChoose(type: string) {
|
|
|
104
104
|
const height = ref(0);
|
|
105
105
|
onMounted(() => {
|
|
106
106
|
const { windowHeight } = uni.getWindowInfo();
|
|
107
|
-
height.value = windowHeight - 32 - 32;
|
|
107
|
+
height.value = windowHeight - 32 - 32 - 2;
|
|
108
|
+
|
|
109
|
+
// #ifdef H5 || APP-PLUS
|
|
110
|
+
height.value = windowHeight - 100 - 32 - 32 - 2;
|
|
111
|
+
// #endif
|
|
108
112
|
});
|
|
109
113
|
</script>
|
|
110
114
|
<style scoped>
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
v-if="showJson"
|
|
7
7
|
:data="vuexList"
|
|
8
8
|
:theme="theme"
|
|
9
|
+
:nodeSelectable="() => false"
|
|
10
|
+
:pathCollapsible="() => false"
|
|
9
11
|
@update:data="onUpdateData"
|
|
10
12
|
@nodeClick="onNodeClick"
|
|
11
13
|
/>
|
|
@@ -52,5 +54,8 @@ function onNodeClick(node: any) {
|
|
|
52
54
|
.vuex-content {
|
|
53
55
|
padding: 16px;
|
|
54
56
|
font-size: var(--dev-tool-base-font-size);
|
|
57
|
+
height: 100%;
|
|
58
|
+
box-sizing: border-box;
|
|
59
|
+
overflow: auto;
|
|
55
60
|
}
|
|
56
61
|
</style>
|
|
@@ -147,11 +147,11 @@ function onChangeText(e: any) {
|
|
|
147
147
|
position: fixed;
|
|
148
148
|
width: 100vw;
|
|
149
149
|
height: 100vh;
|
|
150
|
-
z-index:
|
|
150
|
+
z-index: 998;
|
|
151
151
|
top: 0;
|
|
152
152
|
left: 0;
|
|
153
153
|
padding: 0 16px;
|
|
154
|
-
/* #ifdef H5 */
|
|
154
|
+
/* #ifdef H5 || APP-PLUS */
|
|
155
155
|
padding: 50px 16px;
|
|
156
156
|
/* #endif */
|
|
157
157
|
|
|
@@ -1,11 +1,18 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view class="window-info-content">
|
|
3
|
-
<JsonPretty
|
|
3
|
+
<JsonPretty
|
|
4
|
+
v-if="showJson"
|
|
5
|
+
:data="windowInfo"
|
|
6
|
+
:theme="theme"
|
|
7
|
+
:height="height"
|
|
8
|
+
:nodeSelectable="() => false"
|
|
9
|
+
:pathCollapsible="() => false"
|
|
10
|
+
/>
|
|
4
11
|
<Empty v-else />
|
|
5
12
|
</view>
|
|
6
13
|
</template>
|
|
7
14
|
<script lang="ts" setup>
|
|
8
|
-
import { computed } from 'vue';
|
|
15
|
+
import { computed, onMounted, ref } from 'vue';
|
|
9
16
|
import JsonPretty from '../JsonPretty/index.vue';
|
|
10
17
|
|
|
11
18
|
import Empty from '../Empty/index.vue';
|
|
@@ -13,6 +20,7 @@ const props = defineProps<{
|
|
|
13
20
|
windowInfo: Record<string, any>;
|
|
14
21
|
theme?: string;
|
|
15
22
|
}>();
|
|
23
|
+
const height = ref(0);
|
|
16
24
|
|
|
17
25
|
const showJson = computed(() => {
|
|
18
26
|
try {
|
|
@@ -25,10 +33,21 @@ const showJson = computed(() => {
|
|
|
25
33
|
return false;
|
|
26
34
|
}
|
|
27
35
|
});
|
|
36
|
+
onMounted(() => {
|
|
37
|
+
const { windowHeight } = uni.getWindowInfo();
|
|
38
|
+
height.value = windowHeight - 32 - 32 - 2;
|
|
39
|
+
|
|
40
|
+
// #ifdef H5 || APP-PLUS
|
|
41
|
+
height.value = windowHeight - 100 - 32 - 32 - 2;
|
|
42
|
+
// #endif
|
|
43
|
+
});
|
|
28
44
|
</script>
|
|
29
45
|
<style scoped>
|
|
30
46
|
.window-info-content {
|
|
31
47
|
padding: 16px;
|
|
48
|
+
height: 100%;
|
|
49
|
+
box-sizing: border-box;
|
|
50
|
+
overflow: auto;
|
|
32
51
|
font-size: var(--dev-tool-base-font-size);
|
|
33
52
|
}
|
|
34
53
|
</style>
|