vite-uni-dev-tool 1.0.0 → 1.2.0

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

@@ -9,16 +9,14 @@
         :active="item.value === currentSelect"
         :key="item.value"
         customStyle="margin-left: 16px"
-        @click="onSelect(item)"
-      >
+        @click="onSelect(item)">
         {{ item.label }}
       </Tag>
 
       <CircularButton
         style="margin-left: auto"
         text="×"
-        @click="emit('close')"
-      />
+        @click="emit('close')" />
     </view>
     <scroll-view scroll-y style="height: calc(100% - 32px)">
       <view class="nfc-tool-base">
@@ -60,28 +58,24 @@
           :pageSize="20"
           :nodeSelectable="() => false"
           :pathCollapsible="() => false"
-          :height="contentHeight - 32 * 5 - 28 * 3 - 16 - 20"
-        />
+          :height="contentHeight - 32 * 5 - 28 * 3 - 16 - 20" />
         <Empty v-else :text="t('nfc.noResult')" />
       </view>
       <view class="nfc-tool-write" v-if="currentSelect === 'write'">
         <DevToolTitle>{{ t('nfc.write') }}</DevToolTitle>
         <radio-group
           class="radio-group"
-          @change="onChangeFormData('writeMethod', $event)"
-        >
+          @change="onChangeFormData('writeMethod', $event)">
           <label
             class="radio-group-item"
             v-for="item in translatedWriteMethods"
-            :key="item.value"
-          >
+            :key="item.value">
             <radio
               size
               style="transform: scale(0.8)"
               color="#9254de"
               :value="item.value"
-              :checked="item.value === formData.writeMethod"
-            />
+              :checked="item.value === formData.writeMethod" />
 
             <view>{{ item.label }}</view>
           </label>
@@ -89,15 +83,13 @@
 
         <view
           class="nfc-tool-write-form"
-          v-if="formData.writeMethod === 'text'"
-        >
+          v-if="formData.writeMethod === 'text'">
           <DevToolTitle>{{ t('nfc.textContent') }}</DevToolTitle>
           <textarea
             class="textarea"
             :value="formData.text"
             :placeholder="t('nfc.placeholderText')"
-            @input="onChangeFormData('text', $event)"
-          />
+            @input="onChangeFormData('text', $event)" />
         </view>
 
         <view class="nfc-tool-write-form" v-if="formData.writeMethod === 'uri'">
@@ -106,45 +98,38 @@
             class="textarea"
             :placeholder="t('nfc.placeholderLink')"
             :value="formData.uri"
-            @input="onChangeFormData('uri', $event)"
-          />
+            @input="onChangeFormData('uri', $event)" />
         </view>
 
         <view
           class="nfc-tool-write-form"
-          v-if="formData.writeMethod === 'wifi'"
-        >
+          v-if="formData.writeMethod === 'wifi'">
           <DevToolTitle>{{ t('nfc.wifiConfig') }}</DevToolTitle>
           <input
             class="input"
             :placeholder="t('nfc.placeholderSsid')"
             :value="formData.ssid"
-            @input="onChangeFormData('ssid', $event)"
-          />
+            @input="onChangeFormData('ssid', $event)" />
           <input
             class="input"
             :placeholder="t('nfc.placeholderPassword')"
             type="password"
             :value="formData.password"
-            @input="onChangeFormData('password', $event)"
-          />
+            @input="onChangeFormData('password', $event)" />
           <view class="sub-title">{{ t('nfc.encryption') }}</view>
           <radio-group
             class="radio-group"
-            @change="onChangeFormData('authType', $event)"
-          >
+            @change="onChangeFormData('authType', $event)">
             <label
               class="radio-group-item"
               v-for="item in translatedEncryptionMethods"
-              :key="item.value"
-            >
+              :key="item.value">
               <radio
                 size
                 style="transform: scale(0.8)"
                 color="#9254de"
                 :value="item.value"
