vite-uni-dev-tool 1.1.0 → 1.2.0

package/dist/v3/DevTool/components/NetworkList/const.ts

@@ -1,4 +1,4 @@
-export const sortMap = {
-  '-1': ' ↑ ',
-  '1': ' ↓ ',
-};
+export const sortMap = {
+  '-1': ' ↑ ',
+  '1': ' ↓ ',
+};

package/dist/v3/DevTool/components/NetworkList/hooks/useNetworkForm.ts

@@ -1,86 +1,86 @@
-import { reactive, ref } from 'vue';
-import { urlParamsToObject, objectToArray, arrayToUrlParams } from '../utils';
-import type { PB } from '../utils';
-
-export function useKeyValueList(initialList: PB[] = []) {
-  const list = reactive<PB[]>([...initialList]);
-
-  function onAdd() {
-    list.push({
-      id: Date.now().toString() + Math.random().toString(36).substring(2, 9),
-      key: '',
-      value: '',
-      checked: false,
-    });
-  }
-
-  function onDelete(item: PB) {
-    const index = list.findIndex((i) => i.id === item.id);
-    if (index > -1) {
-      list.splice(index, 1);
-    }
-  }
-
-  function onChangeChecked(e: any) {
-    const checkedIds = e.detail?.value ?? [];
-    list.forEach((item) => {
-      item.checked = checkedIds.includes(item.id);
-    });
-  }
-
-  function onChangeValue(index: number, key: 'key' | 'value', value: string) {
-    if (list[index]) {
-      list[index][key] = value;
-    }
-  }
-
-  function setList(newList: PB[]) {
-    list.splice(0, list.length, ...newList);
-  }
-
-  return {
-    list,
-    onAdd,
-    onDelete,
-    onChangeChecked,
-    onChangeValue,
-    setList,
-  };
-}
-
-export function useNetworkState(initialState: any) {
-  const state = reactive({ ...initialState });
-  const hasUrl = ref(true);
-
-  function onChangeState(e: any, key: string) {
-    state[key] = e.detail.value;
-  }
-
-  function parseUrlToList(url: string) {
-    if (url.includes('?')) {
-      const query = url.split('?')[1];
-      const queryObject = urlParamsToObject(query);
-      return objectToArray(queryObject);
-    }
-    return [];
-  }
-
-  function parseListToUrl(url: string, list: PB[]) {
-    const baseUrl = url.split('?')[0] || '';
-    if (list.length === 0) {
-      return baseUrl;
-    } else {
-      const checkedList = list.filter((q) => q.checked);
-      if (checkedList.length === 0) return baseUrl;
-      return baseUrl + '?' + arrayToUrlParams(checkedList);
-    }
-  }
-
-  return {
-    state,
-    hasUrl,
-    onChangeState,
-    parseUrlToList,
-    parseListToUrl,
-  };
-}
+import { reactive, ref } from 'vue';
+import { urlParamsToObject, objectToArray, arrayToUrlParams } from '../utils';
+import type { PB } from '../utils';
+
+export function useKeyValueList(initialList: PB[] = []) {
+  const list = reactive<PB[]>([...initialList]);
+
+  function onAdd() {
+    list.push({
+      id: Date.now().toString() + Math.random().toString(36).substring(2, 9),
+      key: '',
+      value: '',
+      checked: false,
+    });
+  }
+
+  function onDelete(item: PB) {
+    const index = list.findIndex((i) => i.id === item.id);
+    if (index > -1) {
+      list.splice(index, 1);
+    }
+  }
+
+  function onChangeChecked(e: any) {
+    const checkedIds = e.detail?.value ?? [];
+    list.forEach((item) => {
+      item.checked = checkedIds.includes(item.id);
+    });
+  }
+
+  function onChangeValue(index: number, key: 'key' | 'value', value: string) {
+    if (list[index]) {
+      list[index][key] = value;
+    }
+  }
+
+  function setList(newList: PB[]) {
+    list.splice(0, list.length, ...newList);
+  }
+
+  return {
+    list,
+    onAdd,
+    onDelete,
+    onChangeChecked,
+    onChangeValue,
+    setList,
+  };
+}
+
+export function useNetworkState(initialState: any) {
+  const state = reactive({ ...initialState });
+  const hasUrl = ref(true);
+
+  function onChangeState(e: any, key: string) {
+    state[key] = e.detail.value;
+  }
+
+  function parseUrlToList(url: string) {
+    if (url.includes('?')) {
+      const query = url.split('?')[1];
+      const queryObject = urlParamsToObject(query);
+      return objectToArray(queryObject);
+    }
+    return [];
+  }
+
+  function parseListToUrl(url: string, list: PB[]) {
+    const baseUrl = url.split('?')[0] || '';
+    if (list.length === 0) {
+      return baseUrl;
+    } else {
+      const checkedList = list.filter((q) => q.checked);
+      if (checkedList.length === 0) return baseUrl;
+      return baseUrl + '?' + arrayToUrlParams(checkedList);
+    }
+  }
+
+  return {
+    state,
+    hasUrl,
+    onChangeState,
+    parseUrlToList,
+    parseListToUrl,
+  };
+}

