vite-uni-dev-tool 1.0.0 → 1.2.0

package/dist/v3/{DevToolWindow → DevTool/components/DevToolWindow}/hooks/useDevToolHandlers.ts

@@ -1,8 +1,8 @@
-import { debounce } from '../../../utils/index';
-import { setDevToolInfo } from '../../../modules/devToolInfo';
-import type { DevTool } from '../../../type';
-import { CMD_TYPE, MSG_TYPE, DEV_CORE_MESSAGE } from '../../../const';
-import { hightLight } from '../../../utils/index';
+import { debounce } from '../../../../../utils/index';
+import { setDevToolInfo } from '../../../../../modules/devToolInfo';
+import type { DevTool } from '../../../../../type';
+import { CMD_TYPE, MSG_TYPE, DEV_CORE_MESSAGE } from '../../../../../const';
+import { hightLight } from '../../../../../utils/index';
 
 export function useDevToolHandlers(props: any, emits: any, state: any) {
   const {
@@ -39,6 +39,8 @@ export function useDevToolHandlers(props: any, emits: any, state: any) {
     searchConsole,
     theme,
     currentNetworkSort,
+    barrageVisible,
+    barrageShowWhenOpen,
   } = state;
 
   /** 发送消息给核心模块 */
@@ -69,6 +71,8 @@ export function useDevToolHandlers(props: any, emits: any, state: any) {
       interceptNetworkList: interceptNetworkList.value,
       performanceShowFps: state.performanceShowFps.value,
       performanceShowCpu: state.performanceShowCpu.value,
+      barrageVisible: barrageVisible.value,
+      barrageShowWhenOpen: barrageShowWhenOpen.value,
     });
   }
 
@@ -457,6 +461,15 @@ export function useDevToolHandlers(props: any, emits: any, state: any) {
     uni.$emit('DEV_CHANGE_PERFORMANCE_SHOW_CPU', show);
   }
 
+  function onChangeBarrage(show: boolean) {
+    state.barrageVisible.value = show;
+    setDevToolInfo({
+      barrageVisible: show,
+    });
+    basicSendMessage({ type: CMD_TYPE.BARRAGE_TOGGLE, data: { show } });
+    uni.$emit(DEV_CORE_MESSAGE, { type: MSG_TYPE.BARRAGE_VISIBLE, data: show });
+  }
+
   function onChangeVuex(value: any) {
     basicSendMessage({ type: CMD_TYPE.VUEX_CHANGE, data: value });
   }
@@ -496,6 +509,65 @@ export function useDevToolHandlers(props: any, emits: any, state: any) {
     basicSendMessage({ type: CMD_TYPE.INTERCEPT_UPDATE, data: ni });
   }
 
+  function onChangeBarrageMaxTracks(val: number) {
+    state.barrageMaxTracks.value = val;
+    basicSendMessage({
+      type: CMD_TYPE.BARRAGE_MAX_TRACKS,
+      data: { value: val },
+    });
+  }
+
+  function onChangeBarrageTrackHeight(val: number) {
+    state.barrageTrackHeight.value = val;
+    basicSendMessage({
+      type: CMD_TYPE.BARRAGE_TRACK_HEIGHT,
+      data: { value: val },
+    });
+  }
+
+  function onChangeBarrageStartTop(val: number) {
+    state.barrageStartTop.value = val;
+    basicSendMessage({
+      type: CMD_TYPE.BARRAGE_START_TOP,
+      data: { value: val },
+    });
+  }
+
+  function onChangeBarrageDuration(val: number) {
+    state.barrageDuration.value = val;
+    basicSendMessage({
+      type: CMD_TYPE.BARRAGE_DURATION,
+      data: { value: val },
+    });
+  }
+
+  function onChangeBarrageMaxLength(val: number) {
+    state.barrageMaxLength.value = val;
+    basicSendMessage({
+      type: CMD_TYPE.BARRAGE_MAX_LENGTH,
+      data: { value: val },
+    });
+  }
+
+  function onChangeBarrageTypes(val: string[]) {
+    state.barrageTypes.value = val;
+    basicSendMessage({
+      type: CMD_TYPE.BARRAGE_TYPES,
+      data: { value: val },
+    });
+  }
+
+  function onChangeBarrageShowWhenOpen(val: boolean) {
+    state.barrageShowWhenOpen.value = val;
+    setDevToolInfo({
+      barrageShowWhenOpen: val,
+    });
+    basicSendMessage({
+      type: CMD_TYPE.SET_BARRAGE_SHOW_WHEN_OPEN,
+      data: { value: val },
+    });
+  }
+
   return {
     onCloseWindow,
     onChangeTabs,
@@ -544,6 +616,14 @@ export function useDevToolHandlers(props: any, emits: any, state: any) {
     onChangePerformance,
     onChangePerformanceShowFps,
     onChangePerformanceShowCpu,
+    onChangeBarrage,
+    onChangeBarrageMaxTracks,
+    onChangeBarrageTrackHeight,
+    onChangeBarrageStartTop,
+    onChangeBarrageDuration,
+    onChangeBarrageMaxLength,
+    onChangeBarrageTypes,
+    onChangeBarrageShowWhenOpen,
     basicSendMessage,
   };
 }