-                :checked="item.value === formData.authType"
-              />
+                :checked="item.value === formData.authType" />
               <view>{{ item.label }}</view>
             </label>
           </radio-group>
@@ -152,39 +137,33 @@
 
         <view
           class="nfc-tool-write-form"
-          v-if="formData.writeMethod === 'card'"
-        >
+          v-if="formData.writeMethod === 'card'">
           <DevToolTitle>{{ t('nfc.cardInfo') }}</DevToolTitle>
           <input
             class="input"
             :placeholder="t('nfc.placeholderName')"
             :value="formData.name"
-            @input="onChangeFormData('name', $event)"
-          />
+            @input="onChangeFormData('name', $event)" />
           <input
             class="input"
             :placeholder="t('nfc.placeholderOrg')"
             :value="formData.organization"
-            @input="onChangeFormData('organization', $event)"
-          />
+            @input="onChangeFormData('organization', $event)" />
           <input
             class="input"
             :placeholder="t('nfc.placeholderTel')"
             :value="formData.tel"
-            @input="onChangeFormData('tel', $event)"
-          />
+            @input="onChangeFormData('tel', $event)" />
           <input
             class="input"
             :placeholder="t('nfc.placeholderAddress')"
             :value="formData.address"
-            @input="onChangeFormData('address', $event)"
-          />
+            @input="onChangeFormData('address', $event)" />
           <input
             class="input"
             :placeholder="t('nfc.placeholderWeb')"
             :value="formData.uri"
-            @input="onChangeFormData('uri', $event)"
-          />
+            @input="onChangeFormData('uri', $event)" />
         </view>
         <view class="nfc-tool-write-form" v-if="formData.writeMethod === 'tel'">
           <DevToolTitle>{{ t('nfc.tel') }}</DevToolTitle>
@@ -192,24 +171,21 @@
             class="input"
             :placeholder="t('nfc.placeholderTelInput')"
             :value="formData.tel"
-            @input="onChangeFormData('tel', $event)"
-          />
+            @input="onChangeFormData('tel', $event)" />
         </view>
         <view
           class="nfc-tool-write-form"
-          v-if="formData.writeMethod === 'packageName'"
-        >
+          v-if="formData.writeMethod === 'packageName'">
           <DevToolTitle>{{ t('nfc.appLaunch') }}</DevToolTitle>
           <input
             class="input"
             :placeholder="t('nfc.placeholderPkg')"
             :value="formData.packageName"
-            @input="onChangeFormData('packageName', $event)"
-          />
+            @input="onChangeFormData('packageName', $event)" />
         </view>
-        <SettingButton @click="onWrite">{{
-          t('nfc.startWrite')
-        }}</SettingButton>
+        <SettingButton @click="onWrite">
+          {{ t('nfc.startWrite') }}
+        </SettingButton>
         <view class="nfc-tool-tips">
           {{ t('nfc.tipsWriting') }}
         </view>
@@ -230,15 +206,15 @@
 </template>
 <script lang="ts" setup>
 import { ref, reactive, computed } from 'vue';
-import Tag from '../Tag/index.vue';
-import CircularButton from '../CircularButton/index.vue';
+import Tag from '../../../components/Tag/index.vue';
+import CircularButton from '../../../components/CircularButton/index.vue';
 import DevToolTitle from '../DevToolTitle/index.vue';
-import JsonPretty from '../JsonPretty/index.vue';
-import Empty from '../Empty/index.vue';
-import useNFC from '../hooks/useNFC';
+import JsonPretty from '../../../components/JsonPretty/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import useNFC from '../../../hooks/useNFC';
 import SettingButton from '../SettingButton/index.vue';
 import { selectItems, writeMethods, encryptionMethods } from './const';
-import { useI18n } from '../../i18n';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();
 

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

@@ -1,17 +1,16 @@
 <template>
   <view class="nfc-content">
     <view class="nfc-control">