package/dist/v3/DevTool/components/NetworkList/index.vue

@@ -1,160 +1,160 @@
-<template>
-  <view class="network-content">
-    <view class="network-control">
-      <DevToolTitle>{{ t('common.network') }}</DevToolTitle>
-      <FilterInput
-        :modelValue="modelValue"
-        :placeholder="t('setting.network.searchUrl')"
-        @search="emit('search', $event)"
-        @update:modelValue="emit('update:modelValue', $event)" />
-
-      <Pick
-        readonly
-        :modelValue="currentNetworkType"
-        :options="networkFilterItems"
-        @change="onChoose($event.value)" />
-
-      <Tag mode="clear" @click="onSort">
-        &nbsp;{{ sortMap?.[currentNetworkSort] ?? '一' }}&nbsp;
-      </Tag>
-
-      <Tag mode="error" @click="emit('openIntercept')">
-        {{ t('setting.network.btnIntercept') }}
-      </Tag>
-      <Tag mode="primary" @click="emit('openSend')">
-        {{ t('setting.network.send') }}
-      </Tag>
-      <Tag mode="clear" @click="onChoose('clear')">
-        {{ t('common.clear') }}
-      </Tag>
-    </view>
-
-    <VirtualList
-      :data="networkList"
-      :pageSize="15"
-      :height="contentHeight - 32 - 32"
-      className="network-list"
-      v-if="networkList.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">
-          <NetworkItem
-            :network="item"
-            :zIndex="zIndex"
-            :currentNetworkSort="currentNetworkSort"
-            :mode="mode"
-            :useDevSource="useDevSource"
-            @openDetail="emit('openDetail', item)"
-            @resend="emit('openSend', item)"
-            @openCode="emit('openCode', $event)" />
-        </AutoSize>
-      </template>
-    </VirtualList>
-    <Empty v-else />
-  </view>
-</template>
-<script lang="ts" setup>
-import Tag from '../../../components/Tag/index.vue';
-import NetworkItem from './NetworkItem.vue';
-import Empty from '../../../components/Empty/index.vue';
-import FilterInput from '../../../components/FilterInput/index.vue';
-import Pick from '../../../components/Pick/index.vue';
-import type { DevTool } from '../../../../type';
-import VirtualList from '../../../components/VirtualList/index.vue';
-import AutoSize from '../../../components/VirtualList/AutoSize.vue';
-import DevToolTitle from '../DevToolTitle/index.vue';
-
-import { sortMap } from './const';
-import { useI18n } from '../../../../i18n';
-import { computed } from 'vue';
-
-const { t } = useI18n();
-
-const props = defineProps<{
-  currentNetworkType: string;
-  currentNetworkSort: -1 | 1;
-  networkList: DevTool.NetworkItem[];
-  modelValue: string;
-  zIndex?: number;
-  mode?: string;
-  useDevSource?: boolean;
-  contentHeight: number;
-}>();
-
-const emit = defineEmits<{
-  (e: 'choose', type: string): void;
-  (e: 'update:modelValue', value: string): void;
-  (e: 'search', value: string): void;
-  (e: 'sort', sort: -1 | 1): void;
-  (e: 'openCode', value?: string): void;
-  (e: 'openSend', value?: DevTool.NetworkItem): void;
-  (e: 'openDetail', value?: DevTool.NetworkItem): void;
-  (e: 'openIntercept'): void;
-}>();
-const networkFilterItems = computed(() => [
-  {
-    label: t('common.all'),
-    value: 'all',
-    mode: 'all',
-  },
-  {
-    label: 'GET',
-    value: 'GET',
-    mode: 'info',
-  },
-  {
-    label: 'POST',
-    value: 'POST',
-    mode: 'info',
-  },
-  {
-    label: 'PUT',
-    value: 'PUT',
-    mode: 'info',
-  },
-  {
-    label: 'DELETE',
-    value: 'DELETE',
-    mode: 'info',
-  },
-  {
-    label: 'Error',
-    value: 'error',
-    mode: 'error',
-  },
-]);
-
-function onChoose(type: string) {
-  emit('choose', type);
-}
-
-function onSort() {
-  const sort = props.currentNetworkSort === 1 ? -1 : 1;
-  emit('sort', sort);
-}
-</script>
-<style scoped>
-.network-content {
-  height: 100%;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.network-list {
-  height: calc(100% - 32px);
-}
-
-.network-control {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-  padding: 0 16px;
-  height: 32px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-</style>
+<template>
+  <view class="network-content">
+    <view class="network-control">
+      <DevToolTitle>{{ t('common.network') }}</DevToolTitle>
+      <FilterInput
+        :modelValue="modelValue"
+        :placeholder="t('setting.network.searchUrl')"
+        @search="emit('search', $event)"
+        @update:modelValue="emit('update:modelValue', $event)" />
+
+      <Pick
+        readonly
+        :modelValue="currentNetworkType"
+        :options="networkFilterItems"
+        @change="onChoose($event.value)" />
+
+      <Tag mode="clear" @click="onSort">
+        &nbsp;{{ sortMap?.[currentNetworkSort] ?? '一' }}&nbsp;
+      </Tag>
+
+      <Tag mode="error" @click="emit('openIntercept')">
+        {{ t('setting.network.btnIntercept') }}
+      </Tag>
+      <Tag mode="primary" @click="emit('openSend')">
+        {{ t('setting.network.send') }}
+      </Tag>
+      <Tag mode="clear" @click="onChoose('clear')">
+        {{ t('common.clear') }}
+      </Tag>
+    </view>
+
+    <VirtualList
+      :data="networkList"
+      :pageSize="15"
+      :height="contentHeight - 32 - 32"
+      className="network-list"
+      v-if="networkList.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">
+          <NetworkItem
+            :network="item"
+            :zIndex="zIndex"
+            :currentNetworkSort="currentNetworkSort"
+            :mode="mode"
+            :useDevSource="useDevSource"
+            @openDetail="emit('openDetail', item)"
+            @resend="emit('openSend', item)"
+            @openCode="emit('openCode', $event)" />
+        </AutoSize>
+      </template>
+    </VirtualList>
+    <Empty v-else />
+  </view>
+</template>
+<script lang="ts" setup>
+import Tag from '../../../components/Tag/index.vue';
+import NetworkItem from './NetworkItem.vue';
+import Empty from '../../../components/Empty/index.vue';
+import FilterInput from '../../../components/FilterInput/index.vue';
+import Pick from '../../../components/Pick/index.vue';
+import type { DevTool } from '../../../../type';
+import VirtualList from '../../../components/VirtualList/index.vue';
+import AutoSize from '../../../components/VirtualList/AutoSize.vue';
+import DevToolTitle from '../DevToolTitle/index.vue';
+
+import { sortMap } from './const';
+import { useI18n } from '../../../../i18n';
+import { computed } from 'vue';
+
+const { t } = useI18n();
+
+const props = defineProps<{
+  currentNetworkType: string;
+  currentNetworkSort: -1 | 1;
+  networkList: DevTool.NetworkItem[];
+  modelValue: string;
+  zIndex?: number;
+  mode?: string;
+  useDevSource?: boolean;
+  contentHeight: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'choose', type: string): void;
+  (e: 'update:modelValue', value: string): void;
+  (e: 'search', value: string): void;
+  (e: 'sort', sort: -1 | 1): void;
+  (e: 'openCode', value?: string): void;
+  (e: 'openSend', value?: DevTool.NetworkItem): void;
+  (e: 'openDetail', value?: DevTool.NetworkItem): void;
+  (e: 'openIntercept'): void;
+}>();
+const networkFilterItems = computed(() => [
+  {
+    label: t('common.all'),
+    value: 'all',
+    mode: 'all',
+  },
+  {
+    label: 'GET',
+    value: 'GET',
+    mode: 'info',
+  },
+  {
+    label: 'POST',
+    value: 'POST',
+    mode: 'info',
+  },
+  {
+    label: 'PUT',
+    value: 'PUT',
+    mode: 'info',
+  },
+  {
+    label: 'DELETE',
+    value: 'DELETE',
+    mode: 'info',
+  },
+  {
+    label: 'Error',
+    value: 'error',
+    mode: 'error',
+  },
+]);
+
+function onChoose(type: string) {
+  emit('choose', type);
+}
+
+function onSort() {
+  const sort = props.currentNetworkSort === 1 ? -1 : 1;
+  emit('sort', sort);
+}
+</script>
+<style scoped>
+.network-content {
+  height: 100%;
+  font-size: var(--dev-tool-base-font-size);
+}
+
+.network-list {
+  height: calc(100% - 32px);
+}
+
+.network-control {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 0 16px;
+  height: 32px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+}
+</style>