vite-uni-dev-tool 0.0.48 → 1.0.0

package/dist/v3/NetworkList/InterceptItem.vue

@@ -10,16 +10,16 @@
         class="intercept-detail-icon"
         @click.stop="emit('remove', network)"
       >
-        删除
+        {{ t('common.delete') }}
       </Tag>
     </view>
     <view class="intercept-info">
       <view class="intercept-info-item">
-        期待状态:
+        {{ t('network.expectedStatus') }}:
         <Tag :mode="tagMode" style="margin-left: 6px">{{ network.status }}</Tag>
       </view>
       <view class="intercept-info-item">
-        期待结果:
+        {{ t('network.expectedResult') }}:
         {{ expectingResults }}
       </view>
     </view>
@@ -30,8 +30,10 @@
 import { computed } from 'vue';
 
 import Tag from '../Tag/index.vue';
-import { formatDate } from '../../utils';
 import type { DevTool } from '../../type';
+import { useI18n } from '../../i18n';
+
+const { t } = useI18n();
 const props = defineProps<{
   network: DevTool.NetworkItem;
 
@@ -63,7 +65,7 @@ const tagMode = computed(() => {
 });
 
 const expectingResults = computed(() => {
-  return props.network.response.data ? '自定义' : '无';
+  return props.network.response.data ? t('common.custom') : t('common.none');
 });
 </script>
 <style scoped>
@@ -72,6 +74,7 @@ const expectingResults = computed(() => {
   border-bottom: 1px solid var(--dev-tool-border-color);
   font-size: var(--dev-tool-base-font-size);
 }
+
 .intercept-url-row {
   display: flex;
   align-items: center;
@@ -84,6 +87,7 @@ const expectingResults = computed(() => {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
 .intercept-detail-icon {
   margin-left: auto;
 }
@@ -96,6 +100,7 @@ const expectingResults = computed(() => {
   color: var(--dev-tool-text-color);
   transition: color 0.3s;
 }
+
 .intercept-info-item {
   display: flex;
   align-items: center;
@@ -105,9 +110,11 @@ const expectingResults = computed(() => {
 .slide-fade-enter-active {
   transition: all 0.8s ease-out;
 }
+
 .slide-fade-leave-active {
   transition: all 0.8s cubic-bezier(1, 0.5, 0.8, 1);
 }
+
 .slide-fade-enter-from,
 .slide-fade-leave-to {
   transform: translateY(20px);
@@ -124,8 +131,9 @@ const expectingResults = computed(() => {
 
 .intercept-stock {
   text-align: right;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
+
 .intercept-stock-link {
   text-decoration: underline;
 }

package/dist/v3/NetworkList/NetworkDetail.vue

@@ -1,10 +1,10 @@
 <template>
   <view class="network-detail" :style="customStyle">
     <view class="network-detail-control">
-      <DevToolTitle> 请求详情 </DevToolTitle>
+      <DevToolTitle> {{ t('network.requestDetail') }} </DevToolTitle>
       <Tag
         mode="info"
-        v-for="item in selectItems"
+        v-for="item in translatedSelectItems"
         :active="item.value === currentSelect"
         :key="item.value"
         customStyle="margin-left: 16px"
@@ -30,27 +30,27 @@
      @touchmove.stop
      [Intervention] Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
      -->
-      <DevToolTitle> 常规 </DevToolTitle>
+      <DevToolTitle> {{ t('network.general') }} </DevToolTitle>
       <view class="net-detail-item">
-        <view class="net-detail-item-key">请求地址:</view>
+        <view class="net-detail-item-key">{{ t('network.requestUrl') }}:</view>
         <view class="net-detail-url" @click="onClickUrl">
           {{ network.url }}
         </view>
       </view>
       <view class="net-detail-item">
-        <view class="net-detail-item-key">请求方法:</view>
+        <view class="net-detail-item-key">{{ t('network.method') }}:</view>
         <Tag mode="info">{{ network.method }}</Tag>
       </view>
       <view class="net-detail-item">
-        <view class="net-detail-item-key">状态代码:</view>
+        <view class="net-detail-item-key">{{ t('network.statusCode') }}:</view>
         {{ network.status }}
 
         <Tag v-if="network.intercepted" mode="error" style="margin-left: 6px">
-          已拦截
+          {{ t('network.intercepted') }}
         </Tag>
       </view>
       <view class="net-detail-item">
-        <view class="net-detail-item-key">开始时间:</view>
+        <view class="net-detail-item-key">{{ t('common.startTime') }}:</view>
         {{
           network.startTime
             ? formatDate(network.startTime, 'HH:mm:ss:SS')
@@ -58,7 +58,7 @@
         }}
       </view>
       <view class="net-detail-item">
-        <view class="net-detail-item-key">结束时间:</view>
+        <view class="net-detail-item-key">{{ t('common.endTime') }}:</view>
         {{
           network.endTime
             ? formatDate(network.endTime, 'HH:mm:ss:SS')
@@ -66,20 +66,20 @@
         }}
       </view>
       <view class="net-detail-item">
-        <view class="net-detail-item-key">请求耗时:</view>
+        <view class="net-detail-item-key">{{ t('network.duration') }}:</view>
         {{ network.time ?? '--' }}
       </view>
       <view class="net-detail-item">
-        <view class="net-detail-item-key">请求大小:</view>
+        <view class="net-detail-item-key">{{ t('network.size') }}:</view>
         {{ network.size ?? '--' }}
       </view>
 
       <view class="net-detail-item">
-        <view class="net-detail-item-key">发起人:</view>
+        <view class="net-detail-item-key">{{ t('network.sponsor') }}:</view>
         {{ network.sponsor }}
       </view>
 
-      <DevToolTitle>请求头</DevToolTitle>
+      <DevToolTitle>{{ t('network.requestHeaders') }}</DevToolTitle>
       <template v-if="network.headers.requestHeader.length > 0">
         <view
           class="net-detail-item"
@@ -91,10 +91,10 @@
         </view>
       </template>
       <view v-else>
-        <Empty text="暂无请求头" />
+        <Empty :text="t('network.noRequestHeaders')" />
       </view>
 
-      <DevToolTitle>响应头</DevToolTitle>
+      <DevToolTitle>{{ t('network.responseHeaders') }}</DevToolTitle>
       <template v-if="network.headers.responseHeader.length > 0">
         <view
           class="net-detail-item"
@@ -106,7 +106,7 @@
         </view>
       </template>
       <view v-else>
-        <Empty text="暂无响应头" />
+        <Empty :text="t('network.noResponseHeaders')" />
       </view>
     </scroll-view>
     <template v-if="currentSelect === 'payload'">
@@ -149,7 +149,7 @@
   </view>
 </template>
 <script lang="ts" setup>
-import { ref, computed, watch } from 'vue';
+import { ref, computed } from 'vue';
 import JsonPretty from '../JsonPretty/index.vue';
 import Tag from '../Tag/index.vue';
 import Empty from '../Empty/index.vue';
@@ -157,6 +157,9 @@ import CircularButton from '../CircularButton/index.vue';
 import DevToolTitle from '../DevToolTitle/index.vue';
 import type { DevTool } from '../../type';
 import { formatDate } from '../../utils';
+import { useI18n } from '../../i18n';
+
+const { t } = useI18n();
 const props = defineProps<{
   network: DevTool.NetworkItem;
   zIndex?: number;
@@ -164,20 +167,20 @@ const props = defineProps<{
   customStyle?: Record<string, any>;
 }>();
 const emit = defineEmits<{ (e: 'close'): void }>();
-const selectItems = [
+const translatedSelectItems = computed(() => [
   {
-    label: 'base',
+    label: t('common.base'),
     value: 'base',
   },
   {
-    label: 'payload',
+    label: t('common.payload'),
     value: 'payload',
   },
   {
-    label: 'response',
+    label: t('common.response'),
     value: 'response',
   },
-];
+]);
 
 const currentSelect = ref('base');
 
@@ -193,7 +196,7 @@ const payload = computed(() => {
       value: {},
       type: 'empty',
     };
-  } catch (error) {
+  } catch (_error) {
     return {
       value: props.network.payload,
       type: props.network.payload ? 'string' : 'empty',
@@ -213,7 +216,7 @@ const response = computed(() => {
       value: {},
       type: 'empty',
     };
-  } catch (error) {
+  } catch (_error) {
     return {
       value: props.network.response,
       type: props.network.response ? 'string' : 'empty',
@@ -230,13 +233,13 @@ function onClickUrl() {
     data: props.network.url,
     success() {
       uni.showToast({
-        title: '复制成功',
+        title: t('common.copySuccess'),
         icon: 'none',
       });
     },
     fail() {
       uni.showToast({
-        title: '复制失败',
+        title: t('common.copyFail'),
         icon: 'none',
       });
     },
@@ -248,17 +251,17 @@ function onClickUrl() {
   position: fixed;
   width: 100vw;
   height: 100%;
-
   top: 0;
   left: 0;
   padding: 0 16px;
-
   background-color: var(--dev-tool-bg3-color);
   box-sizing: border-box;
 }
+
 .network-detail-control {
   display: flex;
   align-items: center;
+
   /* margin-bottom: 4px; */
   height: 32px;
   border-bottom: 1px solid transparent;
@@ -274,16 +277,18 @@ function onClickUrl() {
   align-items: center;
   min-height: 28px;
   word-break: break-all;
-  font-size: 12px;
 }
+
 .network-detail-base {
   overflow: auto;
 }
+
 .net-detail-item-key {
   white-space: nowrap;
   margin-right: 8px;
   color: var(--dev-tool-info-color);
 }
+
 .network-detail-payload {
   word-break: break-all;
   max-width: 100%;

package/dist/v3/NetworkList/NetworkIntercept.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="network-intercept" :style="customStyle">
     <view class="network-intercept-control">
-      <DevToolTitle>请求拦截</DevToolTitle>
+      <DevToolTitle>{{ t('network.btnIntercept') }}</DevToolTitle>
       <CircularButton
         style="margin-left: auto"
         text="+"
@@ -13,7 +13,7 @@
         @click="emit('close')"
       />
     </view>
-    <VirtualListPro
+    <VirtualList
       class="network-intercept-list"
       :data="interceptNetworkList"
       :pageSize="15"
@@ -35,7 +35,7 @@
           />
         </AutoSize>
       </template>
-    </VirtualListPro>
+    </VirtualList>
     <Empty v-else />
   </view>
 </template>
@@ -44,11 +44,14 @@ import type { DevTool } from '../../type';
 import CircularButton from '../CircularButton/index.vue';
 import DevToolTitle from '../DevToolTitle/index.vue';
 import InterceptItem from './InterceptItem.vue';
-import VirtualListPro from '../VirtualListPro/index.vue';
-import AutoSize from '../VirtualListPro/AutoSize.vue';
+import VirtualList from '../VirtualList/index.vue';
+import AutoSize from '../VirtualList/AutoSize.vue';
 import Empty from '../Empty/index.vue';
+import { useI18n } from '../../i18n';
 
-const props = defineProps<{
+const { t } = useI18n();
+
+const _props = defineProps<{
   zIndex?: number;
   interceptNetworkList?: DevTool.NetworkItem[];
   contentHeight: number;
@@ -69,11 +72,11 @@ const emit = defineEmits<{
   left: 0;
 
   /* #ifdef H5 || APP-PLUS */
-  padding: 50px 0px;
+  padding: 50px 0;
+
   /* #endif */
 
   overflow: auto;
-
   background-color: var(--dev-tool-bg3-color);
   box-sizing: border-box;
 }

package/dist/v3/NetworkList/NetworkItem.vue

@@ -1,16 +1,21 @@
 <template>
+  <!-- eslint-disable vue/no-v-html, vue/no-v-text-v-html-on-component -->
   <view class="network-item">
     <view class="network-url-row">
       <Tag mode="error" style="margin-right: 6px" v-if="network?.intercepted">
-        拦
+        {{ t('network.interceptedShort') }}
       </Tag>
       <Tag mode="info">{{ network.method }}</Tag>
 
-      <view class="network-url" v-html="lastUrl" @click="emit('openDetail')">
+      <view
+        class="network-url"
+        v-html="network.url"
+        @click="emit('openDetail')"
+      >
       </view>
 
       <Tag mode="main" class="network-detail-icon" @click.stop="emit('resend')">
-        重发
+        {{ t('network.resend') }}
       </Tag>
     </view>
     <view class="network-info">
@@ -19,7 +24,7 @@
       <view>{{ network.size }}</view>
       <view>
         {{ sortMap?.[props.currentNetworkSort] ?? '一' }}
-        开始:
+        {{ t('common.startTime') }}:
         {{
           network.startTime
             ? formatDate(network.startTime, 'HH:mm:ss:SS')
@@ -27,7 +32,7 @@
         }}
       </view>
       <view>
-        结束:
+        {{ t('common.endTime') }}:
         {{
           network.endTime
             ? formatDate(network.endTime, 'HH:mm:ss:SS')
@@ -40,7 +45,9 @@
       :style="`width: ${network.width}; left: ${network.left};`"
     ></view>
 
-    <view class="network-sponsor">发起者：{{ network?.sponsor }}</view>
+    <view class="network-sponsor"
+      >{{ t('network.sponsor') }}：{{ network?.sponsor }}</view
+    >
     <view
       :class="`network-stock ${isUseDevSource ? 'network-stock-link' : ''}`"
       @click.stop="emit('openCode', network.stack)"
@@ -56,6 +63,10 @@ import { sortMap } from './const';
 import Tag from '../Tag/index.vue';
 import { formatDate, isMockWX } from '../../utils';
 import type { DevTool } from '../../type';
+import { useI18n } from '../../i18n';
+
+const { t } = useI18n();
+
 const props = defineProps<{
   network: DevTool.NetworkItem;
   currentNetworkSort: -1 | 1;
@@ -70,10 +81,11 @@ const emit = defineEmits<{
   (e: 'openCode', value?: string): void;
 }>();
 
-const lastUrl = computed(() => {
-  const start = props.network.url.lastIndexOf('/');
-  return props.network.url.slice(start + 1);
-});
+// last url 高亮异常
+// const lastUrl = computed(() => {
+//   const start = props.network.url.lastIndexOf('/');
+//   return props.network.url.slice(start + 1);
+// });
 
 const isUseDevSource = computed(() => {
   return (
@@ -98,6 +110,7 @@ const tagMode = computed(() => {
   border-bottom: 1px solid var(--dev-tool-border-color);
   font-size: var(--dev-tool-base-font-size);
 }
+
 .network-url-row {
   display: flex;
   align-items: center;
@@ -112,10 +125,12 @@ const tagMode = computed(() => {
   text-overflow: ellipsis;
   text-decoration: underline;
 }
+
 .network-url > rich-text {
   overflow: hidden;
   text-overflow: ellipsis;
 }
+
 .network-detail-icon {
   margin-left: auto;
 }
@@ -143,8 +158,9 @@ const tagMode = computed(() => {
 
 .network-stock {
   text-align: right;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
+
 .network-stock-link {
   text-decoration: underline;
 }