-      <DevToolTitle> {{ t('nfc.title') }} </DevToolTitle>
+      <DevToolTitle>{{ t('nfc.title') }}</DevToolTitle>
 
       <Tag
         mode="clear"
         style="margin: 0 16px 0 auto"
         customStyle="margin:0 16px 0 auto"
-        @click="emit('openTool')"
-      >
+        @click="emit('openTool')">
         {{ t('common.tool') }}
       </Tag>
-      <Tag mode="clear" @click="emit('clear')"> {{ t('common.clear') }} </Tag>
+      <Tag mode="clear" @click="emit('clear')">{{ t('common.clear') }}</Tag>
     </view>
 
     <VirtualList
@@ -20,8 +19,7 @@
       :pageSize="20"
       :height="contentHeight - 32 * 2"
       :data="nfcList"
-      :scrollWithAnimation="true"
-    >
+      :scrollWithAnimation="true">
       <template #default="{ list, start, itemsHeight, onSizeChange }">
         <AutoSize
           v-for="(item, index) in list"
@@ -29,15 +27,13 @@
           :index="start + index"
           :id="`dev-nfc${index}`"
           :itemsHeight="itemsHeight"
-          :onSizeChange="onSizeChange"
-        >
+          :onSizeChange="onSizeChange">
           <NFCItem
             :nfcItem="item"
             :mode="mode"
             :useDevSource="useDevSource"
             @openJson="emit('openJson', $event)"
-            @openCode="emit('openCode', $event)"
-          />
+            @openCode="emit('openCode', $event)" />
         </AutoSize>
       </template>
     </VirtualList>
@@ -48,12 +44,12 @@
 <script lang="ts" setup>
 import DevToolTitle from '../DevToolTitle/index.vue';
 import NFCItem from './NFCItem.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/{NetworkList → DevTool/components/NetworkList}/InterceptConfig.vue

@@ -19,6 +19,18 @@
       <view class="intercept-config-tip">
         {{ t('network.tipsTimeout') }}
       </view>
+      <view class="intercept-config-control">
+        <DevToolTitle>
+          {{ t('network.delay') }}
+        </DevToolTitle>
+      </view>
+      <input
+        class="intercept-input"
+        :value="state.delay"
+        @input="onChangeState($event, 'delay')" />
+      <view class="intercept-config-tip">
+        {{ t('network.tipsDelay') }}
+      </view>
       <view class="intercept-config-control">
         <DevToolTitle>{{ t('network.responseStatus') }}</DevToolTitle>
       </view>
@@ -211,13 +223,14 @@
 </template>
 <script lang="ts" setup>
 import { computed, ref, onMounted } from 'vue';
-import CircularButton from '../CircularButton/index.vue';
+import CircularButton from '../../../components/CircularButton/index.vue';
 import DevToolTitle from '../DevToolTitle/index.vue';
-import type { DevTool } from '../../type';
+import type { DevTool } from '../../../../type';
 import SettingButton from '../SettingButton/index.vue';
-import { useI18n } from '../../i18n';
-import { getThemeMainColor } from '../styles/theme';
+import { useI18n } from '../../../../i18n';
+import { getThemeMainColor } from '../../../styles/theme';
 const { t } = useI18n();
