@vue/devtools-kit 7.0.0
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/LICENSE +21 -0
- package/README.md +3 -0
- package/dist/index.cjs +4232 -0
- package/dist/index.d.cts +619 -0
- package/dist/index.d.ts +619 -0
- package/dist/index.mjs +4197 -0
- package/package.json +36 -0
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,619 @@
|
|
|
1
|
+
import * as vue from 'vue';
|
|
2
|
+
import { VNode } from 'vue';
|
|
3
|
+
import * as vue_router from 'vue-router';
|
|
4
|
+
import { RouteLocationNormalizedLoaded, RouteRecordNormalized, Router } from 'vue-router';
|
|
5
|
+
export { Router } from 'vue-router';
|
|
6
|
+
import { AppRecord, VueAppInstance, DevToolsState, PluginDescriptor, PluginSetupFunction } from '@vue/devtools-schema';
|
|
7
|
+
import * as _vue_devtools_schema_dist from '@vue/devtools-schema/dist';
|
|
8
|
+
import * as _vue_devtools_schema_src_types_vue from '@vue/devtools-schema/src/types/vue';
|
|
9
|
+
|
|
10
|
+
declare const RouterKey = "__VUE_DEVTOOLS_ROUTER__";
|
|
11
|
+
|
|
12
|
+
interface RouterInfo {
|
|
13
|
+
currentRoute: RouteLocationNormalizedLoaded | null;
|
|
14
|
+
routes: RouteRecordNormalized[];
|
|
15
|
+
router: Router | null;
|
|
16
|
+
}
|
|
17
|
+
declare const devtoolsRouterInfo: RouterInfo;
|
|
18
|
+
declare function normalizeRouterInfo(appRecord: AppRecord): void;
|
|
19
|
+
declare function getRouterDevToolsId(id: string): string;
|
|
20
|
+
|
|
21
|
+
interface VueInspector {
|
|
22
|
+
enabled: boolean;
|
|
23
|
+
position: {
|
|
24
|
+
x: number;
|
|
25
|
+
y: number;
|
|
26
|
+
};
|
|
27
|
+
linkParams: {
|
|
28
|
+
file: string;
|
|
29
|
+
line: number;
|
|
30
|
+
column: number;
|
|
31
|
+
};
|
|
32
|
+
enable: () => void;
|
|
33
|
+
disable: () => void;
|
|
34
|
+
toggleEnabled: () => void;
|
|
35
|
+
openInEditor: (baseUrl: string, file: string, line: number, column: number) => void;
|
|
36
|
+
onUpdated: () => void;
|
|
37
|
+
}
|
|
38
|
+
declare function getVueInspector(): Promise<VueInspector>;
|
|
39
|
+
|
|
40
|
+
interface InspectorCustomState {
|
|
41
|
+
_custom?: {
|
|
42
|
+
type?: string;
|
|
43
|
+
displayText?: string;
|
|
44
|
+
tooltipText?: string;
|
|
45
|
+
value?: string;
|
|
46
|
+
stateTypeName?: string;
|
|
47
|
+
fields?: {
|
|
48
|
+
abstract?: boolean;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
interface InspectorState {
|
|
53
|
+
key: string;
|
|
54
|
+
value: string | number | Record<string, unknown> | InspectorCustomState | Array<unknown>;
|
|
55
|
+
type: string;
|
|
56
|
+
stateType?: string;
|
|
57
|
+
stateTypeName?: string;
|
|
58
|
+
meta?: Record<string, boolean | string>;
|
|
59
|
+
raw?: string;
|
|
60
|
+
editable?: boolean;
|
|
61
|
+
children?: {
|
|
62
|
+
key: string;
|
|
63
|
+
value: string | number;
|
|
64
|
+
type: string;
|
|
65
|
+
}[];
|
|
66
|
+
}
|
|
67
|
+
interface InspectorStateApiPayload {
|
|
68
|
+
app: VueAppInstance;
|
|
69
|
+
inspectorId: string;
|
|
70
|
+
nodeId: string;
|
|
71
|
+
}
|
|
72
|
+
interface AddInspectorApiPayload {
|
|
73
|
+
id: string;
|
|
74
|
+
label: string;
|
|
75
|
+
icon?: string;
|
|
76
|
+
treeFilterPlaceholder?: string;
|
|
77
|
+
actions?: {
|
|
78
|
+
icon: string;
|
|
79
|
+
tooltip: string;
|
|
80
|
+
action: (payload: unknown) => void;
|
|
81
|
+
}[];
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
interface InspectorNodeTag {
|
|
85
|
+
label: string;
|
|
86
|
+
textColor: number;
|
|
87
|
+
backgroundColor: number;
|
|
88
|
+
tooltip?: string;
|
|
89
|
+
}
|
|
90
|
+
interface ComponentTreeNode {
|
|
91
|
+
uid: number | string;
|
|
92
|
+
id: string;
|
|
93
|
+
name: string;
|
|
94
|
+
renderKey: string | number;
|
|
95
|
+
inactive: boolean;
|
|
96
|
+
isFragment: boolean;
|
|
97
|
+
children: ComponentTreeNode[];
|
|
98
|
+
domOrder?: number[];
|
|
99
|
+
tags: InspectorNodeTag[];
|
|
100
|
+
autoOpen: boolean;
|
|
101
|
+
file: string;
|
|
102
|
+
}
|
|
103
|
+
interface InspectorTreeApiPayload {
|
|
104
|
+
app?: VueAppInstance;
|
|
105
|
+
inspectorId?: string;
|
|
106
|
+
filter?: string;
|
|
107
|
+
instanceId?: string;
|
|
108
|
+
rootNodes?: ComponentTreeNode[];
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
type Recordable = Record<PropertyKey, any>;
|
|
112
|
+
|
|
113
|
+
type PropPath = string | string[];
|
|
114
|
+
interface InspectorStateEditorPayload {
|
|
115
|
+
app?: AppRecord['app'];
|
|
116
|
+
inspectorId: string;
|
|
117
|
+
nodeId: string;
|
|
118
|
+
type: string;
|
|
119
|
+
path: PropPath;
|
|
120
|
+
state: {
|
|
121
|
+
value: unknown;
|
|
122
|
+
newKey: string;
|
|
123
|
+
remove?: boolean;
|
|
124
|
+
type: string;
|
|
125
|
+
};
|
|
126
|
+
set?: (obj: Recordable, path: PropPath, value: unknown, cb?: (object: Recordable, field: string, value: unknown) => void) => unknown;
|
|
127
|
+
}
|
|
128
|
+
|
|
129
|
+
interface ComponentBoundingRect {
|
|
130
|
+
left: number;
|
|
131
|
+
top: number;
|
|
132
|
+
right: number;
|
|
133
|
+
bottom: number;
|
|
134
|
+
width: number;
|
|
135
|
+
height: number;
|
|
136
|
+
}
|
|
137
|
+
interface ComponentBoundingRectApiPayload {
|
|
138
|
+
app?: VueAppInstance;
|
|
139
|
+
inspectorId?: string;
|
|
140
|
+
instanceId?: string;
|
|
141
|
+
rect?: ComponentBoundingRect;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
interface TimelineEventData {
|
|
145
|
+
data: Record<string, InspectorCustomState>;
|
|
146
|
+
}
|
|
147
|
+
interface TimelineEvent {
|
|
148
|
+
event: {
|
|
149
|
+
groupId: number;
|
|
150
|
+
time: number;
|
|
151
|
+
title: string;
|
|
152
|
+
subtitle: string;
|
|
153
|
+
data: TimelineEventData;
|
|
154
|
+
};
|
|
155
|
+
layerId: string;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
interface OpenInEditorOptions {
|
|
159
|
+
file?: string;
|
|
160
|
+
line?: number;
|
|
161
|
+
column?: number;
|
|
162
|
+
}
|
|
163
|
+
declare function openInEditor(options?: OpenInEditorOptions): void;
|
|
164
|
+
|
|
165
|
+
type TabCategory = 'pinned' | 'app' | 'modules' | 'advanced';
|
|
166
|
+
type ModuleView = ModuleIframeView | ModuleVNodeView;
|
|
167
|
+
interface ModuleIframeView {
|
|
168
|
+
/**
|
|
169
|
+
* Iframe view
|
|
170
|
+
*/
|
|
171
|
+
type: 'iframe';
|
|
172
|
+
/**
|
|
173
|
+
* Url of the iframe
|
|
174
|
+
*/
|
|
175
|
+
src: string;
|
|
176
|
+
/**
|
|
177
|
+
* Persist the iframe instance even if the tab is not active
|
|
178
|
+
*
|
|
179
|
+
* @default true
|
|
180
|
+
*/
|
|
181
|
+
persistent?: boolean;
|
|
182
|
+
}
|
|
183
|
+
interface ModuleVNodeView {
|
|
184
|
+
/**
|
|
185
|
+
* Vue's VNode view
|
|
186
|
+
*/
|
|
187
|
+
type: 'vnode';
|
|
188
|
+
/**
|
|
189
|
+
* Send vnode to the client, they must be static and serializable
|
|
190
|
+
*/
|
|
191
|
+
vnode: VNode;
|
|
192
|
+
}
|
|
193
|
+
interface CustomTab {
|
|
194
|
+
/**
|
|
195
|
+
* The name of the tab, must be unique
|
|
196
|
+
*/
|
|
197
|
+
name: string;
|
|
198
|
+
/**
|
|
199
|
+
* Icon of the tab, support any Iconify icons, or a url to an image
|
|
200
|
+
*/
|
|
201
|
+
icon?: string;
|
|
202
|
+
/**
|
|
203
|
+
* Title of the tab
|
|
204
|
+
*/
|
|
205
|
+
title: string;
|
|
206
|
+
/**
|
|
207
|
+
* Main view of the tab
|
|
208
|
+
*/
|
|
209
|
+
view: ModuleView;
|
|
210
|
+
/**
|
|
211
|
+
* Category of the tab
|
|
212
|
+
* @default 'app'
|
|
213
|
+
*/
|
|
214
|
+
category?: TabCategory;
|
|
215
|
+
}
|
|
216
|
+
|
|
217
|
+
interface CustomCommandAction {
|
|
218
|
+
type: 'url';
|
|
219
|
+
/**
|
|
220
|
+
* Url of the action, if set, execute the action will open the url
|
|
221
|
+
*/
|
|
222
|
+
src: string;
|
|
223
|
+
}
|
|
224
|
+
interface CustomCommand {
|
|
225
|
+
/**
|
|
226
|
+
* The id of the command, should be unique
|
|
227
|
+
*/
|
|
228
|
+
id: string;
|
|
229
|
+
title: string;
|
|
230
|
+
description?: string;
|
|
231
|
+
/**
|
|
232
|
+
* Order of the command, bigger number will be shown first
|
|
233
|
+
* @default 0
|
|
234
|
+
*/
|
|
235
|
+
order?: number;
|
|
236
|
+
/**
|
|
237
|
+
* Icon of the tab, support any Iconify icons, or a url to an image
|
|
238
|
+
*/
|
|
239
|
+
icon?: string;
|
|
240
|
+
/**
|
|
241
|
+
* - action of the command
|
|
242
|
+
* - __NOTE__: This will be ignored if `children` is set
|
|
243
|
+
*/
|
|
244
|
+
action?: CustomCommandAction;
|
|
245
|
+
/**
|
|
246
|
+
* - children of action, if set, execute the action will show the children
|
|
247
|
+
*/
|
|
248
|
+
children?: Omit<CustomCommand, 'children'>[];
|
|
249
|
+
}
|
|
250
|
+
declare function addCustomCommand(action: CustomCommand): void;
|
|
251
|
+
declare function removeCustomCommand(actionId: CustomCommand['id']): void;
|
|
252
|
+
|
|
253
|
+
declare function clear(): void;
|
|
254
|
+
|
|
255
|
+
interface ToggleComponentInspectorOptions {
|
|
256
|
+
bounds: ComponentBoundingRect;
|
|
257
|
+
name?: string;
|
|
258
|
+
id?: string;
|
|
259
|
+
visible?: boolean;
|
|
260
|
+
}
|
|
261
|
+
interface ScrollToComponentOptions {
|
|
262
|
+
id?: string;
|
|
263
|
+
}
|
|
264
|
+
|
|
265
|
+
declare enum DevToolsEvents {
|
|
266
|
+
DEVTOOLS_STATE_UPDATED = "devtools:state-updated",
|
|
267
|
+
DEVTOOLS_CONNECTED_UPDATED = "devtools:connected-updated",
|
|
268
|
+
ROUTER_INFO_UPDATED = "router-info:updated",
|
|
269
|
+
COMPONENT_STATE_INSPECT = "component-state:inspect",
|
|
270
|
+
TOGGLE_COMPONENT_INSPECTOR = "component-inspector:toggle",
|
|
271
|
+
GET_COMPONENT_BOUNDING_RECT = "component-bounding-rect:get",
|
|
272
|
+
SCROLL_TO_COMPONENT = "scroll-to-component",
|
|
273
|
+
GET_INSPECTOR_TREE = "inspector-tree:get",
|
|
274
|
+
SEND_INSPECTOR_TREE = "inspector-tree:send",
|
|
275
|
+
GET_INSPECTOR_STATE = "inspector-state:get",
|
|
276
|
+
EDIT_INSPECTOR_STATE = "inspector-state:edit",
|
|
277
|
+
SEND_INSPECTOR_STATE = "inspector-state:send",
|
|
278
|
+
VISIT_COMPONENT_TREE = "component-tree:visit",
|
|
279
|
+
ADD_TIMELINE_EVENT = "timeline:add-event",
|
|
280
|
+
CUSTOM_TABS_UPDATED = "custom-tabs:updated",
|
|
281
|
+
CUSTOM_COMMANDS_UPDATED = "custom-commands:updated"
|
|
282
|
+
}
|
|
283
|
+
interface DevToolsEvent {
|
|
284
|
+
[DevToolsEvents.DEVTOOLS_STATE_UPDATED]: (state: DevToolsState, oldState: DevToolsState) => void;
|
|
285
|
+
[DevToolsEvents.DEVTOOLS_CONNECTED_UPDATED]: (state: DevToolsState, oldState: DevToolsState) => void;
|
|
286
|
+
[DevToolsEvents.ROUTER_INFO_UPDATED]: (routerInfo: RouterInfo) => void;
|
|
287
|
+
[DevToolsEvents.COMPONENT_STATE_INSPECT]: (payload: {
|
|
288
|
+
componentInstance: VueAppInstance | undefined;
|
|
289
|
+
app: VueAppInstance | undefined;
|
|
290
|
+
instanceData: {
|
|
291
|
+
id: string;
|
|
292
|
+
name: string;
|
|
293
|
+
file: string | undefined;
|
|
294
|
+
state: InspectorState[];
|
|
295
|
+
instance: VueAppInstance | undefined;
|
|
296
|
+
};
|
|
297
|
+
}) => void;
|
|
298
|
+
[DevToolsEvents.TOGGLE_COMPONENT_INSPECTOR]: (payload: ToggleComponentInspectorOptions) => void;
|
|
299
|
+
[DevToolsEvents.GET_COMPONENT_BOUNDING_RECT]: (payload: ComponentBoundingRectApiPayload) => void;
|
|
300
|
+
[DevToolsEvents.SCROLL_TO_COMPONENT]: (payload: ScrollToComponentOptions) => void;
|
|
301
|
+
[DevToolsEvents.GET_INSPECTOR_TREE]: (payload: InspectorTreeApiPayload) => void;
|
|
302
|
+
[DevToolsEvents.SEND_INSPECTOR_TREE]: (payload: string) => void;
|
|
303
|
+
[DevToolsEvents.GET_INSPECTOR_STATE]: (payload: InspectorStateApiPayload) => void;
|
|
304
|
+
[DevToolsEvents.EDIT_INSPECTOR_STATE]: (payload: InspectorStateEditorPayload) => void;
|
|
305
|
+
[DevToolsEvents.SEND_INSPECTOR_STATE]: (payload: string) => void;
|
|
306
|
+
[DevToolsEvents.VISIT_COMPONENT_TREE]: (payload: {
|
|
307
|
+
componentInstance: VueAppInstance | undefined;
|
|
308
|
+
app: VueAppInstance | undefined;
|
|
309
|
+
treeNode: ComponentTreeNode;
|
|
310
|
+
filter: string;
|
|
311
|
+
}) => void;
|
|
312
|
+
[DevToolsEvents.ADD_TIMELINE_EVENT]: (payload: TimelineEvent) => void;
|
|
313
|
+
[DevToolsEvents.CUSTOM_TABS_UPDATED]: (payload: CustomTab[]) => void;
|
|
314
|
+
[DevToolsEvents.CUSTOM_COMMANDS_UPDATED]: (payload: CustomCommand[]) => void;
|
|
315
|
+
}
|
|
316
|
+
declare const on: {
|
|
317
|
+
devtoolsStateUpdated(fn: DevToolsEvent[DevToolsEvents.DEVTOOLS_STATE_UPDATED]): void;
|
|
318
|
+
routerInfoUpdated(fn: DevToolsEvent[DevToolsEvents.ROUTER_INFO_UPDATED]): void;
|
|
319
|
+
getComponentBoundingRect(fn: DevToolsEvent[DevToolsEvents.GET_COMPONENT_BOUNDING_RECT]): void;
|
|
320
|
+
inspectComponent(fn: DevToolsEvent[DevToolsEvents.COMPONENT_STATE_INSPECT]): void;
|
|
321
|
+
visitComponentTree(fn: DevToolsEvent[DevToolsEvents.VISIT_COMPONENT_TREE]): void;
|
|
322
|
+
getInspectorTree(fn: DevToolsEvent[DevToolsEvents.GET_INSPECTOR_TREE]): void;
|
|
323
|
+
getInspectorState(fn: DevToolsEvent[DevToolsEvents.GET_INSPECTOR_STATE]): void;
|
|
324
|
+
sendInspectorTree(fn: DevToolsEvent[DevToolsEvents.SEND_INSPECTOR_TREE]): void;
|
|
325
|
+
sendInspectorState(fn: DevToolsEvent[DevToolsEvents.SEND_INSPECTOR_STATE]): void;
|
|
326
|
+
addTimelineEvent(fn: DevToolsEvent[DevToolsEvents.ADD_TIMELINE_EVENT]): void;
|
|
327
|
+
editInspectorState(fn: DevToolsEvent[DevToolsEvents.EDIT_INSPECTOR_STATE]): void;
|
|
328
|
+
editComponentState(): void;
|
|
329
|
+
customTabsUpdated(fn: DevToolsEvent[DevToolsEvents.CUSTOM_TABS_UPDATED]): void;
|
|
330
|
+
customCommandsUpdated(fn: DevToolsEvent[DevToolsEvents.CUSTOM_COMMANDS_UPDATED]): void;
|
|
331
|
+
};
|
|
332
|
+
|
|
333
|
+
declare function setupDevToolsPlugin(pluginDescriptor: PluginDescriptor, setupFn: PluginSetupFunction): Promise<any>;
|
|
334
|
+
|
|
335
|
+
declare class DevToolsPluginApi {
|
|
336
|
+
on: typeof on;
|
|
337
|
+
clear: typeof clear;
|
|
338
|
+
constructor();
|
|
339
|
+
toggleApp(id: string): Promise<void>;
|
|
340
|
+
addTimelineEvent(payload: TimelineEvent): void;
|
|
341
|
+
toggleComponentInspector(payload: Parameters<DevToolsEvent[DevToolsEvents.TOGGLE_COMPONENT_INSPECTOR]>[0]): void;
|
|
342
|
+
inspectComponentInspector(): Promise<string>;
|
|
343
|
+
scrollToComponent(payload: Parameters<DevToolsEvent[DevToolsEvents.SCROLL_TO_COMPONENT]>[0]): void;
|
|
344
|
+
getComponentBoundingRect(payload: Parameters<DevToolsEvent[DevToolsEvents.GET_COMPONENT_BOUNDING_RECT]>[0]): string;
|
|
345
|
+
getInspectorTree(payload?: Parameters<DevToolsEvent[DevToolsEvents.GET_INSPECTOR_TREE]>[0]): Promise<string>;
|
|
346
|
+
getInspectorState(payload?: {
|
|
347
|
+
inspectorId?: string;
|
|
348
|
+
nodeId?: string;
|
|
349
|
+
}): string;
|
|
350
|
+
editInspectorState(payload: InspectorStateEditorPayload): Promise<void>;
|
|
351
|
+
sendInspectorTree(inspectorId: string): Promise<void>;
|
|
352
|
+
sendInspectorState(inspectorId: string): Promise<void>;
|
|
353
|
+
addCustomTab(tab: CustomTab): void;
|
|
354
|
+
addCustomCommand(action: CustomCommand): void;
|
|
355
|
+
removeCustomCommand(actionId: CustomCommand['id']): void;
|
|
356
|
+
addInspector(payload: AddInspectorApiPayload): void;
|
|
357
|
+
openInEditor(payload: OpenInEditorOptions): void;
|
|
358
|
+
getVueInspector(): Promise<VueInspector>;
|
|
359
|
+
visitComponentTree(payload: Parameters<DevToolsEvent[DevToolsEvents.VISIT_COMPONENT_TREE]>[0]): void;
|
|
360
|
+
addTimelineLayer(payload: {
|
|
361
|
+
id: string;
|
|
362
|
+
label: string;
|
|
363
|
+
color: number;
|
|
364
|
+
}): void;
|
|
365
|
+
notifyComponentUpdate(): void;
|
|
366
|
+
now(): number;
|
|
367
|
+
getSettings(): {
|
|
368
|
+
logStoreChanges: null;
|
|
369
|
+
};
|
|
370
|
+
}
|
|
371
|
+
|
|
372
|
+
declare function initDevTools(): void;
|
|
373
|
+
declare function onDevToolsConnected(fn: () => void): Promise<void>;
|
|
374
|
+
declare function onDevToolsClientConnected(fn: () => void): Promise<void>;
|
|
375
|
+
|
|
376
|
+
declare function addCustomTab(tab: CustomTab): void;
|
|
377
|
+
|
|
378
|
+
declare function getInspectorStateValueType(value: any, raw?: boolean): string;
|
|
379
|
+
declare function formatInspectorStateValue(value: any, quotes?: boolean): any;
|
|
380
|
+
|
|
381
|
+
declare function stringify<T extends object = Record<string, unknown>>(data: T): string | string[];
|
|
382
|
+
declare function parse(data: string, revive?: boolean): any;
|
|
383
|
+
|
|
384
|
+
declare function now(): number;
|
|
385
|
+
|
|
386
|
+
declare const vueBuiltins: string[];
|
|
387
|
+
declare const symbolRE: RegExp;
|
|
388
|
+
declare const rawTypeRE: RegExp;
|
|
389
|
+
declare const specialTypeRE: RegExp;
|
|
390
|
+
declare const fnTypeRE: RegExp;
|
|
391
|
+
declare const MAX_STRING_SIZE = 10000;
|
|
392
|
+
declare const MAX_ARRAY_SIZE = 5000;
|
|
393
|
+
declare const UNDEFINED = "__vue_devtool_undefined__";
|
|
394
|
+
declare const INFINITY = "__vue_devtool_infinity__";
|
|
395
|
+
declare const NEGATIVE_INFINITY = "__vue_devtool_negative_infinity__";
|
|
396
|
+
declare const NAN = "__vue_devtool_nan__";
|
|
397
|
+
declare const ESC: {
|
|
398
|
+
'<': string;
|
|
399
|
+
'>': string;
|
|
400
|
+
'"': string;
|
|
401
|
+
'&': string;
|
|
402
|
+
};
|
|
403
|
+
|
|
404
|
+
declare const devtools: {
|
|
405
|
+
state: _vue_devtools_schema_src_types_vue.DevToolsState;
|
|
406
|
+
context: {
|
|
407
|
+
appRecord: _vue_devtools_schema_dist.AppRecord;
|
|
408
|
+
api: DevToolsPluginApi;
|
|
409
|
+
inspector: {
|
|
410
|
+
id: string;
|
|
411
|
+
nodeId: string;
|
|
412
|
+
filter: string;
|
|
413
|
+
treeFilterPlaceholder: string;
|
|
414
|
+
}[];
|
|
415
|
+
timelineLayer: {
|
|
416
|
+
id: string;
|
|
417
|
+
label: string;
|
|
418
|
+
color: number;
|
|
419
|
+
}[];
|
|
420
|
+
routerInfo: RouterInfo;
|
|
421
|
+
router: vue_router.Router;
|
|
422
|
+
activeInspectorTreeId: string;
|
|
423
|
+
componentPluginHookBuffer: (() => void)[];
|
|
424
|
+
clear: () => void;
|
|
425
|
+
};
|
|
426
|
+
init: typeof initDevTools;
|
|
427
|
+
hook: {
|
|
428
|
+
on: {
|
|
429
|
+
vueAppInit(fn: (app: vue.App<any> & vue.ComponentInternalInstance & {
|
|
430
|
+
type: {
|
|
431
|
+
_componentTag: string | undefined;
|
|
432
|
+
components: Record<string, vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>>;
|
|
433
|
+
__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
|
|
434
|
+
__isKeepAlive: boolean;
|
|
435
|
+
devtools: {
|
|
436
|
+
hide: boolean;
|
|
437
|
+
};
|
|
438
|
+
mixins: vue.ComponentOptions[];
|
|
439
|
+
extends: vue.ComponentOptions;
|
|
440
|
+
vuex: {
|
|
441
|
+
getters: Record<string, unknown>;
|
|
442
|
+
};
|
|
443
|
+
computed: Record<string, unknown>;
|
|
444
|
+
};
|
|
445
|
+
__v_cache: Map<string | number | symbol | vue.ConcreteComponent, globalThis.VNode<vue.RendererNode, vue.RendererElement, {
|
|
446
|
+
[key: string]: any;
|
|
447
|
+
}>>;
|
|
448
|
+
__VUE_DEVTOOLS_UID__: string;
|
|
449
|
+
_isBeingDestroyed: boolean;
|
|
450
|
+
_instance: _vue_devtools_schema_dist.VueAppInstance;
|
|
451
|
+
_container: {
|
|
452
|
+
_vnode: {
|
|
453
|
+
component: _vue_devtools_schema_dist.VueAppInstance;
|
|
454
|
+
};
|
|
455
|
+
};
|
|
456
|
+
isUnmounted: boolean;
|
|
457
|
+
parent: _vue_devtools_schema_dist.VueAppInstance;
|
|
458
|
+
appContext: {
|
|
459
|
+
app: vue.ComponentInternalInstance & any & vue.App<any> & {
|
|
460
|
+
__VUE_DEVTOOLS_APP_RECORD_ID__: string;
|
|
461
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
462
|
+
};
|
|
463
|
+
};
|
|
464
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
465
|
+
suspense: vue.SuspenseBoundary & {
|
|
466
|
+
suspenseKey: string;
|
|
467
|
+
};
|
|
468
|
+
renderContext: Record<string, unknown>;
|
|
469
|
+
devtoolsRawSetupState: Record<string, unknown>;
|
|
470
|
+
setupState: Record<string, unknown>;
|
|
471
|
+
provides: Record<string | symbol, unknown>;
|
|
472
|
+
ctx: Record<string, unknown>;
|
|
473
|
+
} & {
|
|
474
|
+
__VUE_DEVTOOLS_APP_RECORD_ID__: string;
|
|
475
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
476
|
+
}, version: string) => void): void;
|
|
477
|
+
vueAppConnected(fn: () => void): void;
|
|
478
|
+
componentAdded(fn: (app: vue.App<any> & vue.ComponentInternalInstance & {
|
|
479
|
+
type: {
|
|
480
|
+
_componentTag: string | undefined;
|
|
481
|
+
components: Record<string, vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>>;
|
|
482
|
+
__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
|
|
483
|
+
__isKeepAlive: boolean;
|
|
484
|
+
devtools: {
|
|
485
|
+
hide: boolean;
|
|
486
|
+
};
|
|
487
|
+
mixins: vue.ComponentOptions[];
|
|
488
|
+
extends: vue.ComponentOptions;
|
|
489
|
+
vuex: {
|
|
490
|
+
getters: Record<string, unknown>;
|
|
491
|
+
};
|
|
492
|
+
computed: Record<string, unknown>;
|
|
493
|
+
};
|
|
494
|
+
__v_cache: Map<string | number | symbol | vue.ConcreteComponent, globalThis.VNode<vue.RendererNode, vue.RendererElement, {
|
|
495
|
+
[key: string]: any;
|
|
496
|
+
}>>;
|
|
497
|
+
__VUE_DEVTOOLS_UID__: string;
|
|
498
|
+
_isBeingDestroyed: boolean;
|
|
499
|
+
_instance: _vue_devtools_schema_dist.VueAppInstance;
|
|
500
|
+
_container: {
|
|
501
|
+
_vnode: {
|
|
502
|
+
component: _vue_devtools_schema_dist.VueAppInstance;
|
|
503
|
+
};
|
|
504
|
+
};
|
|
505
|
+
isUnmounted: boolean;
|
|
506
|
+
parent: _vue_devtools_schema_dist.VueAppInstance;
|
|
507
|
+
appContext: {
|
|
508
|
+
app: vue.ComponentInternalInstance & any & vue.App<any> & {
|
|
509
|
+
__VUE_DEVTOOLS_APP_RECORD_ID__: string;
|
|
510
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
511
|
+
};
|
|
512
|
+
};
|
|
513
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
514
|
+
suspense: vue.SuspenseBoundary & {
|
|
515
|
+
suspenseKey: string;
|
|
516
|
+
};
|
|
517
|
+
renderContext: Record<string, unknown>;
|
|
518
|
+
devtoolsRawSetupState: Record<string, unknown>;
|
|
519
|
+
setupState: Record<string, unknown>;
|
|
520
|
+
provides: Record<string | symbol, unknown>;
|
|
521
|
+
ctx: Record<string, unknown>;
|
|
522
|
+
}, uid: number, parentUid: number, component: _vue_devtools_schema_dist.VueAppInstance) => void): () => void;
|
|
523
|
+
componentUpdated(fn: (app: vue.App<any> & vue.ComponentInternalInstance & {
|
|
524
|
+
type: {
|
|
525
|
+
_componentTag: string | undefined;
|
|
526
|
+
components: Record<string, vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>>;
|
|
527
|
+
__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
|
|
528
|
+
__isKeepAlive: boolean;
|
|
529
|
+
devtools: {
|
|
530
|
+
hide: boolean;
|
|
531
|
+
};
|
|
532
|
+
mixins: vue.ComponentOptions[];
|
|
533
|
+
extends: vue.ComponentOptions;
|
|
534
|
+
vuex: {
|
|
535
|
+
getters: Record<string, unknown>;
|
|
536
|
+
};
|
|
537
|
+
computed: Record<string, unknown>;
|
|
538
|
+
};
|
|
539
|
+
__v_cache: Map<string | number | symbol | vue.ConcreteComponent, globalThis.VNode<vue.RendererNode, vue.RendererElement, {
|
|
540
|
+
[key: string]: any;
|
|
541
|
+
}>>;
|
|
542
|
+
__VUE_DEVTOOLS_UID__: string;
|
|
543
|
+
_isBeingDestroyed: boolean;
|
|
544
|
+
_instance: _vue_devtools_schema_dist.VueAppInstance;
|
|
545
|
+
_container: {
|
|
546
|
+
_vnode: {
|
|
547
|
+
component: _vue_devtools_schema_dist.VueAppInstance;
|
|
548
|
+
};
|
|
549
|
+
};
|
|
550
|
+
isUnmounted: boolean;
|
|
551
|
+
parent: _vue_devtools_schema_dist.VueAppInstance;
|
|
552
|
+
appContext: {
|
|
553
|
+
app: vue.ComponentInternalInstance & any & vue.App<any> & {
|
|
554
|
+
__VUE_DEVTOOLS_APP_RECORD_ID__: string;
|
|
555
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
556
|
+
};
|
|
557
|
+
};
|
|
558
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
559
|
+
suspense: vue.SuspenseBoundary & {
|
|
560
|
+
suspenseKey: string;
|
|
561
|
+
};
|
|
562
|
+
renderContext: Record<string, unknown>;
|
|
563
|
+
devtoolsRawSetupState: Record<string, unknown>;
|
|
564
|
+
setupState: Record<string, unknown>;
|
|
565
|
+
provides: Record<string | symbol, unknown>;
|
|
566
|
+
ctx: Record<string, unknown>;
|
|
567
|
+
}, uid: number, parentUid: number, component: _vue_devtools_schema_dist.VueAppInstance) => void): () => void;
|
|
568
|
+
componentRemoved(fn: (app: vue.App<any> & vue.ComponentInternalInstance & {
|
|
569
|
+
type: {
|
|
570
|
+
_componentTag: string | undefined;
|
|
571
|
+
components: Record<string, vue.ConcreteComponent<{}, any, any, vue.ComputedOptions, vue.MethodOptions, {}, any>>;
|
|
572
|
+
__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__: string;
|
|
573
|
+
__isKeepAlive: boolean;
|
|
574
|
+
devtools: {
|
|
575
|
+
hide: boolean;
|
|
576
|
+
};
|
|
577
|
+
mixins: vue.ComponentOptions[];
|
|
578
|
+
extends: vue.ComponentOptions;
|
|
579
|
+
vuex: {
|
|
580
|
+
getters: Record<string, unknown>;
|
|
581
|
+
};
|
|
582
|
+
computed: Record<string, unknown>;
|
|
583
|
+
};
|
|
584
|
+
__v_cache: Map<string | number | symbol | vue.ConcreteComponent, globalThis.VNode<vue.RendererNode, vue.RendererElement, {
|
|
585
|
+
[key: string]: any;
|
|
586
|
+
}>>;
|
|
587
|
+
__VUE_DEVTOOLS_UID__: string;
|
|
588
|
+
_isBeingDestroyed: boolean;
|
|
589
|
+
_instance: _vue_devtools_schema_dist.VueAppInstance;
|
|
590
|
+
_container: {
|
|
591
|
+
_vnode: {
|
|
592
|
+
component: _vue_devtools_schema_dist.VueAppInstance;
|
|
593
|
+
};
|
|
594
|
+
};
|
|
595
|
+
isUnmounted: boolean;
|
|
596
|
+
parent: _vue_devtools_schema_dist.VueAppInstance;
|
|
597
|
+
appContext: {
|
|
598
|
+
app: vue.ComponentInternalInstance & any & vue.App<any> & {
|
|
599
|
+
__VUE_DEVTOOLS_APP_RECORD_ID__: string;
|
|
600
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
601
|
+
};
|
|
602
|
+
};
|
|
603
|
+
__VUE_DEVTOOLS_APP_RECORD__: _vue_devtools_schema_dist.AppRecord;
|
|
604
|
+
suspense: vue.SuspenseBoundary & {
|
|
605
|
+
suspenseKey: string;
|
|
606
|
+
};
|
|
607
|
+
renderContext: Record<string, unknown>;
|
|
608
|
+
devtoolsRawSetupState: Record<string, unknown>;
|
|
609
|
+
setupState: Record<string, unknown>;
|
|
610
|
+
provides: Record<string | symbol, unknown>;
|
|
611
|
+
ctx: Record<string, unknown>;
|
|
612
|
+
}, uid: number, parentUid: number, component: _vue_devtools_schema_dist.VueAppInstance) => void): () => void;
|
|
613
|
+
setupDevtoolsPlugin(fn: (pluginDescriptor: _vue_devtools_schema_dist.PluginDescriptor, setupFn: _vue_devtools_schema_dist.PluginSetupFunction) => void): void;
|
|
614
|
+
};
|
|
615
|
+
};
|
|
616
|
+
readonly api: DevToolsPluginApi;
|
|
617
|
+
};
|
|
618
|
+
|
|
619
|
+
export { type AddInspectorApiPayload, type ComponentBoundingRect, type ComponentBoundingRectApiPayload, type ComponentTreeNode, type CustomCommand, type CustomCommandAction, type CustomTab, ESC, INFINITY, type InspectorCustomState, type InspectorNodeTag, type InspectorState, type InspectorStateApiPayload, type InspectorStateEditorPayload, type InspectorTreeApiPayload, MAX_ARRAY_SIZE, MAX_STRING_SIZE, type ModuleIframeView, type ModuleVNodeView, type ModuleView, NAN, NEGATIVE_INFINITY, type OpenInEditorOptions, type PropPath, type RouterInfo, RouterKey, type ScrollToComponentOptions, type TimelineEvent, type TimelineEventData, type ToggleComponentInspectorOptions, UNDEFINED, type VueInspector, addCustomCommand, addCustomTab, devtools, devtoolsRouterInfo, fnTypeRE, formatInspectorStateValue, getInspectorStateValueType, getRouterDevToolsId, getVueInspector, normalizeRouterInfo, now, onDevToolsClientConnected, onDevToolsConnected, openInEditor, parse, rawTypeRE, removeCustomCommand, setupDevToolsPlugin, specialTypeRE, stringify, symbolRE, vueBuiltins };
|