vite-uni-dev-tool 0.0.22 → 0.0.24
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 +15 -3
- package/dist/const.d.ts +4 -0
- package/dist/const.d.ts.map +1 -1
- package/dist/const.js +30 -29
- package/dist/core.d.ts +3 -3
- package/dist/core.d.ts.map +1 -1
- package/dist/core.js +47 -50
- package/dist/devEvent/index.d.ts.map +1 -1
- package/dist/devEvent/index.js +26 -18
- package/dist/devIntercept/index.d.ts.map +1 -1
- package/dist/devIntercept/index.js +140 -127
- package/dist/devStore/index.d.ts +5 -1
- package/dist/devStore/index.d.ts.map +1 -1
- package/dist/devStore/index.js +16 -14
- package/dist/type.d.ts +8 -1
- package/dist/type.d.ts.map +1 -1
- package/dist/v2/AutoSizer/index.vue +1 -1
- package/dist/v2/ConsoleList/ConsoleItem.vue +1 -1
- package/dist/v2/DevToolButton/index.vue +2 -2
- package/dist/v3/AutoSizer/index.vue +1 -1
- package/dist/v3/CaptureScreen/index.vue +5 -1
- package/dist/v3/ConsoleList/ConsoleItem.vue +2 -2
- package/dist/v3/ConsoleList/RunJSInput.vue +1 -0
- package/dist/v3/DevToolButton/index.vue +3 -2
- package/dist/v3/DevToolWindow/index.vue +94 -3
- package/dist/v3/JsonPretty/components/Brackets/index.vue +3 -0
- package/dist/v3/JsonPretty/components/Carets/index.vue +2 -3
- package/dist/v3/NetworkList/InterceptConfig.vue +13 -34
- package/dist/v3/NetworkList/NetworkDetail.vue +13 -17
- package/dist/v3/NetworkList/NetworkItem.vue +0 -11
- package/dist/v3/NetworkList/NetworkSend.vue +20 -29
- package/dist/v3/RunJS/index.vue +1 -1
- package/dist/v3/SettingList/const.d.ts +2 -0
- package/dist/v3/SettingList/const.d.ts.map +1 -0
- package/dist/v3/SettingList/index.vue +8 -1
- package/dist/v3/SettingList/typing.d.ts +2 -0
- package/dist/v3/SourceCode/Line.vue +5 -4
- package/dist/v3/SourceCode/index.vue +1 -1
- package/dist/v3/Tabs/index.vue +4 -0
- package/dist/v3/Tag/index.vue +1 -1
- package/dist/v3/UniEvent/index.vue +7 -6
- package/dist/v3/UploadList/UploadDetail.vue +36 -18
- package/dist/v3/UploadList/UploadItem.vue +38 -34
- package/dist/v3/UploadList/index.vue +12 -1
- package/dist/v3/VirtualListPro/index.vue +15 -12
- package/dist/v3/WebSocket/WebSocketDetail.vue +252 -0
- package/dist/v3/WebSocket/WebSocketItem.vue +20 -37
- package/dist/v3/WebSocket/index.vue +6 -1
- package/package.json +1 -1
- package/dist/v3/WebSocket/WebSocketList.vue +0 -161
package/dist/devStore/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { DEV_TOOL_INFO as p } from "../const.js";
|
|
2
2
|
import "../utils/index.js";
|
|
3
|
-
import { setDevToolInfo as L, getDevToolInfo as
|
|
4
|
-
import { isBoolean as
|
|
5
|
-
import { getWifiIp as S, getLanIp as w, getMicroAppIp as
|
|
6
|
-
import { setValueByPath as
|
|
7
|
-
class
|
|
3
|
+
import { setDevToolInfo as L, getDevToolInfo as d } from "../devToolInfo/index.js";
|
|
4
|
+
import { isBoolean as f, isNil as v, isNumber as c } from "../utils/language.js";
|
|
5
|
+
import { getWifiIp as S, getLanIp as w, getMicroAppIp as T } from "../utils/ip.js";
|
|
6
|
+
import { setValueByPath as x } from "../utils/object.js";
|
|
7
|
+
class C {
|
|
8
8
|
constructor() {
|
|
9
9
|
this.state = {
|
|
10
10
|
consoleList: [],
|
|
@@ -29,7 +29,7 @@ class b {
|
|
|
29
29
|
},
|
|
30
30
|
captureScreenList: [],
|
|
31
31
|
interceptNetworkMap: /* @__PURE__ */ new Map()
|
|
32
|
-
}, this.uploadMaxSize = 1e3, this.consoleMaxSize = 1e3, this.networkMaxSize = 1e3, this.wsDataMaxSize = 1e3, this.eventListMaxSize = 1e3, this.captureScreenMaxSize = 1e3, this.cacheMaxSize = 8 * 1024 * 1024 * 10, this.uploadTaskMap = /* @__PURE__ */ new Map(), this.requestIndex = -1, this.uploadIndex = -1, this.devToolVisible = !1, this.devToolDestroy = !1, this.enableInterceptPromiseReject = !1, this.zIndex = 1e3, this.cacheInterceptConfig = !0;
|
|
32
|
+
}, this.uploadMaxSize = 1e3, this.consoleMaxSize = 1e3, this.networkMaxSize = 1e3, this.wsDataMaxSize = 1e3, this.eventListMaxSize = 1e3, this.captureScreenMaxSize = 1e3, this.cacheMaxSize = 8 * 1024 * 1024 * 10, this.uploadTaskMap = /* @__PURE__ */ new Map(), this.requestIndex = -1, this.uploadIndex = -1, this.devToolVisible = !1, this.devToolDestroy = !1, this.enableInterceptPromiseReject = !1, this.zIndex = 1e3, this.cacheInterceptConfig = !0, this.devToolVersion = "0.0.0", this.devToolBuildTime = "";
|
|
33
33
|
const {
|
|
34
34
|
devToolDestroy: t = !1,
|
|
35
35
|
devToolButtonVisible: e = !1,
|
|
@@ -84,9 +84,9 @@ class b {
|
|
|
84
84
|
}
|
|
85
85
|
setDevToolOptions(t) {
|
|
86
86
|
var o, i, a;
|
|
87
|
-
this.devToolOptions = t, this.uploadMaxSize = t.uploadMaxSize || 1e3, this.consoleMaxSize = t.consoleMaxSize || 1e3, this.networkMaxSize = t.networkMaxSize || 1e3, this.wsDataMaxSize = t.wsDataMaxSize || 1e3, this.cacheMaxSize = t.cacheMaxSize || 8 * 1024 * 1024 * 10, this.eventListMaxSize = t.eventListMaxSize || 1e3, this.captureScreenMaxSize = t.captureScreenMaxSize || 1e3, this.zIndex = t.zIndex || 998;
|
|
88
|
-
const { devToolButtonVisible: e } =
|
|
89
|
-
this.devToolVisible =
|
|
87
|
+
this.devToolOptions = t, this.uploadMaxSize = t.uploadMaxSize || 1e3, this.consoleMaxSize = t.consoleMaxSize || 1e3, this.networkMaxSize = t.networkMaxSize || 1e3, this.wsDataMaxSize = t.wsDataMaxSize || 1e3, this.cacheMaxSize = t.cacheMaxSize || 8 * 1024 * 1024 * 10, this.eventListMaxSize = t.eventListMaxSize || 1e3, this.captureScreenMaxSize = t.captureScreenMaxSize || 1e3, this.zIndex = t.zIndex || 998, this.devToolVersion = t.devToolVersion ?? "0.0.0", this.devToolBuildTime = t.devToolBuildTime ?? "";
|
|
88
|
+
const { devToolButtonVisible: e } = d();
|
|
89
|
+
this.devToolVisible = f(e) ? e : t.initShowDevTool ?? !0, this.setDevToolVisible(this.devToolVisible);
|
|
90
90
|
const s = ((o = t.pagesJson) == null ? void 0 : o.pages.map((r) => {
|
|
91
91
|
var n, l, u;
|
|
92
92
|
const h = (u = (l = (n = t.pagesJson) == null ? void 0 : n.tabBar) == null ? void 0 : l.list) == null ? void 0 : u.some(
|
|
@@ -109,9 +109,9 @@ class b {
|
|
|
109
109
|
}), this.setRouteList(s);
|
|
110
110
|
}
|
|
111
111
|
async getDevData() {
|
|
112
|
-
const t = await uni.getNetworkType(), e = uni.
|
|
112
|
+
const t = await uni.getNetworkType(), e = uni.getSystemSetting(), s = uni.getDeviceInfo(), o = uni.getWindowInfo(), i = {
|
|
113
113
|
...await uni.getAppBaseInfo()
|
|
114
|
-
}, a = S() || w() || await
|
|
114
|
+
}, a = S() || w() || await T();
|
|
115
115
|
return {
|
|
116
116
|
...this.state,
|
|
117
117
|
systemInfo: e,
|
|
@@ -124,7 +124,9 @@ class b {
|
|
|
124
124
|
...t,
|
|
125
125
|
isConnected: t.networkType !== "none"
|
|
126
126
|
},
|
|
127
|
-
cacheInterceptConfig: this.cacheInterceptConfig
|
|
127
|
+
cacheInterceptConfig: this.cacheInterceptConfig,
|
|
128
|
+
devToolVersion: this.devToolVersion,
|
|
129
|
+
devToolBuildTime: this.devToolBuildTime
|
|
128
130
|
};
|
|
129
131
|
}
|
|
130
132
|
updateStore(t) {
|
|
@@ -159,7 +161,7 @@ class b {
|
|
|
159
161
|
const [e, s] = Object.entries(t)[0];
|
|
160
162
|
if (v(e))
|
|
161
163
|
return console.error("[DevTool] updatePiniaStore key is undefined or null"), {};
|
|
162
|
-
|
|
164
|
+
x(this.piniaStore.state.value, e, s), this.setPiniaList({
|
|
163
165
|
...this.piniaStore.state.value ?? {}
|
|
164
166
|
});
|
|
165
167
|
} catch (e) {
|
|
@@ -425,5 +427,5 @@ class b {
|
|
|
425
427
|
}
|
|
426
428
|
}
|
|
427
429
|
export {
|
|
428
|
-
|
|
430
|
+
C as DevStore
|
|
429
431
|
};
|
package/dist/type.d.ts
CHANGED
|
@@ -12,7 +12,8 @@ export declare namespace DevTool {
|
|
|
12
12
|
};
|
|
13
13
|
};
|
|
14
14
|
type Message = {
|
|
15
|
-
type: '
|
|
15
|
+
type: 'receive' | 'send';
|
|
16
|
+
status: 'success' | 'error';
|
|
16
17
|
data: string;
|
|
17
18
|
time: number;
|
|
18
19
|
};
|
|
@@ -82,6 +83,8 @@ export declare namespace DevTool {
|
|
|
82
83
|
useDevSource?: boolean;
|
|
83
84
|
/** 层级默认 998 */
|
|
84
85
|
zIndex?: number;
|
|
86
|
+
devToolVersion?: string;
|
|
87
|
+
devToolBuildTime?: string;
|
|
85
88
|
} & ButtonOptions;
|
|
86
89
|
type ButtonOptions = Partial<{
|
|
87
90
|
/** 按钮大小 */
|
|
@@ -190,6 +193,8 @@ export declare namespace DevTool {
|
|
|
190
193
|
totalBytesSent?: number;
|
|
191
194
|
/** 预计上传总长度 */
|
|
192
195
|
totalBytesExpectedToSend?: number;
|
|
196
|
+
/** 调用栈 */
|
|
197
|
+
stack?: string;
|
|
193
198
|
};
|
|
194
199
|
type EventCount = {
|
|
195
200
|
on: number;
|
|
@@ -248,6 +253,8 @@ export declare namespace DevTool {
|
|
|
248
253
|
interceptNetworkMap?: Map<string, NetworkItem>;
|
|
249
254
|
/** 缓存网络配置到本地 */
|
|
250
255
|
cacheInterceptConfig?: boolean;
|
|
256
|
+
devToolVersion?: string;
|
|
257
|
+
devToolBuildTime?: string;
|
|
251
258
|
};
|
|
252
259
|
type DevInterceptOptions = {
|
|
253
260
|
event: DevEvent;
|
package/dist/type.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../dev/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,MAAM,CAAC,OAAO,WAAW,OAAO,CAAC;IAC/B,KAAK,IAAI,GAAG;QACV,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,EAAE;YACL,sBAAsB,CAAC,EAAE,MAAM,CAAC;SACjC,CAAC;KACH,CAAC;IAEF,KAAK,OAAO,GAAG;QACb,IAAI,EAAE,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../dev/type.ts"],"names":[],"mappings":"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"}
|
|
@@ -86,7 +86,7 @@ export default {
|
|
|
86
86
|
if (Array.isArray(rect)) return;
|
|
87
87
|
|
|
88
88
|
// 获取屏幕尺寸
|
|
89
|
-
const { windowWidth, windowHeight } = uni.
|
|
89
|
+
const { windowWidth, windowHeight } = uni.getWindowInfo();
|
|
90
90
|
|
|
91
91
|
// 在尺寸更新时限制最大值
|
|
92
92
|
this.listenerSlot.height = Math.min(rect.height ?? 0, windowHeight);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<view :id="id" :class="`console-item console-item-${consoleItem.type}`">
|
|
3
3
|
<view class="console-info">
|
|
4
4
|
<view class="console-args">
|
|
5
|
-
<template v-for="(item, index) in consoleItem.args">
|
|
5
|
+
<template v-for="(item, index) in consoleItem.args" :key="index">
|
|
6
6
|
<view
|
|
7
7
|
v-if="item.type !== 'array' && item.type !== 'object'"
|
|
8
8
|
:class="`console-arg console-arg-${item.type}`"
|
|
@@ -77,7 +77,7 @@ export default {
|
|
|
77
77
|
},
|
|
78
78
|
|
|
79
79
|
mounted() {
|
|
80
|
-
const sysInfo = uni.
|
|
80
|
+
const sysInfo = uni.getWindowInfo();
|
|
81
81
|
this.windowWidth = sysInfo.windowWidth;
|
|
82
82
|
this.windowHeight = sysInfo.windowHeight;
|
|
83
83
|
this.sizeHalf = this.buttonSize / 2;
|
|
@@ -181,7 +181,7 @@ export default {
|
|
|
181
181
|
},
|
|
182
182
|
|
|
183
183
|
onResize() {
|
|
184
|
-
const { windowWidth } = uni.
|
|
184
|
+
const { windowWidth } = uni.getWindowInfo();
|
|
185
185
|
|
|
186
186
|
this.buttonPosition.transition = 'all 0.3s ease-in-out';
|
|
187
187
|
this.buttonPosition.left = windowWidth - this.buttonSize + 'px';
|
|
@@ -101,7 +101,7 @@ const debounceReact = debounce(
|
|
|
101
101
|
if (Array.isArray(rect)) return;
|
|
102
102
|
|
|
103
103
|
// 获取屏幕尺寸
|
|
104
|
-
const { windowWidth, windowHeight } = uni.
|
|
104
|
+
const { windowWidth, windowHeight } = uni.getWindowInfo();
|
|
105
105
|
|
|
106
106
|
// 在尺寸更新时限制最大值
|
|
107
107
|
listenerSlot.height = Math.min(rect.height ?? 0, windowHeight);
|
|
@@ -7,7 +7,11 @@
|
|
|
7
7
|
</view>
|
|
8
8
|
|
|
9
9
|
<view class="capture-screen-list">
|
|
10
|
-
<view
|
|
10
|
+
<view
|
|
11
|
+
class="capture-screen-item"
|
|
12
|
+
v-for="(item, index) in captureScreenList"
|
|
13
|
+
:key="index"
|
|
14
|
+
>
|
|
11
15
|
<view class="info-row">时间:{{ item.timer }} </view>
|
|
12
16
|
<view class="info-row">页面:{{ item.position }}</view>
|
|
13
17
|
</view>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<view :id="id" :class="`console-item console-item-${consoleItem.type}`">
|
|
3
3
|
<view class="console-args">
|
|
4
|
-
<template v-for="(item, index) in consoleItem.args">
|
|
4
|
+
<template v-for="(item, index) in consoleItem.args" :key="index">
|
|
5
5
|
<view
|
|
6
6
|
v-if="item.type !== 'array' && item.type !== 'object'"
|
|
7
7
|
:class="`console-arg console-arg-${item.type}`"
|
|
@@ -142,7 +142,7 @@ const isUseDevSource = computed(() => {
|
|
|
142
142
|
color: var(--dev-tool-nil-color);
|
|
143
143
|
}
|
|
144
144
|
.console-arg-string {
|
|
145
|
-
color: var(--dev-tool-
|
|
145
|
+
color: var(--dev-tool-nil-color);
|
|
146
146
|
}
|
|
147
147
|
.console-arg-number {
|
|
148
148
|
color: var(--dev-tool-number-color);
|
|
@@ -42,7 +42,8 @@ const sizeHalf = props.buttonSize / 2;
|
|
|
42
42
|
let page: { pageX: number; pageY: number } = { pageX: 0, pageY: 0 };
|
|
43
43
|
let startTime = 0;
|
|
44
44
|
|
|
45
|
-
const { windowWidth, windowHeight } = uni.
|
|
45
|
+
const { windowWidth, windowHeight } = uni.getWindowInfo();
|
|
46
|
+
|
|
46
47
|
// const buttonRef = ref();
|
|
47
48
|
const buttonPosition = reactive({
|
|
48
49
|
left: windowWidth - props.buttonSize + 'px',
|
|
@@ -106,7 +107,7 @@ function onMouseDown(event: MouseEvent) {
|
|
|
106
107
|
|
|
107
108
|
let timer: number | null = null;
|
|
108
109
|
function onResize() {
|
|
109
|
-
const { windowWidth } = uni.
|
|
110
|
+
const { windowWidth } = uni.getWindowInfo();
|
|
110
111
|
|
|
111
112
|
buttonPosition.transition = 'all 0.3s ease-in-out';
|
|
112
113
|
buttonPosition.left = windowWidth - props.buttonSize + 'px';
|
|
@@ -70,9 +70,13 @@
|
|
|
70
70
|
:currentUploadType="currentUploadType"
|
|
71
71
|
:uploadList="uploadList"
|
|
72
72
|
:zIndex="zIndex + 1"
|
|
73
|
+
:mode="mode"
|
|
74
|
+
:useDevSource="useDevSource"
|
|
73
75
|
v-model="searchUpload"
|
|
74
76
|
@choose="onUploadChoose"
|
|
75
77
|
@search="onSearchUpload"
|
|
78
|
+
@openDetail="onOpenUploadDetail"
|
|
79
|
+
@openCode="onOpenCode"
|
|
76
80
|
/>
|
|
77
81
|
</swiper-item>
|
|
78
82
|
<swiper-item>
|
|
@@ -84,6 +88,8 @@
|
|
|
84
88
|
v-model="searchWs"
|
|
85
89
|
@choose="onWebSocketChoose"
|
|
86
90
|
@search="onSearchWs"
|
|
91
|
+
@openDetail="onOpenWebSocketDetail"
|
|
92
|
+
@openCode="onOpenCode"
|
|
87
93
|
/>
|
|
88
94
|
</swiper-item>
|
|
89
95
|
<swiper-item>
|
|
@@ -174,6 +180,7 @@
|
|
|
174
180
|
:devToolVisible="devToolVisible"
|
|
175
181
|
:sizeFormat="sizeFormat"
|
|
176
182
|
:theme="theme"
|
|
183
|
+
:buildInfo="buildInfo"
|
|
177
184
|
:cacheInterceptConfig="cacheInterceptConfig"
|
|
178
185
|
@showDevButton="onShowDevButton"
|
|
179
186
|
@restartDevTool="onRestartDevTool"
|
|
@@ -235,12 +242,28 @@
|
|
|
235
242
|
:network="network"
|
|
236
243
|
@close="onCloseNetworkDetail"
|
|
237
244
|
/>
|
|
245
|
+
|
|
246
|
+
<!-- 上传详情 -->
|
|
247
|
+
<UploadDetail
|
|
248
|
+
v-if="showUploadDetail"
|
|
249
|
+
:upload="upload"
|
|
250
|
+
:zIndex="zIndex"
|
|
251
|
+
@close="onCloseUploadDetail"
|
|
252
|
+
/>
|
|
253
|
+
|
|
254
|
+
<WebSocketDetail
|
|
255
|
+
v-if="showWebSocketDetail"
|
|
256
|
+
:ws="currentWebSocket"
|
|
257
|
+
:zIndex="zIndex"
|
|
258
|
+
@close="onCloseWebSocketDetail"
|
|
259
|
+
@clear="onClearWebSocketMessage"
|
|
260
|
+
/>
|
|
238
261
|
</view>
|
|
239
262
|
</template>
|
|
240
263
|
|
|
241
264
|
<script setup lang="ts">
|
|
242
265
|
import { onLoad, onUnload, onShow, onHide } from '@dcloudio/uni-app';
|
|
243
|
-
import { ref, onMounted, reactive } from 'vue';
|
|
266
|
+
import { ref, onMounted, reactive, computed, nextTick } from 'vue';
|
|
244
267
|
import Tabs from '../Tabs/index.vue';
|
|
245
268
|
import ConsoleList from '../ConsoleList/index.vue';
|
|
246
269
|
import NetworkList from '../NetworkList/index.vue';
|
|
@@ -265,6 +288,9 @@ import NetworkDetail from '../NetworkList/NetworkDetail.vue';
|
|
|
265
288
|
import NetworkIntercept from '../NetworkList/NetworkIntercept.vue';
|
|
266
289
|
import InterceptConfig from '../NetworkList/InterceptConfig.vue';
|
|
267
290
|
|
|
291
|
+
import UploadDetail from '../UploadList/UploadDetail.vue';
|
|
292
|
+
import WebSocketDetail from '../WebSocket/WebSocketDetail.vue';
|
|
293
|
+
|
|
268
294
|
import {
|
|
269
295
|
DEV_BUTTON_SHOW_OR_HIDE,
|
|
270
296
|
DEV_CONSOLE_CLEAR,
|
|
@@ -292,6 +318,7 @@ import {
|
|
|
292
318
|
DEV_INTERCEPT_NETWORK_UPDATE,
|
|
293
319
|
DEV_INTERCEPT_NETWORK_REMOVE,
|
|
294
320
|
DEV_CHANGE_CACHE_INTERCEPT_CONFIG,
|
|
321
|
+
DEV_WEBSOCKET_CLEAR_MESSAGE,
|
|
295
322
|
} from '../../const';
|
|
296
323
|
import { debounce, hightLight, isAndroid, isMockWX } from '../../utils/index';
|
|
297
324
|
import type { DevTool } from '../../type';
|
|
@@ -367,9 +394,30 @@ const showNetworkSend = ref(false);
|
|
|
367
394
|
const showNetworkDetail = ref(false);
|
|
368
395
|
const showNetworkIntercept = ref(false);
|
|
369
396
|
const showInterceptConfig = ref(false);
|
|
370
|
-
|
|
371
397
|
const cacheInterceptConfig = ref(true);
|
|
372
398
|
|
|
399
|
+
const upload = reactive<DevTool.UploadItem>({
|
|
400
|
+
index: 0,
|
|
401
|
+
status: '',
|
|
402
|
+
});
|
|
403
|
+
const showUploadDetail = ref(false);
|
|
404
|
+
|
|
405
|
+
const webSocket = reactive<DevTool.WS>({
|
|
406
|
+
url: '',
|
|
407
|
+
message: [],
|
|
408
|
+
});
|
|
409
|
+
|
|
410
|
+
const currentWebSocket = computed(() => {
|
|
411
|
+
return wsList.value.find((item) => item.url === webSocket.url);
|
|
412
|
+
});
|
|
413
|
+
|
|
414
|
+
const showWebSocketDetail = ref(false);
|
|
415
|
+
|
|
416
|
+
const buildInfo = reactive({
|
|
417
|
+
devToolVersion: '0.0.0',
|
|
418
|
+
devToolBuildTime: '',
|
|
419
|
+
});
|
|
420
|
+
|
|
373
421
|
const props = withDefaults(
|
|
374
422
|
defineProps<{
|
|
375
423
|
open?: boolean;
|
|
@@ -639,6 +687,13 @@ const listenPostMessage = (data: DevTool.WindowData) => {
|
|
|
639
687
|
if (data.interceptNetworkMap) {
|
|
640
688
|
interceptNetworkList.value = Array.from(data.interceptNetworkMap.values());
|
|
641
689
|
}
|
|
690
|
+
|
|
691
|
+
if (data.devToolVersion || data.devToolBuildTime) {
|
|
692
|
+
Object.assign(buildInfo, {
|
|
693
|
+
devToolVersion: data.devToolVersion,
|
|
694
|
+
devToolBuildTime: data.devToolBuildTime,
|
|
695
|
+
});
|
|
696
|
+
}
|
|
642
697
|
};
|
|
643
698
|
|
|
644
699
|
let isActive = false;
|
|
@@ -1230,6 +1285,40 @@ function onConfirmInterceptConfig(ni: DevTool.NetworkItem) {
|
|
|
1230
1285
|
data: [ni],
|
|
1231
1286
|
});
|
|
1232
1287
|
}
|
|
1288
|
+
|
|
1289
|
+
function onOpenUploadDetail(up?: DevTool.UploadItem) {
|
|
1290
|
+
Object.assign(upload, up);
|
|
1291
|
+
showUploadDetail.value = true;
|
|
1292
|
+
}
|
|
1293
|
+
|
|
1294
|
+
function onCloseUploadDetail() {
|
|
1295
|
+
showUploadDetail.value = false;
|
|
1296
|
+
}
|
|
1297
|
+
|
|
1298
|
+
function onOpenWebSocketDetail(ws?: DevTool.WS) {
|
|
1299
|
+
Object.assign(webSocket, ws);
|
|
1300
|
+
|
|
1301
|
+
nextTick(() => {
|
|
1302
|
+
if (currentWebSocket.value) {
|
|
1303
|
+
showWebSocketDetail.value = true;
|
|
1304
|
+
} else {
|
|
1305
|
+
//
|
|
1306
|
+
}
|
|
1307
|
+
});
|
|
1308
|
+
}
|
|
1309
|
+
|
|
1310
|
+
function onCloseWebSocketDetail() {
|
|
1311
|
+
showWebSocketDetail.value = false;
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1314
|
+
function onClearWebSocketMessage(ws: DevTool.WS) {
|
|
1315
|
+
console.log('ws: ', ws);
|
|
1316
|
+
|
|
1317
|
+
basicSendMessage({
|
|
1318
|
+
type: DEV_WEBSOCKET_CLEAR_MESSAGE,
|
|
1319
|
+
data: ws,
|
|
1320
|
+
});
|
|
1321
|
+
}
|
|
1233
1322
|
</script>
|
|
1234
1323
|
|
|
1235
1324
|
<style scoped>
|
|
@@ -1283,7 +1372,6 @@ function onConfirmInterceptConfig(ni: DevTool.NetworkItem) {
|
|
|
1283
1372
|
--dev-tool-info-color: #9c9c9c;
|
|
1284
1373
|
--dev-tool-log-color: #f9f9f9;
|
|
1285
1374
|
--dev-tool-nil-color: #020201;
|
|
1286
|
-
--dev-tool-string-color: #888888;
|
|
1287
1375
|
--dev-tool-number-color: #1d8ce0;
|
|
1288
1376
|
--dev-tool-boolean-color: #1d8ce0;
|
|
1289
1377
|
--dev-tool-symbol-color: bisque;
|
|
@@ -1339,6 +1427,8 @@ function onConfirmInterceptConfig(ni: DevTool.NetworkItem) {
|
|
|
1339
1427
|
height: calc(100% - 32px);
|
|
1340
1428
|
overflow: auto;
|
|
1341
1429
|
}
|
|
1430
|
+
|
|
1431
|
+
/* #ifdef H5 || APP-PLUS */
|
|
1342
1432
|
.dev-tool-window-container ::-webkit-scrollbar {
|
|
1343
1433
|
display: none;
|
|
1344
1434
|
width: 0;
|
|
@@ -1351,6 +1441,7 @@ function onConfirmInterceptConfig(ni: DevTool.NetworkItem) {
|
|
|
1351
1441
|
height: 0;
|
|
1352
1442
|
background-color: transparent;
|
|
1353
1443
|
}
|
|
1444
|
+
/* #endif */
|
|
1354
1445
|
|
|
1355
1446
|
.dev-tool-window::after {
|
|
1356
1447
|
content: '';
|
|
@@ -37,13 +37,12 @@ function onClick(e: MouseEvent) {
|
|
|
37
37
|
right: 0;
|
|
38
38
|
cursor: pointer;
|
|
39
39
|
}
|
|
40
|
-
.json-pretty-carets svg {
|
|
41
|
-
transition: transform 0.3s;
|
|
42
|
-
}
|
|
43
40
|
|
|
41
|
+
/* #ifdef H5 || APP-PLUS */
|
|
44
42
|
.json-pretty-carets::hover {
|
|
45
43
|
color: var(--json-pretty-primary-color);
|
|
46
44
|
}
|
|
45
|
+
/* #endif */
|
|
47
46
|
|
|
48
47
|
.json-pretty-carets-close {
|
|
49
48
|
transform: rotate(-90deg);
|
|
@@ -246,7 +246,7 @@
|
|
|
246
246
|
<button size="mini" @click="onSend">发送</button> -->
|
|
247
247
|
<button
|
|
248
248
|
size="mini"
|
|
249
|
-
style="background-color: #9254de; color: #fff"
|
|
249
|
+
style="width: 100%; background-color: #9254de; color: #fff"
|
|
250
250
|
@click="onConfirm"
|
|
251
251
|
>
|
|
252
252
|
保存配置
|
|
@@ -298,25 +298,25 @@ const state = reactive<{
|
|
|
298
298
|
|
|
299
299
|
const defaultHeader = [
|
|
300
300
|
{
|
|
301
|
-
id: 1,
|
|
301
|
+
id: '1',
|
|
302
302
|
key: 'Accept',
|
|
303
303
|
value: '*/*',
|
|
304
304
|
checked: false,
|
|
305
305
|
},
|
|
306
306
|
{
|
|
307
|
-
id: 2,
|
|
307
|
+
id: '2',
|
|
308
308
|
key: 'Accept-Language',
|
|
309
309
|
value: 'zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6',
|
|
310
310
|
checked: false,
|
|
311
311
|
},
|
|
312
312
|
{
|
|
313
|
-
id: 3,
|
|
313
|
+
id: '3',
|
|
314
314
|
key: 'Cache-Control',
|
|
315
315
|
value: 'no-cache',
|
|
316
316
|
checked: false,
|
|
317
317
|
},
|
|
318
318
|
{
|
|
319
|
-
id: 4,
|
|
319
|
+
id: '4',
|
|
320
320
|
key: 'Content-Type',
|
|
321
321
|
value: 'application/json; charset=utf-8',
|
|
322
322
|
checked: true,
|
|
@@ -324,7 +324,7 @@ const defaultHeader = [
|
|
|
324
324
|
];
|
|
325
325
|
|
|
326
326
|
type PB = {
|
|
327
|
-
id:
|
|
327
|
+
id: string;
|
|
328
328
|
key: string;
|
|
329
329
|
value: string;
|
|
330
330
|
checked: boolean;
|
|
@@ -336,7 +336,7 @@ const responseHeaderList = reactive([...defaultHeader]);
|
|
|
336
336
|
|
|
337
337
|
const queryList = reactive<PB[]>([
|
|
338
338
|
{
|
|
339
|
-
id: 1,
|
|
339
|
+
id: '1',
|
|
340
340
|
key: 'a',
|
|
341
341
|
value: '123',
|
|
342
342
|
checked: true,
|
|
@@ -505,7 +505,7 @@ function onDeleteRequestHeader(item: any) {
|
|
|
505
505
|
}
|
|
506
506
|
|
|
507
507
|
function onAddRequestHeader() {
|
|
508
|
-
const id = Date.now();
|
|
508
|
+
const id = Date.now()?.toString();
|
|
509
509
|
requestHeaderList.push({
|
|
510
510
|
id,
|
|
511
511
|
key: '',
|
|
@@ -529,7 +529,7 @@ function onChangeRequestHeader(e: any, key: 'key' | 'value', index: number) {
|
|
|
529
529
|
}
|
|
530
530
|
|
|
531
531
|
function onAddResponseHeader() {
|
|
532
|
-
const id = Date.now();
|
|
532
|
+
const id = Date.now()?.toString();
|
|
533
533
|
responseHeaderList.push({
|
|
534
534
|
id,
|
|
535
535
|
key: '',
|
|
@@ -558,7 +558,7 @@ function onDeleteQuery(item: any) {
|
|
|
558
558
|
queryList.splice(index, 1);
|
|
559
559
|
}
|
|
560
560
|
function onAddQuery() {
|
|
561
|
-
const id = Date.now();
|
|
561
|
+
const id = Date.now()?.toString();
|
|
562
562
|
queryList.push({
|
|
563
563
|
id,
|
|
564
564
|
key: '',
|
|
@@ -592,7 +592,7 @@ function arrayToObject(arr: any[]) {
|
|
|
592
592
|
|
|
593
593
|
function objectToArray<T extends Record<string, any>>(obj: T) {
|
|
594
594
|
return Object.entries(obj).map(([key, value]) => ({
|
|
595
|
-
id: Date.now(),
|
|
595
|
+
id: Date.now().toString(),
|
|
596
596
|
key,
|
|
597
597
|
value,
|
|
598
598
|
checked: true,
|
|
@@ -654,7 +654,7 @@ function handleInterceptConfig() {
|
|
|
654
654
|
props.network.headers?.requestHeader?.map((item, index) => {
|
|
655
655
|
return {
|
|
656
656
|
...item,
|
|
657
|
-
id: index,
|
|
657
|
+
id: index.toString(),
|
|
658
658
|
checked: true,
|
|
659
659
|
};
|
|
660
660
|
}) ?? [];
|
|
@@ -665,7 +665,7 @@ function handleInterceptConfig() {
|
|
|
665
665
|
props.network.headers?.responseHeader?.map((item, index) => {
|
|
666
666
|
return {
|
|
667
667
|
...item,
|
|
668
|
-
id: index,
|
|
668
|
+
id: index.toString(),
|
|
669
669
|
checked: true,
|
|
670
670
|
};
|
|
671
671
|
}) ?? [];
|
|
@@ -748,13 +748,6 @@ onMounted(() => {
|
|
|
748
748
|
box-sizing: border-box;
|
|
749
749
|
}
|
|
750
750
|
|
|
751
|
-
.intercept-config-control :deep(.tag) {
|
|
752
|
-
margin-right: 16px;
|
|
753
|
-
}
|
|
754
|
-
.intercept-config-control :deep(.tag):last-child {
|
|
755
|
-
margin-right: 0;
|
|
756
|
-
}
|
|
757
|
-
|
|
758
751
|
.radio-group {
|
|
759
752
|
display: flex;
|
|
760
753
|
flex-wrap: wrap;
|
|
@@ -789,9 +782,6 @@ onMounted(() => {
|
|
|
789
782
|
color: red;
|
|
790
783
|
}
|
|
791
784
|
|
|
792
|
-
.intercept-header-list {
|
|
793
|
-
}
|
|
794
|
-
|
|
795
785
|
.intercept-header-item {
|
|
796
786
|
display: flex;
|
|
797
787
|
align-items: center;
|
|
@@ -802,15 +792,11 @@ onMounted(() => {
|
|
|
802
792
|
text-align: center;
|
|
803
793
|
}
|
|
804
794
|
|
|
805
|
-
.intercept-param-list {
|
|
806
|
-
}
|
|
807
795
|
.intercept-param-item {
|
|
808
796
|
display: flex;
|
|
809
797
|
align-items: center;
|
|
810
798
|
}
|
|
811
799
|
|
|
812
|
-
.intercept-body-data {
|
|
813
|
-
}
|
|
814
800
|
.intercept-body-data-item {
|
|
815
801
|
display: flex;
|
|
816
802
|
align-items: center;
|
|
@@ -825,11 +811,4 @@ onMounted(() => {
|
|
|
825
811
|
margin-top: 12px;
|
|
826
812
|
background-color: var(--dev-tool-bg3-color);
|
|
827
813
|
}
|
|
828
|
-
.intercept-config-buttons button {
|
|
829
|
-
width: 100%;
|
|
830
|
-
margin-right: 6px;
|
|
831
|
-
}
|
|
832
|
-
.intercept-config-buttons button:last-child {
|
|
833
|
-
margin: 0;
|
|
834
|
-
}
|
|
835
814
|
</style>
|