vite-uni-dev-tool 0.0.23 → 0.0.25

package/dist/v3/NetworkList/NetworkSend.vue

@@ -155,12 +155,17 @@
       <button
         size="mini"
         :disabled="!isFinished"
+        class="network-send-button"
         @click="emit('openDetail', network)"
       >
         详情
       </button>
-      <button size="mini" @click="onReset">重置</button>
-      <button size="mini" @click="onSend">发送</button>
+      <button size="mini" class="network-send-button" @click="onReset">
+        重置
+      </button>
+      <button size="mini" class="network-send-button-last" @click="onSend">
+        发送
+      </button>
     </view>
   </view>
 </template>
@@ -207,25 +212,25 @@ const state = reactive<{
 
 const defaultHeader = [
   {
-    id: 1,
+    id: '1',
     key: 'Accept',
     value: '*/*',
     checked: false,
   },
   {
-    id: 2,
+    id: '2',
     key: 'Accept-Language',
     value: 'zh-CN,zh;q=0.9,en;q=0.8,en-GB;q=0.7,en-US;q=0.6',
     checked: false,
   },
   {
-    id: 3,
+    id: '3',
     key: 'Cache-Control',
     value: 'no-cache',
     checked: false,
   },
   {
-    id: 4,
+    id: '4',
     key: 'Content-Type',
     value: 'application/json; charset=utf-8',
     checked: true,
@@ -233,7 +238,7 @@ const defaultHeader = [
 ];
 
 type PB = {
-  id: number;
+  id: string;
   key: string;
   value: string;
   checked: boolean;
@@ -243,7 +248,7 @@ const headerList = reactive([...defaultHeader]);
 
 const queryList = reactive<PB[]>([
   {
-    id: 1,
+    id: '1',
     key: 'a',
     value: '123',
     checked: true,
@@ -441,7 +446,7 @@ function onDeleteHeader(item: any) {
 }
 
 function onAddHeader() {
-  const id = Date.now();
+  const id = Date.now().toString();
   headerList.push({
     id,
     key: '',
@@ -466,7 +471,7 @@ function onDeleteQuery(item: any) {
   queryList.splice(index, 1);
 }
 function onAddQuery() {
-  const id = Date.now();
+  const id = Date.now().toString();
   queryList.push({
     id,
     key: '',
@@ -500,7 +505,7 @@ function arrayToObject(arr: any[]) {
 
 function objectToArray<T extends Record<string, any>>(obj: T) {
   return Object.entries(obj).map(([key, value]) => ({
-    id: Date.now(),
+    id: Date.now().toString(),
     key,
     value,
     checked: true,
@@ -562,7 +567,7 @@ function handleResendNetwork() {
       return {
         ...item,
         checked: true,
-        id: index,
+        id: index.toString(),
       };
     }) ?? [];
 
@@ -631,13 +636,6 @@ onMounted(() => {
   box-sizing: border-box;
 }
 
-.network-send-control :deep(.tag) {
-  margin-right: 16px;
-}
-.network-send-control :deep(.tag):last-child {
-  margin-right: 0;
-}
-
 .radio-group {
   display: flex;
   flex-wrap: wrap;
@@ -671,9 +669,6 @@ onMounted(() => {
   color: red;
 }
 
-.network-header-list {
-}
-
 .network-header-item {
   display: flex;
   align-items: center;
@@ -684,15 +679,11 @@ onMounted(() => {
   text-align: center;
 }
 
-.network-param-list {
-}
 .network-param-item {
   display: flex;
   align-items: center;
 }
 
-.network-body-data {
-}
 .network-body-data-item {
   display: flex;
   align-items: center;
@@ -707,11 +698,11 @@ onMounted(() => {
   margin-top: 12px;
   background-color: var(--dev-tool-bg3-color);
 }
-.network-send-buttons button {
+.network-send-button {
   width: 100%;
   margin-right: 6px;
 }
-.network-send-buttons button:last-child {
-  margin: 0;
+.network-send-button-last {
+  width: 100%;
 }
 </style>

package/dist/v3/RunJS/index.vue

@@ -10,7 +10,7 @@
       <Tag mode="clear" @click="emit('clear')">清空</Tag>
     </view>
     <view class="run-js-list">
-      <view class="run-js-item" v-for="item in runJSList">
+      <view class="run-js-item" v-for="item in runJSList" :key="item.timer">
         <view :class="`run-js-item-icon run-js-item-${item.mode}`"></view>
         <view class="run-js-item-duration" v-if="item.mode === 'output'">
           {{ item.duration }}ms

package/dist/v3/SettingList/const.d.ts

@@ -0,0 +1,2 @@
+export declare const version = "";
+//# sourceMappingURL=const.d.ts.map

package/dist/v3/SettingList/const.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"const.d.ts","sourceRoot":"","sources":["../../../dev/v3/SettingList/const.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,KAAK,CAAC"}

package/dist/v3/SettingList/index.vue

@@ -1,7 +1,9 @@
 <template>
   <view class="setting-content">
     <view class="setting-item">
-      <DevToolTitle>DevTool({{ version }}-vue3)</DevToolTitle>
+      <DevToolTitle>
+        DevTool {{ buildInfo?.devToolVersion }}-vue3
+      </DevToolTitle>
       <view class="setting-item-content">
         <view class="setting-row">
           <view>显示调试按钮：</view>
@@ -184,13 +186,15 @@
 import { reactive } from 'vue';
 import DevToolTitle from '../DevToolTitle/index.vue';
 
-const version = __VERSION__ ?? '1.0.0';
-
 const props = defineProps<{
   devToolVisible?: boolean;
   sizeFormat?: string;
   theme?: string;
   cacheInterceptConfig?: boolean;
+  buildInfo?: {
+    devToolVersion?: string;
+    devToolBuildTime?: string;
+  };
 }>();
 const setting = reactive({
   restartDevTool: false,

package/dist/v3/SourceCode/Line.vue

@@ -6,7 +6,8 @@
     <view class="source-code-line-num" v-if="showNum">{{ num }}</view>
     <view :class="['source-code-line-content', line.class]">
       <view
-        v-for="item in line.words"
+        v-for="(item, index) in line.words"
+        :key="index"
         :class="['source-code-line-word', item.class]"
       >
         {{ item.word }}

package/dist/v3/Tabs/index.vue

@@ -6,6 +6,7 @@
       scroll-x="true"
       enable-flex="true"
       scroll-with-animation
+      :show-scrollbar="false"
       :scrollLeft="scrollLeft"
       :scroll-into-view="scrollIntoView"
       @scroll="onScroll"
@@ -80,7 +81,7 @@ function onScroll(e: any) {
   box-sizing: border-box;
   font-size: var(--dev-tool-base-font-size);
 }
-.tabs .tabs-list {
+.tabs-list {
   display: flex;
   align-items: center;
   flex: 1;
@@ -90,18 +91,8 @@ function onScroll(e: any) {
   white-space: nowrap;
   width: 100%;
 }
-.tabs-list ::-webkit-scrollbar {
-  display: none;
-  width: 0;
-  height: 0;
-  background-color: transparent;
-}
-.tabs-list ::-webkit-scrollbar-thumb {
-  width: 0;
-  height: 0;
-  background-color: transparent;
-}
-.tabs .tabs-item {
+
+.tabs-item {
   display: inline-block;
   padding: 0 16px;
   height: 32px;
@@ -111,7 +102,7 @@ function onScroll(e: any) {
   transition: all 0.3s;
   cursor: pointer;
 }
-.tabs .tabs-item-active {
+.tabs-item-active {
   color: var(--dev-tool-main-color);
   border-color: var(--dev-tool-main-color);
 }

package/dist/v3/Tag/index.vue

@@ -1,6 +1,6 @@
 <template>
   <view
-    :class="`tag tag-${mode} ${active ? 'tag-active' : ''}`"
+    :class="['tag', `tag-${mode}`, active ? 'tag-active' : '']"
     @click="onClick"
   >
     <slot></slot>

package/dist/v3/UniEvent/index.vue

@@ -3,25 +3,25 @@
     <DevToolTitle innerStyle="padding: 0 16px">事件触发统计</DevToolTitle>
     <view class="uni-event-statistics">
       <view class="uni-event-statistics-item">
-        <view>on: </view>
+        <view class="uni-event-statistics-item-name">on: </view>
         <Tag mode="log" style="flex: 1; justify-content: center">
           {{ eventCount?.on ?? 0 }}
         </Tag>
       </view>
       <view class="uni-event-statistics-item">
-        <view>once: </view>
+        <view class="uni-event-statistics-item-name">once: </view>
         <Tag mode="warn" style="flex: 1; justify-content: center">
           {{ eventCount?.once ?? 0 }}
         </Tag>
       </view>
       <view class="uni-event-statistics-item">
-        <view>emit: </view>
+        <view class="uni-event-statistics-item-name">emit: </view>
         <Tag mode="main" style="flex: 1; justify-content: center">
           {{ eventCount?.emit ?? 0 }}
         </Tag>
       </view>
       <view class="uni-event-statistics-item">
-        <view>off: </view>
+        <view class="uni-event-statistics-item-name">off: </view>
         <Tag mode="error" style="flex: 1; justify-content: center">
           {{ eventCount?.off ?? 0 }}
         </Tag>
@@ -36,7 +36,8 @@
     </DevToolTitle>
     <view class="uni-event-list">
       <UniEventItem
-        v-for="item in eventList"
+        v-for="(item, index) in eventList"
+        :key="index"
         :eventItem="item"
         :mode="mode"
         :useDevSource="useDevSource"
@@ -90,7 +91,7 @@ const emit = defineEmits<{
   align-items: center;
   width: 25%;
 }
-.uni-event-statistics-item view:first-child {
+.uni-event-statistics-item-name {
   margin-right: 8px;
 }
 .uni-event-list {

package/dist/v3/UploadList/UploadDetail.vue

@@ -44,7 +44,7 @@
           v-for="item in upload?.headers?.requestHeader"
           :key="item.key"
         >
-          <view>{{ item.key }}:</view>
+          <view class="upload-detail-item-key">{{ item.key }}:</view>
           {{ item.value }}
         </view>
       </template>
@@ -198,7 +198,7 @@ function onClose() {
   word-break: break-all;
   font-size: 12px;
 }
-.upload-detail-item > view:first-child {
+.upload-detail-item-key {
   white-space: nowrap;
   margin-right: 8px;
   color: var(--dev-tool-info-color);

package/dist/v3/UploadList/index.vue

@@ -57,9 +57,9 @@ defineProps<{
   currentUploadType: string;
   uploadList: DevTool.UploadItem[];
   modelValue: string;
-  mode: string;
+  mode?: string;
   zIndex: number;
-  useDevSource: boolean;
+  useDevSource?: boolean;
 }>();
 
 const emit = defineEmits<{
@@ -67,7 +67,7 @@ const emit = defineEmits<{
   (e: 'update:modelValue', value: string): void;
   (e: 'search', value: string): void;
   (e: 'openDetail', value: DevTool.UploadItem): void;
-  (e: 'openCode', value: string): void;
+  (e: 'openCode', value?: string): void;
 }>();
 const uploadFilterItems = [
   {

package/dist/v3/WebSocket/WebSocketDetail.vue

@@ -7,6 +7,7 @@
         v-for="item in selectItems"
         :active="item.value === currentSelect"
         :key="item.value"
+        style="margin-right: 16px"
         @click="onSelect(item)"
       >
         {{ item.label }}
@@ -18,22 +19,22 @@
       <DevToolTitle> 常规 </DevToolTitle>
       <view class="web-socket-detail-item">
         <view>请求地址:</view>
-        <view>{{ ws.url }}</view>
+        <view>{{ ws?.url }}</view>
       </view>
 
       <view class="web-socket-detail-item">
         <view>请求方法:</view>
-        <Tag mode="info">{{ ws.method }}</Tag>
+        <Tag mode="info">{{ ws?.method }}</Tag>
       </view>
 
       <DevToolTitle>请求头</DevToolTitle>
-      <template v-if="ws.headers && ws.headers?.length > 0">
+      <template v-if="ws?.headers && ws.headers?.length > 0">
         <view
           class="web-socket-detail-item"
           v-for="item in ws.headers"
           :key="item.key"
         >
-          <view>{{ item.key }}: </view>
+          <view class="web-socket-detail-item-key">{{ item.key }}: </view>
           {{ item.value }}
         </view>
       </template>
@@ -42,13 +43,13 @@
     <template v-if="currentSelect === 'message'">
       <view class="web-socket-detail-control">
         <DevToolTitle>消息列表</DevToolTitle>
-        <Tag mode="clear" style="margin-left: auto" @click="emit('clear', ws)">
+        <Tag mode="clear" style="margin-left: auto" @click="emit('clear', ws!)">
           清除
         </Tag>
       </view>
 
       <view class="web-socket-data-list">
-        <template v-if="ws.message && ws.message.length > 0">
+        <template v-if="ws?.message && ws.message.length > 0">
           <view
             v-for="item in ws.message"
             :key="item.time"
@@ -87,7 +88,7 @@ import Empty from '../Empty/index.vue';
 import { formatDate } from '../../utils/index';
 import type { DevTool } from '../../type';
 
-defineProps<{ ws: DevTool.WS; zIndex?: number }>();
+defineProps<{ ws?: DevTool.WS; zIndex?: number }>();
 const emit = defineEmits<{
   (e: 'close'): void;
   (e: 'clear', value: DevTool.WS): void;
@@ -168,13 +169,6 @@ function onChangeText(e: any) {
   box-sizing: border-box;
 }
 
-.web-socket-detail-control :deep(.tag) {
-  margin-right: 16px;
-}
-.web-socket-detail-control :deep(.tag):last-child {
-  margin-right: 0;
-}
-
 .web-socket-list-title {
   min-height: 32px;
   display: flex;
@@ -194,7 +188,7 @@ function onChangeText(e: any) {
   font-size: 12px;
 }
 
-.web-socket-detail-item > view:first-child {
+.web-socket-detail-item-key {
   white-space: nowrap;
   margin-right: 8px;
   color: var(--dev-tool-info-color);

package/dist/v3/WebSocket/WebSocketItem.vue

@@ -44,18 +44,17 @@ const emit = defineEmits<{ (e: 'openDetail', value: DevTool.WS): void }>();
 <style scoped>
 .websocket-item {
   padding: 16px;
-
   box-sizing: border-box;
   border-bottom: 1px solid var(--dev-tool-border-color);
   font-size: var(--dev-tool-base-font-size);
 }
-.websocket-item .websocket-url-row {
+.websocket-url-row {
   display: flex;
   align-items: center;
   word-break: break-all;
 }
 
-.websocket-item .websocket-url-row .websocket-url {
+.websocket-url {
   margin-left: 4px;
   flex: 1;
   white-space: nowrap;
@@ -63,14 +62,14 @@ const emit = defineEmits<{ (e: 'openDetail', value: DevTool.WS): void }>();
   text-overflow: ellipsis;
 }
 
-.websocket-item .websocket-url-row .websocket-detail-icon {
+.websocket-detail-icon {
   flex-shrink: 0;
   margin-left: auto;
 }
-.websocket-item .websocket-url-row .websocket-detail-active {
+.websocket-detail-active {
   transform: rotate(135deg);
 }
-.websocket-item .websocket-info {
+.websocket-info {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -78,7 +77,7 @@ const emit = defineEmits<{ (e: 'openDetail', value: DevTool.WS): void }>();
   color: var(--dev-tool-info-color);
 }
 
-.websocket-item .websocket-info .websocket-info-last {
+.websocket-info-last {
   white-space: nowrap;
   flex: 1;
   overflow: hidden;

package/package.json

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