package/dist/v3/{DevToolWindow → DevTool/components/DevToolWindow}/hooks/useDevToolOverlay.ts

@@ -1,6 +1,6 @@
 import { ref, reactive, shallowRef, nextTick } from 'vue';
-import type { DevTool } from '../../../type';
-import { isMockWX, isAndroid } from '../../../utils/index';
+import type { DevTool } from '../../../../../type';
+import { isMockWX, isAndroid } from '../../../../../utils/index';
 import { emptyNetwork } from '../const';
 
 export function useDevToolOverlay(props: any) {
@@ -17,6 +17,8 @@ export function useDevToolOverlay(props: any) {
   const showNfcTool = ref(false);
   const showTransferDetail = ref(false);
   const showWebSocketDetail = ref(false);
+  const showBluetoothTool = ref(false);
+  const bluetoothDevice = shallowRef<DevTool.BluetoothItem | null>(null);
 
   const network = reactive<DevTool.NetworkItem>({ ...emptyNetwork });
   const transfer = reactive<DevTool.TransferItem>({
@@ -34,17 +36,21 @@ export function useDevToolOverlay(props: any) {
   function onOpenCode(value?: string) {
     if (!value) return;
     stack.value = value;
-    const isWXLink = isMockWX(value ?? '') || props.mode !== 'development';
-    const isUseDevSource = !isWXLink && props.useDevSource;
 
-    if (isWXLink) {
+    // 微信小程序下的虚拟路径，只能在小程序真机调试下打开
+    if (isMockWX(value)) {
       uni.showToast({
         icon: 'none',
         title: '[DevTool] 请在小程序真机调试模式下查看源码',
       });
       return;
     }
-    if (!isUseDevSource) return;
+
+    const isDev = props.mode === 'development';
+    const isUseDevSource = props.useDevSource;
+
+    // 非开发环境且未显式开启 useDevSource，不打开源码面板
+    if (!isDev && !isUseDevSource) return;
 
     if (isAndroid()) {
       if (props.sourceFileServers && props.sourceFileServers?.length > 0) {
@@ -76,6 +82,15 @@ export function useDevToolOverlay(props: any) {
     showNfcTool.value = false;
   }
 
+  function onOpenBluetoothTool(device: DevTool.BluetoothItem) {
+    bluetoothDevice.value = device;
+    showBluetoothTool.value = true;
+  }
+  function onCloseBluetoothTool() {
+    showBluetoothTool.value = false;
+    bluetoothDevice.value = null;
+  }
+
   function onOpenNetworkDetail(ni?: DevTool.NetworkItem) {
     Object.assign(network, emptyNetwork);
     Object.assign(network, ni);
@@ -154,6 +169,8 @@ export function useDevToolOverlay(props: any) {
       showNfcTool,
       showTransferDetail,
       showWebSocketDetail,
+      showBluetoothTool,
+      bluetoothDevice,
     }),
     network,
     transfer,
@@ -177,8 +194,8 @@ export function useDevToolOverlay(props: any) {
       onCloseTransferDetail,
       onOpenWebSocketDetail,
       onCloseWebSocketDetail,
+      onOpenBluetoothTool,
+      onCloseBluetoothTool,
     },
   };
 }
-
-import { emptyNetwork as _emptyNetwork } from '../const';

package/dist/v3/{DevToolWindow → DevTool/components/DevToolWindow}/index.vue

@@ -282,6 +282,17 @@
               @openTool="overlay.handlers.onOpenNfcTool" />
           </CustomSwiperItem>
 
+          <!-- Bluetooth -->
+          <CustomSwiperItem
+            v-if="isTabVisible('Bluetooth')"
+            :key="tabIndex.Bluetooth"
+            style="width: 100%; height: 100%">
+            <BluetoothList
+              v-if="swiperShow(tabIndex.Bluetooth)"
+              :contentHeight="dynamicContentHeight"
+              @openTool="overlay.handlers.onOpenBluetoothTool" />
+          </CustomSwiperItem>
+
           <!-- Storage -->
           <CustomSwiperItem
             v-if="isTabVisible('Storage')"
@@ -341,6 +352,14 @@
               :performanceVisible="performanceVisible"
               :performanceShowFps="performanceShowFps"
               :performanceShowCpu="performanceShowCpu"
+              :barrage-visible="barrageVisible"
+              :barrage-max-tracks="barrageMaxTracks"
+              :barrage-track-height="barrageTrackHeight"
+              :barrage-start-top="barrageStartTop"
+              :barrage-duration="barrageDuration"
+              :barrage-max-length="barrageMaxLength"
+              :barrage-types="barrageTypes"
+              :barrage-show-when-open="barrageShowWhenOpen"
               :sizeFormat="sizeFormat"
               :buildInfo="buildInfo"
               :cache-intercept-config="cacheInterceptConfig"
@@ -365,6 +384,14 @@
               @change-cache-intercept-config="onChangeCacheInterceptConfig"
               @change-cache-network-log="onChangeCacheNetworkLog"
               @change-cache-console-log="onChangeCacheConsoleLog"
+              @change-barrage="onChangeBarrage"
+              @change-barrage-max-tracks="onChangeBarrageMaxTracks"
+              @change-barrage-track-height="onChangeBarrageTrackHeight"
+              @change-barrage-start-top="onChangeBarrageStartTop"
+              @change-barrage-duration="onChangeBarrageDuration"
+              @change-barrage-max-length="onChangeBarrageMaxLength"
+              @change-barrage-types="onChangeBarrageTypes"
+              @change-barrage-show-when-open="onChangeBarrageShowWhenOpen"
               @change-use-transition="onChangeUseTransition"
               @changeFont="onChangeFontSize"
               @onChangePerformanceShowFps="onChangePerformanceShowFps"
@@ -414,8 +441,8 @@ import {
   ref,
   watch,
 } from 'vue';
-import AppTransition from '../AppTransition/index.vue';
-import Tabs from '../Tabs/index.vue';
+import AppTransition from '../../../components/AppTransition/index.vue';
+import Tabs from '../../../components/Tabs/index.vue';
 import ConsoleList from '../ConsoleList/index.vue';
 import NetworkList from '../NetworkList/index.vue';
 import StorageList from '../StorageList/index.vue';
@@ -431,18 +458,22 @@ import UniEvent from '../UniEvent/index.vue';
 import CaptureScreen from '../CaptureScreen/index.vue';
 import ScanCodeList from '../ScanCodeList/index.vue';
 import NFCList from '../NFCList/index.vue';
+import BluetoothList from '../BluetoothList/index.vue';
 import InstanceDetail from '../InstanceDetail/index.vue';
 import DevToolOverlay from './DevToolOverlay.vue';
-import CustomSwiper from '../CustomSwiper/index.vue';
-import CustomSwiperItem from '../CustomSwiper/CustomSwiperItem.vue';
-import DraggableContainer from '../DraggableContainer/index.vue';
-import CircularButton from '../CircularButton/index.vue';
-import { useI18n } from '../../i18n';
-
-import { DEV_CORE_MESSAGE, MSG_TYPE, CMD_TYPE } from '../../const';
-import { getCurrentPagePath } from '../../utils/index';
-import type { DevTool } from '../../type';
-import { getDevToolInfo, setDevToolInfo } from '../../modules/devToolInfo';
+import CustomSwiper from '../../../components/CustomSwiper/index.vue';
+import CustomSwiperItem from '../../../components/CustomSwiper/CustomSwiperItem.vue';
+import DraggableContainer from '../../../components/DraggableContainer/index.vue';
+import CircularButton from '../../../components/CircularButton/index.vue';
+import { useI18n } from '../../../../i18n';
+
+import { DEV_CORE_MESSAGE, MSG_TYPE, CMD_TYPE } from '../../../../const';
+import { getCurrentPagePath } from '../../../../utils/index';
+import type { DevTool } from '../../../../type';
+import {
+  getDevToolInfo,
+  setDevToolInfo,
+} from '../../../../modules/devToolInfo';
 import { getTabItems, tabIndex } from './const';
 
 // 引入 Hooks
@@ -532,6 +563,14 @@ const {
   performanceVisible,
   performanceShowFps,
   performanceShowCpu,
+  barrageVisible,
+  barrageMaxTracks,
+  barrageTrackHeight,
+  barrageStartTop,
+  barrageDuration,
+  barrageMaxLength,
+  barrageTypes,
+  barrageShowWhenOpen,
   isFullScreen,
   windowX,
   windowY,
@@ -640,6 +679,14 @@ const {
   onChangePerformance,
   onChangePerformanceShowFps,
   onChangePerformanceShowCpu,
+  onChangeBarrage,
+  onChangeBarrageMaxTracks,
+  onChangeBarrageTrackHeight,
+  onChangeBarrageStartTop,
+  onChangeBarrageDuration,
+  onChangeBarrageMaxLength,
+  onChangeBarrageTypes,
+  onChangeBarrageShowWhenOpen,
   basicSendMessage,
 } = handlers;
 
@@ -811,6 +858,10 @@ onMounted(() => {
       'ElEvent',
       'UniEvent',
     ];
+    barrageShowWhenOpen.value =
+      devToolInfo?.barrageShowWhenOpen !== undefined
+        ? devToolInfo.barrageShowWhenOpen
+        : false;
 
     // 延迟恢复滚动位置，确保布局已渲染
     setTimeout(() => {
@@ -824,10 +875,10 @@ onMounted(() => {
 
     if (devToolInfo.windowSettings) {
       isFullScreen.value = devToolInfo.windowSettings.isFullScreen ?? true;
-      windowX.value = devToolInfo.windowSettings.x ?? 10;
-      windowY.value = devToolInfo.windowSettings.y ?? 100;
-      windowWidth.value = devToolInfo.windowSettings.width ?? 375;
-      windowHeight.value = devToolInfo.windowSettings.height ?? 450;
+      windowX.value = Number(devToolInfo.windowSettings.x) || 10;
+      windowY.value = Number(devToolInfo.windowSettings.y) || 100;
+      windowWidth.value = Number(devToolInfo.windowSettings.width) || 375;
+      windowHeight.value = Number(devToolInfo.windowSettings.height) || 450;
     }
   }
   if (props.data) {

package/dist/v3/{ElEvent → DevTool/components/ElEvent}/ElEventItem.vue

@@ -44,9 +44,9 @@
   </view>
 </template>
 <script lang="ts" setup>
-import Tag from '../Tag/index.vue';
-import type { DevTool } from '../../type';
-import { formatDate } from '../../utils';
+import Tag from '../../../components/Tag/index.vue';
+import type { DevTool } from '../../../../type';
+import { formatDate } from '../../../../utils';
 
 const props = defineProps<{
   eventItem: DevTool.ElEventItem;

package/dist/v3/{ElEvent → DevTool/components/ElEvent}/index.vue

@@ -1,14 +1,13 @@
 <template>
   <view class="el-event-content">
     <view class="el-event-control">
-      <DevToolTitle> {{ t('elEvent.title') }} </DevToolTitle>
+      <DevToolTitle>{{ t('elEvent.title') }}</DevToolTitle>
 
       <Tag
         mode="clear"
         style="margin-left: auto"
         customStyle="margin-left: auto"
-        @click="emit('clear')"
-      >
+        @click="emit('clear')">
         {{ t('common.clear') }}
       </Tag>
     </view>
@@ -19,8 +18,7 @@
       :pageSize="20"
       :height="contentHeight - 32 * 2"
       :data="elEventList"
-      :scrollWithAnimation="true"
-    >
+      :scrollWithAnimation="true">
       <template #default="{ list, start, itemsHeight, onSizeChange }">
         <AutoSize
           v-for="(item, index) in list"
@@ -28,8 +26,7 @@
           :index="start + index"
           :id="`dev-el-event-${index}`"
           :itemsHeight="itemsHeight"
-          :onSizeChange="onSizeChange"
-        >
+          :onSizeChange="onSizeChange">
           <ElEventItem :eventItem="item" @openJson="emit('openJson', $event)" />
         </AutoSize>
       </template>
@@ -41,12 +38,12 @@
 <script lang="ts" setup>
 import DevToolTitle from '../DevToolTitle/index.vue';
 import ElEventItem from './ElEventItem.vue';
-import Tag from '../Tag/index.vue';
-import Empty from '../Empty/index.vue';
-import VirtualList from '../VirtualList/index.vue';
-import AutoSize from '../VirtualList/AutoSize.vue';
-import type { DevTool } from '../../type';
-import { useI18n } from '../../i18n';
+import Tag from '../../../components/Tag/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import VirtualList from '../../../components/VirtualList/index.vue';
+import AutoSize from '../../../components/VirtualList/AutoSize.vue';
+import type { DevTool } from '../../../../type';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();
 

package/dist/v3/{Instance → DevTool/components/Instance}/index.vue

@@ -22,7 +22,7 @@
   </VirtualList>
 </template>
 <script lang="ts" setup>
-import VirtualList from '../VirtualList/index.vue';
+import VirtualList from '../../../components/VirtualList/index.vue';
 import InstanceTreeNode from './components/InstanceTreeNode.vue';
 import { computed, ref, markRaw, shallowRef, watch } from 'vue';
 import { simpleTreeCtx, resetUidCount } from './transformTreeCtx';

package/dist/v3/{Instance → DevTool/components/Instance}/transformTree.ts

@@ -1,4 +1,4 @@
-import { isArray, isObject, isString } from '../../utils';
+import { isArray, isObject, isString } from '../../../../utils';
 import {
   type ComponentInternalInstance,
   type VNode,

package/dist/v3/{Instance → DevTool/components/Instance}/transformTreeCtx.ts

@@ -1,4 +1,4 @@
-import { isArray, isObject, isString } from '../../utils';
+import { isArray, isObject, isString } from '../../../../utils';
 import { isRef, isReactive } from 'vue';
 import { getRecordedChildren } from './registry';
 

package/dist/v3/{InstanceDetail → DevTool/components/InstanceDetail}/index.vue

@@ -149,12 +149,12 @@ import {
   markRaw,
   type ComponentInternalInstance,
 } from 'vue';
-import { useI18n } from '../../i18n';
-import Tag from '../Tag/index.vue';
+import { useI18n } from '../../../../i18n';
+import Tag from '../../../components/Tag/index.vue';
 import DevToolTitle from '../DevToolTitle/index.vue';
 import InstanceTree from '../Instance/index.vue';
-import Empty from '../Empty/index.vue';
-import JsonPretty from '../JsonPretty/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import JsonPretty from '../../../components/JsonPretty/index.vue';
 
 const { t } = useI18n();
 

package/dist/v3/{JsonDetail → DevTool/components/JsonDetail}/index.vue

@@ -20,10 +20,10 @@
 </template>
 <script lang="ts" setup>
 import DevToolTitle from '../DevToolTitle/index.vue';
-import CircularButton from '../CircularButton/index.vue';
-import JsonPretty from '../JsonPretty/index.vue';
-import type { DevTool } from '../../type';
-import { useI18n } from '../../i18n';
+import CircularButton from '../../../components/CircularButton/index.vue';
+import JsonPretty from '../../../components/JsonPretty/index.vue';
+import type { DevTool } from '../../../../type';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();
 

package/dist/v3/{NFCList → DevTool/components/NFCList}/NFCItem.vue

@@ -31,17 +31,16 @@
 
     <view
       :class="`nfc-item-right ${isUseDevSource ? 'link' : ''}`"
-      @click="emit('openCode', nfcItem?.stack)"
-    >
+      @click="emit('openCode', nfcItem?.stack)">
       {{ nfcItem?.stack }}
     </view>
   </view>
 </template>
 <script lang="ts" setup>
 import { computed } from 'vue';
-import type { DevTool } from '../../type';
-import { formatDate, isMockWX } from '../../utils';
-import { useI18n } from '../../i18n';
+import type { DevTool } from '../../../../type';
+import { formatDate, isMockWX } from '../../../../utils';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();