vite-uni-dev-tool 1.0.0 → 1.1.0

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

@@ -17,8 +17,11 @@
 <script lang="ts" setup>
 import { onShow } from '@dcloudio/uni-app';
 import { ref } from 'vue';
-import { getDevToolInfo, setDevToolInfo } from '../../modules/devToolInfo';
-import MovableContainer from '../MovableContainer/index.vue';
+import {
+  getDevToolInfo,
+  setDevToolInfo,
+} from '../../../../modules/devToolInfo';
+import MovableContainer from '../../../components/MovableContainer/index.vue';
 
 const x = ref(300);
 const y = ref(500);
@@ -49,8 +52,8 @@ const onClick = () => {
 
 onShow(() => {
   const { left = 300, top = 500 } = getDevToolInfo();
-  x.value = left;
-  y.value = top;
+  x.value = Number(left) || 300;
+  y.value = Number(top) || 500;
 });
 </script>
 <style scoped>

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

@@ -1,24 +1,24 @@
-<template>
-  <view class="dev-tool-title" :style="customStyle"><slot /></view>
-</template>
-<script lang="ts" setup>
-defineProps<{ customStyle?: any }>();
-</script>
-<style scoped>
-.dev-tool-title {
-  display: flex;
-  align-items: center;
-  height: 32px;
-  flex-shrink: 0;
-  white-space: nowrap;
-}
-
-.dev-tool-title::before {
-  content: '';
-  margin-right: 8px;
-  width: 2px;
-  height: 18px;
-  border-radius: 2px;
-  background-color: var(--dev-tool-main-color);
-}
-</style>
+<template>
+  <view class="dev-tool-title" :style="customStyle"><slot /></view>
+</template>
+<script lang="ts" setup>
+defineProps<{ customStyle?: any }>();
+</script>
+<style scoped>
+.dev-tool-title {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  flex-shrink: 0;
+  white-space: nowrap;
+}
+
+.dev-tool-title::before {
+  content: '';
+  margin-right: 8px;
+  width: 2px;
+  height: 18px;
+  border-radius: 2px;
+  background-color: var(--dev-tool-main-color);
+}
+</style>

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

@@ -1,182 +1,197 @@
-<template>
-  <!-- 源码查看 -->
-  <AppTransition
-    :show="overlayState?.openCode"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <SourceCode
-      v-if="overlayState?.openCode"
-      :url="overlayState?.stack"
-      :mode="mode"
-      :zIndex="zIndex"
-      :sourceFileServers="sourceFileServers"
-      :contentHeight="contentHeight"
-      :customStyle="customStyle"
-      @close="overlayHandlers.onCloseCode" />
-  </AppTransition>
-
-  <!-- 发起请求 -->
-  <AppTransition
-    :show="overlayState?.showNetworkSend"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <NetworkSend
-      v-if="overlayState?.showNetworkSend"
-      :zIndex="zIndex"
-      :network="network"
-      :interceptNetworkList="interceptNetworkList"
-      :customStyle="customStyle"
-      :theme="theme"
-      @close="overlayHandlers.onCloseNetworkSend"
-      @openDetail="overlayHandlers.onOpenNetworkDetail" />
-  </AppTransition>
-
-  <!-- 拦截请求 -->
-  <AppTransition
-    :show="overlayState?.showNetworkIntercept"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <NetworkIntercept
-      v-if="overlayState?.showNetworkIntercept"
-      :zIndex="zIndex"
-      :network="network"
-      :interceptNetworkList="interceptNetworkList"
-      :contentHeight="contentHeight"
-      :customStyle="customStyle"
-      @close="overlayHandlers.onCloseNetworkIntercept"
-      @remove="onRemoveInterceptConfig"
-      @openConfig="overlayHandlers.onOpenInterceptConfig" />
-  </AppTransition>
-
-  <!-- 拦截配置 -->
-  <AppTransition
-    :show="overlayState?.showInterceptConfig"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <InterceptConfig
-      v-if="overlayState?.showInterceptConfig"
-      :zIndex="zIndex"
-      :network="network"
-      :customStyle="customStyle"
-      :theme="theme"
-      @close="overlayHandlers.onCloseInterceptConfig"
-      @confirm="onConfirmInterceptConfig" />
-  </AppTransition>
-
-  <!-- 请求详情 -->
-  <AppTransition
-    :show="overlayState?.showNetworkDetail"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <NetworkDetail
-      v-if="overlayState?.showNetworkDetail"
-      :zIndex="zIndex"
-      :network="network"
-      :contentHeight="contentHeight"
-      :customStyle="customStyle"
-      @close="overlayHandlers.onCloseNetworkDetail" />
-  </AppTransition>
-
-  <!-- 上传详情 -->
-  <!-- 传输详情 -->
-  <AppTransition
-    :show="overlayState?.showTransferDetail"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <TransferDetail
-      v-if="overlayState?.showTransferDetail"
-      :item="overlay.transfer"
-      :type="overlay.transfer.type"
-      :zIndex="zIndex"
-      :contentHeight="contentHeight"
-      :customStyle="customStyle"
-      @close="overlayHandlers.onCloseTransferDetail" />
-  </AppTransition>
-
-  <!-- WebSocket详情 -->
-  <AppTransition
-    :show="overlayState?.showWebSocketDetail"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <WebSocketDetail
-      v-if="overlayState?.showWebSocketDetail"
-      :ws="currentWebSocket"
-      :zIndex="zIndex"
-      :contentHeight="contentHeight"
-      :customStyle="customStyle"
-      @close="overlayHandlers.onCloseWebSocketDetail"
-      @clear="onClearWebSocketMessage"
-      @send="onSendWebSocket"
-      @openJson="onOpenJson" />
-  </AppTransition>
-
-  <!-- Json详情 -->
-  <AppTransition
-    :show="overlayState?.showJsonDetail"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <JsonDetail
-      v-if="overlayState?.showJsonDetail"
-      :data="overlayState?.jsonData"
-      :theme="theme"
-      :contentHeight="contentHeight"
-      :customStyle="customStyle"
-      @close="overlayHandlers.onCloseJson" />
-  </AppTransition>
-
-  <!-- NFC 工具 -->
-  <AppTransition
-    :show="overlayState?.showNfcTool"
-    name="slide-left"
-    :zIndex="zIndex"
-    :animated="useTransition">
-    <NFCTool
-      v-if="overlayState?.showNfcTool"
-      :contentHeight="contentHeight"
-      :customStyle="customStyle"
-      @close="overlayHandlers.onCloseNfcTool" />
-  </AppTransition>
-</template>
-
-<script setup lang="ts">
-import SourceCode from '../SourceCode/index.vue';
-import NetworkSend from '../NetworkList/NetworkSend.vue';
-import NetworkDetail from '../NetworkList/NetworkDetail.vue';
-import NetworkIntercept from '../NetworkList/NetworkIntercept.vue';
-import InterceptConfig from '../NetworkList/InterceptConfig.vue';
-import TransferDetail from '../TransferList/TransferDetail.vue';
-import WebSocketDetail from '../WebSocket/WebSocketDetail.vue';
-import JsonDetail from '../JsonDetail/index.vue';
-import NFCTool from '../NFCList/NFCTool.vue';
-import AppTransition from '../AppTransition/index.vue';
-import type { DevTool } from '../../type';
-
-defineProps<{
-  overlayState: any;
-  overlayHandlers: any;
-  mode?: string;
-  zIndex: number;
-  sourceFileServers?: string[];
-  contentHeight: number;
-  customStyle?: Record<string, any>;
-  overlay: any;
-  currentWebSocket?: DevTool.WS;
-  interceptNetworkList: DevTool.NetworkItem[];
-  onRemoveInterceptConfig: (ni: DevTool.NetworkItem) => void;
-  onConfirmInterceptConfig: (ni: DevTool.NetworkItem) => void;
-  onClearWebSocketMessage: (ws: DevTool.WS) => void;
-  onSendWebSocket: (data: { url: string; message: any }) => void;
-  onOpenJson: (data?: any) => void;
-  useTransition: boolean;
-  network: DevTool.NetworkItem;
-  theme?: string;
-}>();
-</script>
+<template>
+  <!-- 源码查看 -->
+  <AppTransition
+    :show="overlayState?.openCode"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <SourceCode
+      v-if="overlayState?.openCode"
+      :url="overlayState?.stack"
+      :mode="mode"
+      :zIndex="zIndex"
+      :sourceFileServers="sourceFileServers"
+      :contentHeight="contentHeight"
+      :customStyle="customStyle"
+      @close="overlayHandlers.onCloseCode" />
+  </AppTransition>
+
+  <!-- 发起请求 -->
+  <AppTransition
+    :show="overlayState?.showNetworkSend"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <NetworkSend
+      v-if="overlayState?.showNetworkSend"
+      :zIndex="zIndex"
+      :network="network"
+      :interceptNetworkList="interceptNetworkList"
+      :customStyle="customStyle"
+      :theme="theme"
+      @close="overlayHandlers.onCloseNetworkSend"
+      @openDetail="overlayHandlers.onOpenNetworkDetail" />
+  </AppTransition>
+
+  <!-- 拦截请求 -->
+  <AppTransition
+    :show="overlayState?.showNetworkIntercept"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <NetworkIntercept
+      v-if="overlayState?.showNetworkIntercept"
+      :zIndex="zIndex"
+      :network="network"
+      :interceptNetworkList="interceptNetworkList"
+      :contentHeight="contentHeight"
+      :customStyle="customStyle"
+      @close="overlayHandlers.onCloseNetworkIntercept"
+      @remove="onRemoveInterceptConfig"
+      @openConfig="overlayHandlers.onOpenInterceptConfig" />
+  </AppTransition>
+
+  <!-- 拦截配置 -->
+  <AppTransition
+    :show="overlayState?.showInterceptConfig"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <InterceptConfig
+      v-if="overlayState?.showInterceptConfig"
+      :zIndex="zIndex"
+      :network="network"
+      :customStyle="customStyle"
+      :theme="theme"
+      @close="overlayHandlers.onCloseInterceptConfig"
+      @confirm="onConfirmInterceptConfig" />
+  </AppTransition>
+
+  <!-- 请求详情 -->
+  <AppTransition
+    :show="overlayState?.showNetworkDetail"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <NetworkDetail
+      v-if="overlayState?.showNetworkDetail"
+      :zIndex="zIndex"
+      :network="network"
+      :contentHeight="contentHeight"
+      :customStyle="customStyle"
+      @close="overlayHandlers.onCloseNetworkDetail" />
+  </AppTransition>
+
+  <!-- 上传详情 -->
+  <!-- 传输详情 -->
+  <AppTransition
+    :show="overlayState?.showTransferDetail"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <TransferDetail
+      v-if="overlayState?.showTransferDetail"
+      :item="overlay.transfer"
+      :type="overlay.transfer.type"
+      :zIndex="zIndex"
+      :contentHeight="contentHeight"
+      :customStyle="customStyle"
+      @close="overlayHandlers.onCloseTransferDetail" />
+  </AppTransition>
+
+  <!-- WebSocket详情 -->
+  <AppTransition
+    :show="overlayState?.showWebSocketDetail"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <WebSocketDetail
+      v-if="overlayState?.showWebSocketDetail"
+      :ws="currentWebSocket"
+      :zIndex="zIndex"
+      :contentHeight="contentHeight"
+      :customStyle="customStyle"
+      @close="overlayHandlers.onCloseWebSocketDetail"
+      @clear="onClearWebSocketMessage"
+      @send="onSendWebSocket"
+      @openJson="onOpenJson" />
+  </AppTransition>
+
+  <!-- Json详情 -->
+  <AppTransition
+    :show="overlayState?.showJsonDetail"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <JsonDetail
+      v-if="overlayState?.showJsonDetail"
+      :data="overlayState?.jsonData"
+      :theme="theme"
+      :contentHeight="contentHeight"
+      :customStyle="customStyle"
+      @close="overlayHandlers.onCloseJson" />
+  </AppTransition>
+
+  <!-- NFC 工具 -->
+  <AppTransition
+    :show="overlayState?.showNfcTool"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <NFCTool
+      v-if="overlayState?.showNfcTool"
+      :contentHeight="contentHeight"
+      :customStyle="customStyle"
+      @close="overlayHandlers.onCloseNfcTool" />
+  </AppTransition>
+
+  <!-- Bluetooth 工具 -->
+  <AppTransition
+    :show="overlayState?.showBluetoothTool"
+    name="slide-left"
+    :zIndex="zIndex"
+    :animated="useTransition">
+    <BluetoothTool
+      v-if="overlayState?.showBluetoothTool"
+      :device="overlayState?.bluetoothDevice"
+      :contentHeight="contentHeight"
+      :customStyle="customStyle"
+      @back="overlayHandlers.onCloseBluetoothTool" />
+  </AppTransition>
+</template>
+
+<script setup lang="ts">
+import SourceCode from '../SourceCode/index.vue';
+import NetworkSend from '../NetworkList/NetworkSend.vue';
+import NetworkDetail from '../NetworkList/NetworkDetail.vue';
+import NetworkIntercept from '../NetworkList/NetworkIntercept.vue';
+import InterceptConfig from '../NetworkList/InterceptConfig.vue';
+import TransferDetail from '../TransferList/TransferDetail.vue';
+import WebSocketDetail from '../WebSocket/WebSocketDetail.vue';
+import JsonDetail from '../JsonDetail/index.vue';
+import NFCTool from '../NFCList/NFCTool.vue';
+import BluetoothTool from '../BluetoothList/BluetoothTool.vue';
+import AppTransition from '../../../components/AppTransition/index.vue';
+import type { DevTool } from '../../../../type';
+
+defineProps<{
+  overlayState: any;
+  overlayHandlers: any;
+  mode?: string;
+  zIndex: number;
+  sourceFileServers?: string[];
+  contentHeight: number;
+  customStyle?: Record<string, any>;
+  overlay: any;
+  currentWebSocket?: DevTool.WS;
+  interceptNetworkList: DevTool.NetworkItem[];
+  onRemoveInterceptConfig: (ni: DevTool.NetworkItem) => void;
+  onConfirmInterceptConfig: (ni: DevTool.NetworkItem) => void;
+  onClearWebSocketMessage: (ws: DevTool.WS) => void;
+  onSendWebSocket: (data: { url: string; message: any }) => void;
+  onOpenJson: (data?: any) => void;
+  useTransition: boolean;
+  network: DevTool.NetworkItem;
+  theme?: string;
+}>();
+</script>

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

@@ -12,10 +12,11 @@ export const tabIndex = {
   CaptureScreen: 9,
   ScanCode: 10,
   NFC: 11,
-  Storage: 12,
-  Vuex: 13,
-  Pinia: 14,
-  Setting: 15,
+  Bluetooth: 12,
+  Storage: 13,
+  Vuex: 14,
+  Pinia: 15,
+  Setting: 16,
 };
 
 /**
@@ -26,97 +27,119 @@ export const getTabItems = (t: (key: string) => string) => [
   {
     key: 'Console',
     label: t('tabs.console'),
+    icon: '💻',
     value: 'Console',
     index: tabIndex.Console,
   },
   {
     key: 'Network',
     label: t('tabs.network'),
+    icon: '🌐',
     value: 'NetWork',
     index: tabIndex.Network,
   },
   {
     key: 'Transfer',
     label: t('tabs.transfer'),
+    icon: '📤',
     value: 'Transfer',
     index: tabIndex.Transfer,
   },
   {
     key: 'WebSocket',
     label: t('tabs.websocket'),
+    icon: '🔌',
     value: 'WebSocket',
     index: tabIndex.WebSocket,
   },
   {
     key: 'Route',
     label: t('tabs.route'),
+    icon: '🧭',
     value: 'Route',
     index: tabIndex.Route,
   },
   {
     key: 'Instance',
     label: t('tabs.instance'),
+    icon: '🌳',
     value: 'Instance',
     index: tabIndex.Instance,
   },
   {
     key: 'ElEvent',
     label: t('tabs.elEvent'),
+    icon: '👆',
     value: 'ElEvent',
     index: tabIndex.ElEvent,
   },
   {
     key: 'UniEvent',
     label: t('tabs.uniEvent'),
+    icon: '📻',
     value: 'UniEvent',
     index: tabIndex.UniEvent,
   },
   {
     key: 'Performance',
     label: t('tabs.performance'),
+    icon: '🚀',
     value: 'Performance',
     index: tabIndex.Performance,
   },
   {
     key: 'CaptureScreen',
     label: t('tabs.captureScreen'),
+    icon: '📸',
     value: 'CaptureScreen',
     index: tabIndex.CaptureScreen,
   },
   {
     key: 'ScanCode',
     label: t('tabs.scanCode'),
+    icon: '🔍',
     value: 'ScanCode',
     index: tabIndex.ScanCode,
   },
   {
     key: 'NFC',
     label: t('tabs.nfc'),
+    icon: '📳',
     value: 'NFC',
     index: tabIndex.NFC,
   },
+  {
+    key: 'Bluetooth',
+    label: t('tabs.bluetooth'),
+    icon: '🔹',
+    value: 'Bluetooth',
+    index: tabIndex.Bluetooth,
+  },
   {
     key: 'Storage',
     label: t('tabs.storage'),
+    icon: '📦',
     value: 'Storage',
     index: tabIndex.Storage,
   },
   {
     key: 'Vuex',
     label: t('tabs.vuex'),
+    icon: '💚',
     value: 'Vuex',
     index: tabIndex.Vuex,
   },
   {
     key: 'Pinia',
     label: t('tabs.pinia'),
+    icon: '🍍',
     value: 'Pinia',
     index: tabIndex.Pinia,
   },
-
   {
     key: 'Setting',
     label: t('tabs.setting'),
+    icon: '⚙️',
     value: 'Setting',
     index: tabIndex.Setting,
   },