vite-uni-dev-tool 1.0.0 → 1.1.0

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

@@ -1,140 +1,140 @@
-<template>
-  <view class="intercept-item" @click.stop="emit('openConfig', network)">
-    <view class="intercept-url-row">
-      <Tag mode="info">{{ network.method }}</Tag>
-
-      <view class="intercept-url"> {{ lastUrl }} </view>
-
-      <Tag
-        mode="error"
-        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>
-  </view>
-</template>
-
-<script lang="ts" setup>
-import { computed } from 'vue';
-
-import Tag from '../Tag/index.vue';
-import type { DevTool } from '../../type';
-import { useI18n } from '../../i18n';
-
-const { t } = useI18n();
-const props = defineProps<{
-  network: DevTool.NetworkItem;
-
-  zIndex?: number;
-  mode?: string;
-  useDevSource?: boolean;
-}>();
-
-const emit = defineEmits<{
-  (e: 'openDetail'): void;
-  (e: 'resend'): void;
-  (e: 'openCode', value?: string): void;
-  (e: 'openConfig', value?: DevTool.NetworkItem): void;
-  (e: 'remove', value: DevTool.NetworkItem): void;
-}>();
-
-const lastUrl = computed(() => {
-  const start = props.network.url.lastIndexOf('/');
-  return props.network.url.slice(start + 1);
-});
-
-const tagMode = computed(() => {
-  const status = props.network.status;
-  return status === 'pending'
-    ? 'info'
-    : /[4,5]\d{2,}/.test(status + '') || status === 'error'
-      ? 'error'
-      : 'success';
-});
-
-const expectingResults = computed(() => {
-  return props.network.response.data ? t('common.custom') : t('common.none');
-});
-</script>
-<style scoped>
-.intercept-item {
-  padding: 16px;
-  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;
-}
-
-.intercept-url {
-  margin-left: 4px;
-  flex: 1;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.intercept-detail-icon {
-  margin-left: auto;
-}
-
-.intercept-info {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-top: 4px;
-  color: var(--dev-tool-text-color);
-  transition: color 0.3s;
-}
-
-.intercept-info-item {
-  display: flex;
-  align-items: center;
-  width: 50%;
-}
-
-.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);
-  opacity: 0;
-}
-
-.intercept-time-line {
-  position: relative;
-  margin-top: 10px;
-  height: 2px;
-  min-width: 6px;
-  background-color: var(--dev-tool-time-line-color);
-}
-
-.intercept-stock {
-  text-align: right;
-  overflow-wrap: break-word;
-}
-
-.intercept-stock-link {
-  text-decoration: underline;
-}
-</style>
+<template>
+  <view class="intercept-item" @click.stop="emit('openConfig', network)">
+    <view class="intercept-url-row">
+      <Tag mode="info">{{ network.method }}</Tag>
+
+      <view class="intercept-url"> {{ lastUrl }} </view>
+
+      <Tag
+        mode="error"
+        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>
+  </view>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+import Tag from '../../../components/Tag/index.vue';
+import type { DevTool } from '../../../../type';
+import { useI18n } from '../../../../i18n';
+
+const { t } = useI18n();
+const props = defineProps<{
+  network: DevTool.NetworkItem;
+
+  zIndex?: number;
+  mode?: string;
+  useDevSource?: boolean;
+}>();
+
+const emit = defineEmits<{
+  (e: 'openDetail'): void;
+  (e: 'resend'): void;
+  (e: 'openCode', value?: string): void;
+  (e: 'openConfig', value?: DevTool.NetworkItem): void;
+  (e: 'remove', value: DevTool.NetworkItem): void;
+}>();
+
+const lastUrl = computed(() => {
+  const start = props.network.url.lastIndexOf('/');
+  return props.network.url.slice(start + 1);
+});
+
+const tagMode = computed(() => {
+  const status = props.network.status;
+  return status === 'pending'
+    ? 'info'
+    : /[4,5]\d{2,}/.test(status + '') || status === 'error'
+      ? 'error'
+      : 'success';
+});
+
+const expectingResults = computed(() => {
+  return props.network.response.data ? t('common.custom') : t('common.none');
+});
+</script>
+<style scoped>
+.intercept-item {
+  padding: 16px;
+  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;
+}
+
+.intercept-url {
+  margin-left: 4px;
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.intercept-detail-icon {
+  margin-left: auto;
+}
+
+.intercept-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 4px;
+  color: var(--dev-tool-text-color);
+  transition: color 0.3s;
+}
+
+.intercept-info-item {
+  display: flex;
+  align-items: center;
+  width: 50%;
+}
+
+.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);
+  opacity: 0;
+}
+
+.intercept-time-line {
+  position: relative;
+  margin-top: 10px;
+  height: 2px;
+  min-width: 6px;
+  background-color: var(--dev-tool-time-line-color);
+}
+
+.intercept-stock {
+  text-align: right;
+  overflow-wrap: break-word;
+}
+
+.intercept-stock-link {
+  text-decoration: underline;
+}
+</style>