vite-uni-dev-tool 1.1.0 → 1.2.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/README.md +8 -0
- package/dist/const.cjs +1 -1
- package/dist/const.d.ts +1 -0
- package/dist/const.d.ts.map +1 -1
- package/dist/const.js +1 -1
- package/dist/core.d.ts.map +1 -1
- package/dist/core.js +2 -2
- package/dist/i18n/locales/en.cjs +1 -1
- package/dist/i18n/locales/en.d.ts +5 -0
- package/dist/i18n/locales/en.d.ts.map +1 -1
- package/dist/i18n/locales/en.js +1 -1
- package/dist/i18n/locales/zh-Hans.cjs +1 -1
- package/dist/i18n/locales/zh-Hans.d.ts +5 -0
- package/dist/i18n/locales/zh-Hans.d.ts.map +1 -1
- package/dist/i18n/locales/zh-Hans.js +1 -1
- package/dist/modules/devIntercept/index.cjs +9 -9
- package/dist/modules/devIntercept/index.d.ts +1 -1
- package/dist/modules/devIntercept/index.d.ts.map +1 -1
- package/dist/modules/devIntercept/index.js +9 -9
- package/dist/modules/devStore/index.cjs +1 -1
- package/dist/modules/devStore/index.d.ts.map +1 -1
- package/dist/modules/devStore/index.js +1 -1
- package/dist/plugins/uniDevTool/transform/transformMain.cjs +3 -3
- package/dist/plugins/uniDevTool/transform/transformMain.d.ts +2 -1
- package/dist/plugins/uniDevTool/transform/transformMain.d.ts.map +1 -1
- package/dist/plugins/uniDevTool/transform/transformMain.js +3 -3
- package/dist/plugins/uniDevTool/transform/transformVue.cjs +31 -25
- package/dist/plugins/uniDevTool/transform/transformVue.d.ts +2 -1
- package/dist/plugins/uniDevTool/transform/transformVue.d.ts.map +1 -1
- package/dist/plugins/uniDevTool/transform/transformVue.js +30 -24
- package/dist/plugins/uniDevTool/uniDevTool.cjs +3 -3
- package/dist/plugins/uniDevTool/uniDevTool.d.ts +3 -1
- package/dist/plugins/uniDevTool/uniDevTool.d.ts.map +1 -1
- package/dist/plugins/uniDevTool/uniDevTool.js +3 -3
- package/dist/type.d.ts +3 -0
- package/dist/type.d.ts.map +1 -1
- package/dist/v3/DevTool/components/BluetoothList/BluetoothItem.vue +199 -199
- package/dist/v3/DevTool/components/BluetoothList/BluetoothTool.vue +730 -730
- package/dist/v3/DevTool/components/BluetoothList/index.vue +167 -167
- package/dist/v3/DevTool/components/CaptureScreen/index.vue +109 -109
- package/dist/v3/DevTool/components/ConsoleList/ConsoleItem.vue +230 -225
- package/dist/v3/DevTool/components/ConsoleList/RunJSInput.vue +247 -247
- package/dist/v3/DevTool/components/ConsoleList/index.vue +171 -171
- package/dist/v3/DevTool/components/ConsoleList/staticTips.ts +1145 -1145
- package/dist/v3/DevTool/components/DevToolTitle/index.vue +24 -24
- package/dist/v3/DevTool/components/DevToolWindow/DevToolOverlay.vue +197 -197
- package/dist/v3/DevTool/components/DevToolWindow/hooks/dataUtils.ts +48 -48
- package/dist/v3/DevTool/components/DevToolWindow/hooks/useDevToolData.ts +387 -387
- package/dist/v3/DevTool/components/DevToolWindow/hooks/useDevToolHandlers.ts +629 -629
- package/dist/v3/DevTool/components/DevToolWindow/hooks/useDevToolOverlay.ts +201 -197
- package/dist/v3/DevTool/components/ElEvent/ElEventItem.vue +105 -105
- package/dist/v3/DevTool/components/ElEvent/index.vue +106 -106
- package/dist/v3/DevTool/components/Instance/components/InstanceTreeNode.vue +265 -265
- package/dist/v3/DevTool/components/Instance/flatten.ts +226 -226
- package/dist/v3/DevTool/components/Instance/index.vue +94 -94
- package/dist/v3/DevTool/components/Instance/registry.ts +49 -49
- package/dist/v3/DevTool/components/Instance/transformTree.ts +375 -375
- package/dist/v3/DevTool/components/Instance/transformTreeCtx.ts +268 -268
- package/dist/v3/DevTool/components/Instance/typing.d.ts +43 -43
- package/dist/v3/DevTool/components/InstanceDetail/index.vue +485 -485
- package/dist/v3/DevTool/components/JsonDetail/index.vue +70 -70
- package/dist/v3/DevTool/components/NFCList/NFCItem.vue +112 -112
- package/dist/v3/DevTool/components/NFCList/NFCTool.vue +454 -454
- package/dist/v3/DevTool/components/NFCList/const.ts +56 -56
- package/dist/v3/DevTool/components/NFCList/index.vue +94 -94
- package/dist/v3/DevTool/components/NetworkList/InterceptConfig.vue +624 -624
- package/dist/v3/DevTool/components/NetworkList/InterceptItem.vue +140 -140
- package/dist/v3/DevTool/components/NetworkList/NetworkDetail.vue +287 -287
- package/dist/v3/DevTool/components/NetworkList/NetworkIntercept.vue +88 -88
- package/dist/v3/DevTool/components/NetworkList/NetworkItem.vue +163 -163
- package/dist/v3/DevTool/components/NetworkList/NetworkSend.vue +589 -589
- package/dist/v3/DevTool/components/NetworkList/const.ts +4 -4
- package/dist/v3/DevTool/components/NetworkList/hooks/useNetworkForm.ts +86 -86
- package/dist/v3/DevTool/components/NetworkList/index.vue +160 -160
- package/dist/v3/DevTool/components/NetworkList/utils.ts +101 -101
- package/dist/v3/DevTool/components/Performance/index.vue +498 -498
- package/dist/v3/DevTool/components/Performance/modules/PerformanceMetrics.vue +153 -153
- package/dist/v3/DevTool/components/Performance/modules/usePerformanceChart.ts +460 -460
- package/dist/v3/DevTool/components/Performance/modules/usePerformanceData.ts +258 -258
- package/dist/v3/DevTool/components/PiniaList/index.vue +93 -93
- package/dist/v3/DevTool/components/RunJS/index.vue +148 -148
- package/dist/v3/DevTool/components/ScanCodeList/ScanCodeItem.vue +97 -97
- package/dist/v3/DevTool/components/ScanCodeList/index.vue +100 -100
- package/dist/v3/DevTool/components/SettingButton/index.vue +45 -45
- package/dist/v3/DevTool/components/SettingList/index.vue +218 -218
- package/dist/v3/DevTool/components/SettingList/modules/SettingBarrage.vue +304 -304
- package/dist/v3/DevTool/components/SettingList/modules/SettingDevTool.vue +212 -212
- package/dist/v3/DevTool/components/SettingList/modules/SettingInfo.vue +157 -157
- package/dist/v3/DevTool/components/SettingList/modules/SettingLanguage.vue +74 -74
- package/dist/v3/DevTool/components/SettingList/modules/SettingLog.vue +230 -230
- package/dist/v3/DevTool/components/SettingList/typing.d.ts +2 -2
- package/dist/v3/DevTool/components/SourceCode/Line.vue +127 -127
- package/dist/v3/DevTool/components/SourceCode/parseCode.ts +609 -609
- package/dist/v3/DevTool/components/StorageList/index.vue +174 -174
- package/dist/v3/DevTool/components/TransferList/TransferDetail.vue +268 -268
- package/dist/v3/DevTool/components/VuexList/index.vue +84 -84
- package/dist/v3/DevTool/index.vue +1 -0
- package/dist/v3/components/AppTransition/index.vue +176 -176
- package/dist/v3/components/AutoSizer/index.vue +192 -192
- package/dist/v3/components/AutoSizer/index1.vue +184 -184
- package/dist/v3/components/AutoSizer/utils.ts +49 -49
- package/dist/v3/components/Barrage/BarrageItem.vue +137 -137
- package/dist/v3/components/Barrage/index.vue +202 -202
- package/dist/v3/components/CircularButton/index.vue +84 -84
- package/dist/v3/components/CustomSwiper/CustomSwiperItem.vue +49 -49
- package/dist/v3/components/CustomSwiper/index.vue +104 -104
- package/dist/v3/components/DevErrorBoundary/index.vue +380 -0
- package/dist/v3/components/Empty/index.vue +29 -29
- package/dist/v3/components/FilterSelect/index.vue +179 -179
- package/dist/v3/components/JsonPretty/components/Brackets/index.vue +27 -27
- package/dist/v3/components/JsonPretty/components/Carets/index.vue +59 -59
- package/dist/v3/components/JsonPretty/components/CheckController/index.vue +136 -136
- package/dist/v3/components/JsonPretty/components/TreeNode/index.vue +387 -387
- package/dist/v3/components/JsonPretty/hooks/useClipboard.ts +21 -21
- package/dist/v3/components/JsonPretty/hooks/useError.ts +21 -21
- package/dist/v3/components/JsonPretty/type.ts +127 -127
- package/dist/v3/components/JsonPretty/utils/index.ts +169 -169
- package/dist/v3/components/MovableContainer/index.vue +8 -4
- package/dist/v3/components/Pick/index.vue +322 -322
- package/dist/v3/components/Tag/index.vue +113 -113
- package/dist/v3/components/VirtualList/AutoSize.vue +40 -40
- package/dist/v3/components/VirtualList/index.vue +416 -416
- package/dist/v3/hooks/useBluetooth/index.ts +561 -561
- package/dist/v3/hooks/useContainerStyle.ts +153 -153
- package/dist/v3/hooks/useNFC/index.ts +107 -107
- package/dist/v3/hooks/useNFC/typing.d.ts +396 -396
- package/dist/v3/hooks/useNFC/useNFCAndroid.ts +966 -966
- package/dist/v3/hooks/useNFC/useNFCMpWeiXin.ts +812 -812
- package/dist/v3/hooks/useNFC/utils.ts +754 -754
- package/dist/v3/hooks/useRequest/index.ts +586 -586
- package/dist/v3/hooks/useRequest/utils.ts +267 -267
- package/dist/v3/hooks/useScanCode/index.ts +206 -206
- package/dist/v3/hooks/useWebsocket/index.ts +253 -253
- package/dist/v3/styles/theme.ts +12 -12
- package/package.json +9 -1
|
@@ -1,70 +1,70 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<view class="json-view" :style="customStyle">
|
|
3
|
-
<view class="json-view-control">
|
|
4
|
-
<DevToolTitle>{{ data?.title ?? t('common.jsonDetail') }}</DevToolTitle>
|
|
5
|
-
<CircularButton
|
|
6
|
-
style="margin-left: auto"
|
|
7
|
-
text="×"
|
|
8
|
-
@click="emit('close')"
|
|
9
|
-
/>
|
|
10
|
-
</view>
|
|
11
|
-
<JsonPretty
|
|
12
|
-
virtual
|
|
13
|
-
:data="data?.data"
|
|
14
|
-
:theme="theme"
|
|
15
|
-
:height="contentHeight - 32"
|
|
16
|
-
:nodeSelectable="() => false"
|
|
17
|
-
:pathCollapsible="() => false"
|
|
18
|
-
/>
|
|
19
|
-
</view>
|
|
20
|
-
</template>
|
|
21
|
-
<script lang="ts" setup>
|
|
22
|
-
import DevToolTitle from '../DevToolTitle/index.vue';
|
|
23
|
-
import CircularButton from '../../../components/CircularButton/index.vue';
|
|
24
|
-
import JsonPretty from '../../../components/JsonPretty/index.vue';
|
|
25
|
-
import type { DevTool } from '../../../../type';
|
|
26
|
-
import { useI18n } from '../../../../i18n';
|
|
27
|
-
|
|
28
|
-
const { t } = useI18n();
|
|
29
|
-
|
|
30
|
-
const _props = defineProps<{
|
|
31
|
-
data?:
|
|
32
|
-
| {
|
|
33
|
-
title?: string;
|
|
34
|
-
data?: Record<string, any>;
|
|
35
|
-
}
|
|
36
|
-
| undefined;
|
|
37
|
-
zIndex?: number;
|
|
38
|
-
interceptNetworkList?: DevTool.NetworkItem[];
|
|
39
|
-
customStyle?: Record<string, any>;
|
|
40
|
-
contentHeight: number;
|
|
41
|
-
theme?: string;
|
|
42
|
-
}>();
|
|
43
|
-
|
|
44
|
-
const emit = defineEmits<{
|
|
45
|
-
(e: 'close'): void;
|
|
46
|
-
}>();
|
|
47
|
-
</script>
|
|
48
|
-
<style scoped>
|
|
49
|
-
.json-view {
|
|
50
|
-
position: fixed;
|
|
51
|
-
width: 100vw;
|
|
52
|
-
height: 100%;
|
|
53
|
-
z-index: 5;
|
|
54
|
-
top: 0;
|
|
55
|
-
left: 0;
|
|
56
|
-
padding: 0 16px;
|
|
57
|
-
overflow: auto;
|
|
58
|
-
background-color: var(--dev-tool-bg3-color);
|
|
59
|
-
box-sizing: border-box;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.json-view-control {
|
|
63
|
-
display: flex;
|
|
64
|
-
align-items: center;
|
|
65
|
-
gap: 12px;
|
|
66
|
-
height: 32px;
|
|
67
|
-
border-bottom: 1px solid transparent;
|
|
68
|
-
box-sizing: border-box;
|
|
69
|
-
}
|
|
70
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<view class="json-view" :style="customStyle">
|
|
3
|
+
<view class="json-view-control">
|
|
4
|
+
<DevToolTitle>{{ data?.title ?? t('common.jsonDetail') }}</DevToolTitle>
|
|
5
|
+
<CircularButton
|
|
6
|
+
style="margin-left: auto"
|
|
7
|
+
text="×"
|
|
8
|
+
@click="emit('close')"
|
|
9
|
+
/>
|
|
10
|
+
</view>
|
|
11
|
+
<JsonPretty
|
|
12
|
+
virtual
|
|
13
|
+
:data="data?.data"
|
|
14
|
+
:theme="theme"
|
|
15
|
+
:height="contentHeight - 32"
|
|
16
|
+
:nodeSelectable="() => false"
|
|
17
|
+
:pathCollapsible="() => false"
|
|
18
|
+
/>
|
|
19
|
+
</view>
|
|
20
|
+
</template>
|
|
21
|
+
<script lang="ts" setup>
|
|
22
|
+
import DevToolTitle from '../DevToolTitle/index.vue';
|
|
23
|
+
import CircularButton from '../../../components/CircularButton/index.vue';
|
|
24
|
+
import JsonPretty from '../../../components/JsonPretty/index.vue';
|
|
25
|
+
import type { DevTool } from '../../../../type';
|
|
26
|
+
import { useI18n } from '../../../../i18n';
|
|
27
|
+
|
|
28
|
+
const { t } = useI18n();
|
|
29
|
+
|
|
30
|
+
const _props = defineProps<{
|
|
31
|
+
data?:
|
|
32
|
+
| {
|
|
33
|
+
title?: string;
|
|
34
|
+
data?: Record<string, any>;
|
|
35
|
+
}
|
|
36
|
+
| undefined;
|
|
37
|
+
zIndex?: number;
|
|
38
|
+
interceptNetworkList?: DevTool.NetworkItem[];
|
|
39
|
+
customStyle?: Record<string, any>;
|
|
40
|
+
contentHeight: number;
|
|
41
|
+
theme?: string;
|
|
42
|
+
}>();
|
|
43
|
+
|
|
44
|
+
const emit = defineEmits<{
|
|
45
|
+
(e: 'close'): void;
|
|
46
|
+
}>();
|
|
47
|
+
</script>
|
|
48
|
+
<style scoped>
|
|
49
|
+
.json-view {
|
|
50
|
+
position: fixed;
|
|
51
|
+
width: 100vw;
|
|
52
|
+
height: 100%;
|
|
53
|
+
z-index: 5;
|
|
54
|
+
top: 0;
|
|
55
|
+
left: 0;
|
|
56
|
+
padding: 0 16px;
|
|
57
|
+
overflow: auto;
|
|
58
|
+
background-color: var(--dev-tool-bg3-color);
|
|
59
|
+
box-sizing: border-box;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
.json-view-control {
|
|
63
|
+
display: flex;
|
|
64
|
+
align-items: center;
|
|
65
|
+
gap: 12px;
|
|
66
|
+
height: 32px;
|
|
67
|
+
border-bottom: 1px solid transparent;
|
|
68
|
+
box-sizing: border-box;
|
|
69
|
+
}
|
|
70
|
+
</style>
|
|
@@ -1,112 +1,112 @@
|
|
|
1
|
-
<template>
|
|
2
|
-
<view class="nfc-item">
|
|
3
|
-
<view @click.stop="onOpenJson">
|
|
4
|
-
<view class="nfc-item-row">
|
|
5
|
-
{{ t('nfc.tagId') }}: {{ nfcItem?.hexString }}
|
|
6
|
-
</view>
|
|
7
|
-
|
|
8
|
-
<view class="nfc-item-row">
|
|
9
|
-
{{ t('nfc.tagType') }}: {{ nfcItem?.techs?.join(',') }}
|
|
10
|
-
</view>
|
|
11
|
-
|
|
12
|
-
<view class="nfc-item-row">
|
|
13
|
-
{{ t('nfc.standard') }}:{{ nfcItem?.readWriteStandard?.join(',') }}
|
|
14
|
-
</view>
|
|
15
|
-
|
|
16
|
-
<view class="nfc-item-row">
|
|
17
|
-
{{ t('nfc.maxTransceiveLength') }}:{{
|
|
18
|
-
nfcItem?.maxTransceiveLength ?? 0
|
|
19
|
-
}}{{ t('nfc.unitByte') }}
|
|
20
|
-
</view>
|
|
21
|
-
</view>
|
|
22
|
-
<!-- <view class="nfc-item-row"> {{ scanCodeItem.eventName }} </view> -->
|
|
23
|
-
|
|
24
|
-
<view class="nfc-item-right">
|
|
25
|
-
{{
|
|
26
|
-
nfcItem.timer ? formatDate(nfcItem.timer, 'YYYY-MM-DD HH:mm:SS') : ''
|
|
27
|
-
}}
|
|
28
|
-
</view>
|
|
29
|
-
|
|
30
|
-
<view class="nfc-item-page">{{ nfcItem?.path }}</view>
|
|
31
|
-
|
|
32
|
-
<view
|
|
33
|
-
:class="`nfc-item-right ${isUseDevSource ? 'link' : ''}`"
|
|
34
|
-
@click="emit('openCode', nfcItem?.stack)">
|
|
35
|
-
{{ nfcItem?.stack }}
|
|
36
|
-
</view>
|
|
37
|
-
</view>
|
|
38
|
-
</template>
|
|
39
|
-
<script lang="ts" setup>
|
|
40
|
-
import { computed } from 'vue';
|
|
41
|
-
import type { DevTool } from '../../../../type';
|
|
42
|
-
import { formatDate, isMockWX } from '../../../../utils';
|
|
43
|
-
import { useI18n } from '../../../../i18n';
|
|
44
|
-
|
|
45
|
-
const { t } = useI18n();
|
|
46
|
-
|
|
47
|
-
const props = defineProps<{
|
|
48
|
-
nfcItem: DevTool.NFCItem;
|
|
49
|
-
mode?: string;
|
|
50
|
-
useDevSource?: boolean;
|
|
51
|
-
}>();
|
|
52
|
-
|
|
53
|
-
const emit = defineEmits<{
|
|
54
|
-
(e: 'openJson', value?: { title?: string; data: Record<string, any> }): void;
|
|
55
|
-
(e: 'openCode', value?: string): void;
|
|
56
|
-
}>();
|
|
57
|
-
|
|
58
|
-
const isUseDevSource = computed(() => {
|
|
59
|
-
return (
|
|
60
|
-
!isMockWX(props?.nfcItem?.stack ?? '') &&
|
|
61
|
-
props.mode === 'development' &&
|
|
62
|
-
props.useDevSource
|
|
63
|
-
);
|
|
64
|
-
});
|
|
65
|
-
|
|
66
|
-
function onOpenJson() {
|
|
67
|
-
emit('openJson', {
|
|
68
|
-
title: t('nfc.detail'),
|
|
69
|
-
data: props.nfcItem,
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
</script>
|
|
73
|
-
|
|
74
|
-
<style scoped>
|
|
75
|
-
.nfc-item {
|
|
76
|
-
padding: 16px;
|
|
77
|
-
border-bottom: 1px solid var(--dev-tool-border-color);
|
|
78
|
-
box-sizing: border-box;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.nfc-item-row {
|
|
82
|
-
display: flex;
|
|
83
|
-
align-items: center;
|
|
84
|
-
justify-content: space-between;
|
|
85
|
-
height: 28px;
|
|
86
|
-
word-break: break-all;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.nfc-item-right {
|
|
90
|
-
text-align: right;
|
|
91
|
-
word-break: break-all;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.link {
|
|
95
|
-
cursor: pointer;
|
|
96
|
-
text-decoration: underline;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
.nfc-item-page {
|
|
100
|
-
text-align: right;
|
|
101
|
-
}
|
|
102
|
-
|
|
103
|
-
.nfc-item-position {
|
|
104
|
-
display: flex;
|
|
105
|
-
align-items: center;
|
|
106
|
-
min-height: 24px;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
.nfc-item-position > view {
|
|
110
|
-
width: 25%;
|
|
111
|
-
}
|
|
112
|
-
</style>
|
|
1
|
+
<template>
|
|
2
|
+
<view class="nfc-item">
|
|
3
|
+
<view @click.stop="onOpenJson">
|
|
4
|
+
<view class="nfc-item-row">
|
|
5
|
+
{{ t('nfc.tagId') }}: {{ nfcItem?.hexString }}
|
|
6
|
+
</view>
|
|
7
|
+
|
|
8
|
+
<view class="nfc-item-row">
|
|
9
|
+
{{ t('nfc.tagType') }}: {{ nfcItem?.techs?.join(',') }}
|
|
10
|
+
</view>
|
|
11
|
+
|
|
12
|
+
<view class="nfc-item-row">
|
|
13
|
+
{{ t('nfc.standard') }}:{{ nfcItem?.readWriteStandard?.join(',') }}
|
|
14
|
+
</view>
|
|
15
|
+
|
|
16
|
+
<view class="nfc-item-row">
|
|
17
|
+
{{ t('nfc.maxTransceiveLength') }}:{{
|
|
18
|
+
nfcItem?.maxTransceiveLength ?? 0
|
|
19
|
+
}}{{ t('nfc.unitByte') }}
|
|
20
|
+
</view>
|
|
21
|
+
</view>
|
|
22
|
+
<!-- <view class="nfc-item-row"> {{ scanCodeItem.eventName }} </view> -->
|
|
23
|
+
|
|
24
|
+
<view class="nfc-item-right">
|
|
25
|
+
{{
|
|
26
|
+
nfcItem.timer ? formatDate(nfcItem.timer, 'YYYY-MM-DD HH:mm:SS') : ''
|
|
27
|
+
}}
|
|
28
|
+
</view>
|
|
29
|
+
|
|
30
|
+
<view class="nfc-item-page">{{ nfcItem?.path }}</view>
|
|
31
|
+
|
|
32
|
+
<view
|
|
33
|
+
:class="`nfc-item-right ${isUseDevSource ? 'link' : ''}`"
|
|
34
|
+
@click="emit('openCode', nfcItem?.stack)">
|
|
35
|
+
{{ nfcItem?.stack }}
|
|
36
|
+
</view>
|
|
37
|
+
</view>
|
|
38
|
+
</template>
|
|
39
|
+
<script lang="ts" setup>
|
|
40
|
+
import { computed } from 'vue';
|
|
41
|
+
import type { DevTool } from '../../../../type';
|
|
42
|
+
import { formatDate, isMockWX } from '../../../../utils';
|
|
43
|
+
import { useI18n } from '../../../../i18n';
|
|
44
|
+
|
|
45
|
+
const { t } = useI18n();
|
|
46
|
+
|
|
47
|
+
const props = defineProps<{
|
|
48
|
+
nfcItem: DevTool.NFCItem;
|
|
49
|
+
mode?: string;
|
|
50
|
+
useDevSource?: boolean;
|
|
51
|
+
}>();
|
|
52
|
+
|
|
53
|
+
const emit = defineEmits<{
|
|
54
|
+
(e: 'openJson', value?: { title?: string; data: Record<string, any> }): void;
|
|
55
|
+
(e: 'openCode', value?: string): void;
|
|
56
|
+
}>();
|
|
57
|
+
|
|
58
|
+
const isUseDevSource = computed(() => {
|
|
59
|
+
return (
|
|
60
|
+
!isMockWX(props?.nfcItem?.stack ?? '') &&
|
|
61
|
+
props.mode === 'development' &&
|
|
62
|
+
props.useDevSource
|
|
63
|
+
);
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
function onOpenJson() {
|
|
67
|
+
emit('openJson', {
|
|
68
|
+
title: t('nfc.detail'),
|
|
69
|
+
data: props.nfcItem,
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
</script>
|
|
73
|
+
|
|
74
|
+
<style scoped>
|
|
75
|
+
.nfc-item {
|
|
76
|
+
padding: 16px;
|
|
77
|
+
border-bottom: 1px solid var(--dev-tool-border-color);
|
|
78
|
+
box-sizing: border-box;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.nfc-item-row {
|
|
82
|
+
display: flex;
|
|
83
|
+
align-items: center;
|
|
84
|
+
justify-content: space-between;
|
|
85
|
+
height: 28px;
|
|
86
|
+
word-break: break-all;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.nfc-item-right {
|
|
90
|
+
text-align: right;
|
|
91
|
+
word-break: break-all;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.link {
|
|
95
|
+
cursor: pointer;
|
|
96
|
+
text-decoration: underline;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.nfc-item-page {
|
|
100
|
+
text-align: right;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.nfc-item-position {
|
|
104
|
+
display: flex;
|
|
105
|
+
align-items: center;
|
|
106
|
+
min-height: 24px;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.nfc-item-position > view {
|
|
110
|
+
width: 25%;
|
|
111
|
+
}
|
|
112
|
+
</style>
|