+
 const themeColor = computed(() => getThemeMainColor(props.theme));
 
 const props = defineProps<{
@@ -253,6 +266,7 @@ const { state, hasUrl, onChangeState, parseUrlToList, parseListToUrl } =
     bodyText: '',
     responseText: '',
     timeout: 3 * 1000,
+    delay: 0,
   });
 
 const {
@@ -338,6 +352,7 @@ function onConfirm() {
     url: state.url,
     method: state.method,
     timeout: state.timeout,
+    delay: state.delay,
     status: state.status as string,
     time: '',
     startTime: 0,
@@ -441,6 +456,7 @@ function handleInterceptConfig() {
   state.url = props.network.url;
   state.method = props.network.method?.toUpperCase() ?? 'GET';
   state.status = props.network.status as string;
+  state.delay = props.network.delay ?? 0;
 
   // 初始化请求头
   const requestHeaders =

package/dist/v3/{NetworkList → DevTool/components/NetworkList}/InterceptItem.vue

@@ -29,9 +29,9 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 
-import Tag from '../Tag/index.vue';
-import type { DevTool } from '../../type';
-import { useI18n } from '../../i18n';
+import Tag from '../../../components/Tag/index.vue';
+import type { DevTool } from '../../../../type';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();
 const props = defineProps<{

package/dist/v3/{NetworkList → DevTool/components/NetworkList}/NetworkDetail.vue

@@ -1,22 +1,20 @@
 <template>
   <view class="network-detail" :style="customStyle">
     <view class="network-detail-control">
-      <DevToolTitle> {{ t('network.requestDetail') }} </DevToolTitle>
+      <DevToolTitle>{{ t('network.requestDetail') }}</DevToolTitle>
       <Tag
         mode="info"
         v-for="item in translatedSelectItems"
         :active="item.value === currentSelect"
         :key="item.value"
         customStyle="margin-left: 16px"
-        @click="onSelect(item)"
-      >
+        @click="onSelect(item)">
         {{ item.label }}
       </Tag>
       <CircularButton
         style="margin-left: auto"
         text="×"
-        @click="emit('close')"
-      />
+        @click="emit('close')" />
     </view>
 
     <scroll-view
@@ -24,13 +22,12 @@
       class="network-detail-base"
       :style="{ height: contentHeight - 32 + 'px' }"
       v-if="currentSelect === 'base'"
-      @touchmove.stop
-    >
+      @touchmove.stop>
       <!-- 
      @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> {{ t('network.general') }} </DevToolTitle>
+      <DevToolTitle>{{ t('network.general') }}</DevToolTitle>
       <view class="net-detail-item">
         <view class="net-detail-item-key">{{ t('network.requestUrl') }}:</view>
         <view class="net-detail-url" @click="onClickUrl">
@@ -84,8 +81,7 @@
         <view
           class="net-detail-item"
           v-for="item in network.headers.requestHeader"
-          :key="item.key"
-        >
+          :key="item.key">
           <view class="net-detail-item-key">{{ item.key }}:</view>
           {{ item.value }}
         </view>
@@ -99,8 +95,7 @@
         <view
           class="net-detail-item"
           v-for="item in network.headers.responseHeader"
-          :key="item.key"
-        >
+          :key="item.key">
           <view class="net-detail-item-key">{{ item.key }}:</view>
           {{ item.value }}
         </view>
@@ -116,13 +111,11 @@
           :data="payload.value"
           :height="contentHeight - 32"
           :nodeSelectable="() => false"
-          :pathCollapsible="() => false"
-        />
+          :pathCollapsible="() => false" />
       </template>
       <view
         v-else-if="payload?.type === 'string'"
-        class="network-detail-payload"
-      >
+        class="network-detail-payload">
         {{ payload.value }}
       </view>
       <Empty v-else />
@@ -135,13 +128,11 @@
           :data="response.value"
           :height="contentHeight - 32"
           :nodeSelectable="() => false"
-          :pathCollapsible="() => false"
-        />
+          :pathCollapsible="() => false" />
       </template>
       <view
         v-else-if="response?.type === 'string'"
-        class="network-detail-payload"
-      >
+        class="network-detail-payload">
         {{ response.value }}
       </view>
       <Empty v-else />
@@ -150,14 +141,14 @@
 </template>
 <script lang="ts" setup>
 import { ref, computed } from 'vue';
-import JsonPretty from '../JsonPretty/index.vue';
-import Tag from '../Tag/index.vue';
-import Empty from '../Empty/index.vue';
-import CircularButton from '../CircularButton/index.vue';
+import JsonPretty from '../../../components/JsonPretty/index.vue';
+import Tag from '../../../components/Tag/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import CircularButton from '../../../components/CircularButton/index.vue';
 import DevToolTitle from '../DevToolTitle/index.vue';
-import type { DevTool } from '../../type';
-import { formatDate } from '../../utils';
-import { useI18n } from '../../i18n';
+import type { DevTool } from '../../../../type';
+import { formatDate } from '../../../../utils';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();
 const props = defineProps<{

package/dist/v3/{NetworkList → DevTool/components/NetworkList}/NetworkIntercept.vue

@@ -5,34 +5,29 @@
       <CircularButton
         style="margin-left: auto"
         text="+"
-        @click="emit('openConfig')"
-      />
+        @click="emit('openConfig')" />
       <CircularButton
         style="margin-left: 6px"
         text="×"
-        @click="emit('close')"
-      />
+        @click="emit('close')" />
     </view>
     <VirtualList
       class="network-intercept-list"
       :data="interceptNetworkList"
       :pageSize="15"
       :height="contentHeight - 32 - 32"
-      v-if="interceptNetworkList && interceptNetworkList.length > 0"
-    >
+      v-if="interceptNetworkList && interceptNetworkList.length > 0">
       <template v-slot="{ list, start, itemsHeight, onSizeChange }">
         <AutoSize
           v-for="(item, index) in list"
           :index="start + index"
           :key="start + index"
           :itemsHeight="itemsHeight"
-          :onSizeChange="onSizeChange"
-        >
+          :onSizeChange="onSizeChange">
           <InterceptItem
             :network="item"
             @openConfig="emit('openConfig', $event)"
-            @remove="emit('remove', $event)"
-          />
+            @remove="emit('remove', $event)" />
         </AutoSize>
       </template>
     </VirtualList>
@@ -40,14 +35,14 @@
   </view>
 </template>
 <script lang="ts" setup>
-import type { DevTool } from '../../type';
-import CircularButton from '../CircularButton/index.vue';
+import type { DevTool } from '../../../../type';
+import CircularButton from '../../../components/CircularButton/index.vue';
 import DevToolTitle from '../DevToolTitle/index.vue';
 import InterceptItem from './InterceptItem.vue';
-import VirtualList from '../VirtualList/index.vue';
-import AutoSize from '../VirtualList/AutoSize.vue';
-import Empty from '../Empty/index.vue';
-import { useI18n } from '../../i18n';
+import VirtualList from '../../../components/VirtualList/index.vue';
+import AutoSize from '../../../components/VirtualList/AutoSize.vue';
+import Empty from '../../../components/Empty/index.vue';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();
 

package/dist/v3/{NetworkList → DevTool/components/NetworkList}/NetworkItem.vue

@@ -10,9 +10,7 @@
       <view
         class="network-url"
         v-html="network.url"
-        @click="emit('openDetail')"
-      >
-      </view>
+        @click="emit('openDetail')"></view>
 
       <Tag mode="main" class="network-detail-icon" @click.stop="emit('resend')">
         {{ t('network.resend') }}
@@ -42,16 +40,14 @@
     </view>
     <view
       class="network-time-line"
-      :style="`width: ${network.width}; left: ${network.left};`"
-    ></view>
+      :style="`width: ${network.width}; left: ${network.left};`"></view>
 
-    <view class="network-sponsor"
-      >{{ t('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)"
-    >
+      @click.stop="emit('openCode', network.stack)">
       {{ network?.stack }}
     </view>
   </view>
@@ -60,10 +56,10 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 import { sortMap } from './const';
-import Tag from '../Tag/index.vue';
-import { formatDate, isMockWX } from '../../utils';
-import type { DevTool } from '../../type';
-import { useI18n } from '../../i18n';
+import Tag from '../../../components/Tag/index.vue';
+import { formatDate, isMockWX } from '../../../../utils';
+import type { DevTool } from '../../../../type';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();