vite-uni-dev-tool 0.0.26 → 0.0.28

package/README.md

@@ -198,6 +198,14 @@ optimizeDeps: {
 
 ## 更新日志
 
+### 0.0.28
+
+- 兼容 app JsonPretty 警告
+
+### 0.0.27
+
+- 兼容h5 内容高度
+
 ### 0.0.26
 
 - 兼容h5 systemInfo

package/dist/core.js

@@ -3,7 +3,7 @@ import { DevEvent as u } from "./devEvent/index.js";
 import { DevIntercept as a } from "./devIntercept/index.js";
 import { DevConsole as v } from "./devConsole/index.js";
 import { EventBus as D } from "./devEventBus/index.js";
-const i = "0.0.26", l = "2025/12/24 11:47:24", g = {
+const i = "0.0.28", l = "2025/12/24 13:09:34", g = {
   // log: console.log,
   // info: console.info,
   // warn: console.warn,

package/dist/v3/AppInfo/index.vue

@@ -1,6 +1,12 @@
 <template>
   <view class="app-info-content">
-    <JsonPretty v-if="showJson" :data="appInfo" :theme="theme" />
+    <JsonPretty
+      v-if="showJson"
+      :data="appInfo"
+      :theme="theme"
+      :nodeSelectable="() => false"
+      :pathCollapsible="() => false"
+    />
     <Empty v-else />
   </view>
 </template>
@@ -30,7 +36,8 @@ const showJson = computed(() => {
   padding: 16px;
   font-size: var(--dev-tool-base-font-size);
 
-  height: calc(100% - 32px);
+  height: 100%;
+  box-sizing: border-box;
   overflow: auto;
 }
 </style>

package/dist/v3/ConsoleList/ConsoleItem.vue

@@ -15,6 +15,8 @@
           showLength
           :data="item.value"
           :autoVirtualRow="100"
+          :nodeSelectable="() => false"
+          :pathCollapsible="() => false"
         />
       </template>
     </view>
@@ -36,9 +38,9 @@
         <view class="console-time">{{ consoleItem.time }}</view>
         <view class="console-other" v-html="consoleItem.position"></view>
         <view
-          :class="`console-other ${isUseDevSource ? 'console-stack' : ''}`"
           v-if="consoleItem.stack"
           v-html="consoleItem.stack"
+          :class="`console-other ${isUseDevSource ? 'console-stack' : ''}`"
           @click="emit('openCode', consoleItem.stack)"
         ></view>
       </view>

package/dist/v3/ConsoleList/index.vue

@@ -117,7 +117,11 @@ watch(() => props.consoleList, debounceWatch);
 const height = ref(0);
 onMounted(() => {
   const { windowHeight } = uni.getWindowInfo();
-  height.value = windowHeight - 32 - 32 - 32;
+  height.value = windowHeight - 32 - 32 - 2;
+
+  // #ifdef H5 || APP-PLUS
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
 });
 </script>
 <style scoped>

package/dist/v3/DevToolWindow/index.vue

@@ -1344,15 +1344,11 @@ function onClearWebSocketMessage(ws: DevTool.WS) {
   position: fixed;
   top: 0;
   left: 0;
-  z-index: 1001;
-  /* #ifdef H5 */
+  z-index: 998;
+  /* #ifdef H5 || APP-PLUS */
   padding: 50px 0;
   /* #endif */
 
-  /* #ifdef MP-WEIXIN */
-  /* padding-bottom:30px; */
-  /* #endif */
-
   width: 100vw;
   height: 100vh;
   font-size: 14px;

package/dist/v3/DeviceInfo/index.vue

@@ -1,6 +1,12 @@
 <template>
   <view class="device-info-content">
-    <JsonPretty :data="deviceInfo" v-if="showJson" :theme="theme" />
+    <JsonPretty
+      :data="deviceInfo"
+      v-if="showJson"
+      :theme="theme"
+      :nodeSelectable="() => false"
+      :pathCollapsible="() => false"
+    />
     <Empty v-else />
   </view>
 </template>
@@ -28,6 +34,9 @@ const showJson = computed(() => {
 <style>
 .device-info-content {
   padding: 16px;
+  height: 100%;
+  box-sizing: border-box;
+  overflow: auto;
   font-size: var(--dev-tool-base-font-size);
 }
 </style>

package/dist/v3/NetworkList/InterceptConfig.vue

@@ -721,7 +721,7 @@ onMounted(() => {
   top: 0;
   left: 0;
   padding: 0 16px;
-  /* #ifdef H5 */
+  /* #ifdef H5 || APP-PLUS */
   padding: 50px 16px;
   /* #endif */
   overflow: auto;

package/dist/v3/NetworkList/NetworkDetail.vue

@@ -94,7 +94,13 @@
     </view>
     <template v-if="currentSelect === 'payload'">
       <template v-if="payload?.type === 'object'">
-        <JsonPretty :data="payload.value" virtual :height="height" />
+        <JsonPretty
+          :data="payload.value"
+          virtual
+          :height="height"
+          :nodeSelectable="() => false"
+          :pathCollapsible="() => false"
+        />
       </template>
       <view
         v-else-if="payload?.type === 'string'"
@@ -107,7 +113,12 @@
 
     <template v-if="currentSelect === 'response'">
       <template v-if="response?.type === 'object'">
-        <JsonPretty :data="response.value" virtual :height="height" />
+        <JsonPretty
+          :data="response.value"
+          virtual
+          :height="height"
+          :nodeSelectable="() => false"
+        />
       </template>
       <view
         v-else-if="response?.type === 'string'"
@@ -200,6 +211,10 @@ onMounted(() => {
   const { windowHeight } = uni.getWindowInfo();
 
   height.value = windowHeight - 32 - 32 - 2;
+
+  // #ifdef H5 || APP-PLUS
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
 });
 </script>
 <style scoped>
@@ -211,7 +226,7 @@ onMounted(() => {
   top: 0;
   left: 0;
   padding: 0 16px;
-  /* #ifdef H5 */
+  /* #ifdef H5 || APP-PLUS */
   padding: 50px 16px;
   /* #endif */
 

package/dist/v3/NetworkList/NetworkIntercept.vue

@@ -63,7 +63,7 @@ const emit = defineEmits<{
   top: 0;
   left: 0;
 
-  /* #ifdef H5 */
+  /* #ifdef H5 || APP-PLUS */
   padding: 50px 0px;
   /* #endif */
 

package/dist/v3/NetworkList/NetworkSend.vue

@@ -614,7 +614,7 @@ onMounted(() => {
   top: 0;
   left: 0;
   padding: 0 16px;
-  /* #ifdef H5 */
+  /* #ifdef H5 || APP-PLUS */
   padding: 50px 16px;
   /* #endif */
   overflow: auto;

package/dist/v3/NetworkList/index.vue

@@ -126,7 +126,11 @@ function onChoose(type: string) {
 const height = ref(0);
 onMounted(() => {
   const { windowHeight } = uni.getWindowInfo();
-  height.value = windowHeight - 32 - 32;
+  height.value = windowHeight - 32 - 32 - 2;
+
+  // #ifdef H5 || APP-PLUS
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
 });
 
 function onSort() {

package/dist/v3/PiniaList/index.vue

@@ -6,6 +6,8 @@
       v-if="showJson"
       :data="piniaList"
       :theme="theme"
+      :nodeSelectable="() => false"
+      :pathCollapsible="() => false"
       @update:data="onUpdateData"
       @nodeClick="onNodeClick"
     />
@@ -61,5 +63,8 @@ function onNodeClick(node: any) {
 .pinia-content {
   padding: 16px;
   font-size: var(--dev-tool-base-font-size);
+  height: 100%;
+  box-sizing: border-box;
+  overflow: auto;
 }
 </style>

package/dist/v3/RouteList/index.vue

@@ -71,7 +71,11 @@ function onRefresh() {
 const height = ref(0);
 onMounted(() => {
   const { windowHeight } = uni.getWindowInfo();
-  height.value = windowHeight - 32 - 32;
+  height.value = windowHeight - 32 - 32 - 2;
+
+  // #ifdef H5 || APP-PLUS
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
 });
 </script>
 <style scoped>

package/dist/v3/SourceCode/index.vue

@@ -180,7 +180,11 @@ function getSourceCodeDev(url: string) {
 onMounted(() => {
   const { windowHeight } = uni.getWindowInfo();
 
-  height.value = windowHeight - 32 - 32;
+  height.value = windowHeight - 32 - 32 - 2;
+
+  // #ifdef H5 || APP-PLUS
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
 
   let url = props?.url;
 

package/dist/v3/StorageList/index.vue

@@ -32,13 +32,15 @@
         </view>
 
         <JsonPretty
+          showLength
+          editable
           :data="{
             key: item.key,
             value: item.value,
           }"
-          showLength
-          editable
           :theme="theme"
+          :nodeSelectable="() => false"
+          :pathCollapsible="() => false"
           @update:data="onUpdateData($event, item)"
         />
       </view>

package/dist/v3/SystemInfo/index.vue

@@ -1,6 +1,13 @@
 <template>
   <view class="system-content">
-    <JsonPretty showLength :theme="theme" :data="systemInfo" v-if="showJson" />
+    <JsonPretty
+      v-if="showJson"
+      showLength
+      :theme="theme"
+      :data="systemInfo"
+      :nodeSelectable="() => false"
+      :pathCollapsible="() => false"
+    />
     <Empty v-else />
   </view>
 </template>
@@ -28,8 +35,8 @@ const showJson = computed(() => {
 .system-content {
   padding: 16px;
   font-size: var(--dev-tool-base-font-size);
-
-  height: calc(100% - 32px);
+  height: 100%;
+  box-sizing: border-box;
   overflow: auto;
 }
 </style>

package/dist/v3/UploadList/UploadDetail.vue

@@ -16,7 +16,11 @@
       <CircularButton style="margin-left: auto" text="×" @click="onClose" />
     </view>
 
-    <view class="upload-detail-header" v-if="currentSelect === 'header'">
+    <view
+      class="upload-detail-header"
+      :style="{ height: height + 'px' }"
+      v-if="currentSelect === 'header'"
+    >
       <DevToolTitle>常规</DevToolTitle>
       <view class="upload-detail-item">
         <view>请求url:</view>
@@ -63,7 +67,11 @@
 
     <template v-if="currentSelect === 'formdata'">
       <template v-if="formData?.type === 'object'">
-        <JsonPretty :data="formData.value" />
+        <JsonPretty
+          :data="formData.value"
+          :nodeSelectable="() => false"
+          :pathCollapsible="() => false"
+        />
       </template>
       <view
         v-else-if="formData?.type === 'string'"
@@ -76,7 +84,12 @@
 
     <template v-if="currentSelect === 'response'">
       <template v-if="response?.type === 'object'">
-        <JsonPretty :data="response.value" virtual />
+        <JsonPretty
+          virtual
+          :data="response.value"
+          :nodeSelectable="() => false"
+          :pathCollapsible="() => false"
+        />
       </template>
       <view
         v-else-if="response?.type === 'string'"
@@ -89,7 +102,7 @@
   </view>
 </template>
 <script lang="ts" setup>
-import { ref, computed } from 'vue';
+import { ref, computed, onMounted } from 'vue';
 import JsonPretty from '../JsonPretty/index.vue';
 import Tag from '../Tag/index.vue';
 import Empty from '../Empty/index.vue';
@@ -115,6 +128,9 @@ const selectItems = [
     mode: 'info',
   },
 ];
+
+const height = ref(0);
+
 const currentSelect = ref('header');
 
 const formData = computed(() => {
@@ -164,6 +180,15 @@ function onSelect(item: { label: string; value: string }) {
 function onClose() {
   emit('close');
 }
+onMounted(() => {
+  const { windowHeight } = uni.getWindowInfo();
+
+  height.value = windowHeight - 32 - 32 - 2;
+
+  // #ifdef H5 || APP-PLUS
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
+});
 </script>
 <style>
 .upload-detail {
@@ -174,7 +199,7 @@ function onClose() {
   top: 0;
   left: 0;
   padding: 0 16px;
-  /* #ifdef H5 */
+  /* #ifdef H5 || APP-PLUS */
   padding: 50px 16px;
   /* #endif */
   background-color: var(--dev-tool-bg3-color);

package/dist/v3/UploadList/index.vue

@@ -104,7 +104,11 @@ function onChoose(type: string) {
 const height = ref(0);
 onMounted(() => {
   const { windowHeight } = uni.getWindowInfo();
-  height.value = windowHeight - 32 - 32;
+  height.value = windowHeight - 32 - 32 - 2;
+
+  // #ifdef H5 || APP-PLUS
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
 });
 </script>
 <style scoped>

package/dist/v3/VuexList/index.vue

@@ -6,6 +6,8 @@
       v-if="showJson"
       :data="vuexList"
       :theme="theme"
+      :nodeSelectable="() => false"
+      :pathCollapsible="() => false"
       @update:data="onUpdateData"
       @nodeClick="onNodeClick"
     />
@@ -52,5 +54,8 @@ function onNodeClick(node: any) {
 .vuex-content {
   padding: 16px;
   font-size: var(--dev-tool-base-font-size);
+  height: 100%;
+  box-sizing: border-box;
+  overflow: auto;
 }
 </style>

package/dist/v3/WebSocket/WebSocketDetail.vue

@@ -147,11 +147,11 @@ function onChangeText(e: any) {
   position: fixed;
   width: 100vw;
   height: 100vh;
-  z-index: 1001;
+  z-index: 998;
   top: 0;
   left: 0;
   padding: 0 16px;
-  /* #ifdef H5 */
+  /* #ifdef H5 || APP-PLUS */
   padding: 50px 16px;
   /* #endif */
 

package/dist/v3/WebSocket/index.vue

@@ -104,6 +104,10 @@ const height = ref(0);
 onMounted(() => {
   const { windowHeight } = uni.getWindowInfo();
   height.value = windowHeight - 32 - 32;
+
+  // #ifdef H5
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
 });
 </script>
 <style scoped>

package/dist/v3/WindowInfo/index.vue

@@ -1,11 +1,18 @@
 <template>
   <view class="window-info-content">
-    <JsonPretty v-if="showJson" :data="windowInfo" :theme="theme" />
+    <JsonPretty
+      v-if="showJson"
+      :data="windowInfo"
+      :theme="theme"
+      :height="height"
+      :nodeSelectable="() => false"
+      :pathCollapsible="() => false"
+    />
     <Empty v-else />
   </view>
 </template>
 <script lang="ts" setup>
-import { computed } from 'vue';
+import { computed, onMounted, ref } from 'vue';
 import JsonPretty from '../JsonPretty/index.vue';
 
 import Empty from '../Empty/index.vue';
@@ -13,6 +20,7 @@ const props = defineProps<{
   windowInfo: Record<string, any>;
   theme?: string;
 }>();
+const height = ref(0);
 
 const showJson = computed(() => {
   try {
@@ -25,10 +33,21 @@ const showJson = computed(() => {
     return false;
   }
 });
+onMounted(() => {
+  const { windowHeight } = uni.getWindowInfo();
+  height.value = windowHeight - 32 - 32 - 2;
+
+  // #ifdef H5 || APP-PLUS
+  height.value = windowHeight - 100 - 32 - 32 - 2;
+  // #endif
+});
 </script>
 <style scoped>
 .window-info-content {
   padding: 16px;
+  height: 100%;
+  box-sizing: border-box;
+  overflow: auto;
   font-size: var(--dev-tool-base-font-size);
 }
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-uni-dev-tool",
-  "version": "0.0.26",
+  "version": "0.0.28",
   "description": "vite-uni-dev-tool, debug, uni-app, 一处编写，到处调试",
   "keywords": [
     "vite",