vite-uni-dev-tool 1.0.0 → 1.1.0

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

@@ -1,160 +1,171 @@
-<template>
-  <view class="console-content">
-    <view class="console-control">
-      <DevToolTitle>{{ t('common.console') }}</DevToolTitle>
-      <FilterInput v-model="modelValue" @search="emit('search', $event)" />
-      <Pick
-        v-model="currentConsoleType"
-        :options="filterOptions"
-        :readonly="true"
-        :placeholder="t('common.selectType')"
-        customStyle="width: 100px; flex: none;"
-        @change="onFilterChange" />
-      <Tag mode="clear" @click="emit('choose', 'clear')">
-        {{ t('common.clear') }}
-      </Tag>
-    </view>
-
-    <VirtualList
-      :data="consoleList"
-      :pageSize="15"
-      :scrollIntoView="scrollIntoView"
-      :scrollWithAnimation="true"
-      :height="contentHeight - 32 - 32 - 32"
-      :dataChangeScrollToTop="false"
-      className="console-list">
-      <template v-slot="{ list, start, itemsHeight, onSizeChange }">
-        <AutoSize
-          v-for="(item, index) in list"
-          :index="start + index"
-          :key="start + index"
-          :itemsHeight="itemsHeight"
-          :onSizeChange="onSizeChange">
-          <ConsoleItem
-            :consoleItem="item"
-            :sourceFileServers="sourceFileServers"
-            :mode="mode"
-            :useDevSource="useDevSource"
-            :id="`dev-console-${index}`"
-            :zIndex="zIndex"
-            @openCode="emit('openCode', $event)"
-            @openJson="emit('openJson', $event)" />
-        </AutoSize>
-        <Empty v-if="!consoleList || consoleList.length === 0" />
-      </template>
-    </VirtualList>
-    <RunJSInput @run="emit('run', $event)" />
-  </view>
-</template>
-<script setup lang="ts">
-import ConsoleItem from './ConsoleItem.vue';
-import Tag from '../Tag/index.vue';
-import Empty from '../Empty/index.vue';
-import FilterInput from '../FilterInput/index.vue';
-import Pick from '../Pick/index.vue';
-import RunJSInput from './RunJSInput.vue';
-import type { DevTool } from '../../type';
-import { nextTick, onMounted, ref, computed } from 'vue';
-import { debounce } from '../../utils';
-import VirtualList from '../VirtualList/index.vue';
-import AutoSize from '../VirtualList/AutoSize.vue';
-import DevToolTitle from '../DevToolTitle/index.vue';
-import { useI18n } from '../../i18n';
-
-const { t } = useI18n();
-
-type ConsoleType = 'all' | 'log' | 'info' | 'warn' | 'error' | 'clear';
-const props = defineProps<{
-  consoleList: DevTool.ConsoleItem[];
-  sourceFileServers?: string[];
-  mode?: string;
-  useDevSource?: boolean;
-  zIndex?: number;
-  contentHeight: number;
-}>();
-const emit = defineEmits<{
-  (e: 'choose', type: ConsoleType): void;
-  (e: 'search', value: string): void;
-  (e: 'run', value: string): void;
-  (e: 'openCode', value: string): void;
-  (e: 'openJson', value: { title?: string; data: Record<string, any> }): void;
-}>();
-
-const modelValue = defineModel<string>('modelValue', { required: true });
-const currentConsoleType = defineModel<string>('currentConsoleType', {
-  required: true,
-});
-
-const consoleFilterItems = computed<
-  {
-    label: string;
-    value: ConsoleType;
-  }[]
->(() => [
-  {
-    label: t('common.all'),
-    value: 'all',
-  },
-  {
-    label: 'info',
-    value: 'info',
-  },
-  {
-    label: 'log',
-    value: 'log',
-  },
-  {
-    label: 'warn',
-    value: 'warn',
-  },
-  {
-    label: 'error',
-    value: 'error',
-  },
-  {
-    label: t('common.clear'),
-    value: 'clear',
-  },
-]);
-
-const filterOptions = computed(() => {
-  return consoleFilterItems.value.filter((item) => item.value !== 'clear');
-});
-
-function onFilterChange(item: { label: string; value: any }) {
-  emit('choose', item.value);
-}
-
-const scrollIntoView = ref('');
-
-const debounceWatch = debounce(() => {
-  scrollIntoView.value = `dev-console-${props.consoleList.length - 1}`;
-}, 200);
-
-onMounted(() => {
-  nextTick(() => {
-    debounceWatch();
-  });
-});
-</script>
-<style scoped>
-.console-content {
-  height: 100%;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.console-list {
-  height: calc(100% - 32px - 32px);
-}
-
-.console-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="console-content">
+    <view class="console-control">
+      <DevToolTitle>{{ t('common.console') }}</DevToolTitle>
+      <FilterInput v-model="modelValue" @search="emit('search', $event)" />
+      <Pick
+        v-model="currentConsoleType"
+        :options="filterOptions"
+        :readonly="true"
+        :placeholder="t('common.selectType')"
+        customStyle="width: 100px; flex: none;"
+        @change="onFilterChange" />
+      <Tag mode="clear" @click="emit('choose', 'clear')">
+        {{ t('common.clear') }}
+      </Tag>
+    </view>
+
+    <VirtualList
+      :data="consoleList"
+      :pageSize="15"
+      :scrollIntoView="scrollIntoView"
+      :scrollWithAnimation="true"
+      :height="contentHeight - 32 - 32 - 32"
+      :dataChangeScrollToTop="false"
+      className="console-list">
+      <template v-slot="{ list, start, itemsHeight, onSizeChange }">
+        <AutoSize
+          v-for="(item, index) in list"
+          :index="start + index"
+          :key="start + index"
+          :itemsHeight="itemsHeight"
+          :onSizeChange="onSizeChange">
+          <ConsoleItem
+            :consoleItem="item"
+            :sourceFileServers="sourceFileServers"
+            :mode="mode"
+            :useDevSource="useDevSource"
+            :id="`dev-console-${index}`"
+            :zIndex="zIndex"
+            @openCode="emit('openCode', $event)"
+            @openJson="emit('openJson', $event)" />
+        </AutoSize>
+        <Empty v-if="!consoleList || consoleList.length === 0" />
+      </template>
+    </VirtualList>
+    <RunJSInput @run="emit('run', $event)" />
+  </view>
+</template>
+<script setup lang="ts">
+import ConsoleItem from './ConsoleItem.vue';
+import Tag from '../../../components/Tag/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import FilterInput from '../../../components/FilterInput/index.vue';
+import Pick from '../../../components/Pick/index.vue';
+import RunJSInput from './RunJSInput.vue';
+import type { DevTool } from '../../../../type';
+import { nextTick, onMounted, ref, computed } from 'vue';
+import { debounce } from '../../../../utils';
+import VirtualList from '../../../components/VirtualList/index.vue';
+import AutoSize from '../../../components/VirtualList/AutoSize.vue';
+import DevToolTitle from '../DevToolTitle/index.vue';
+import { useI18n } from '../../../../i18n';
+
+const { t } = useI18n();
+
+type ConsoleType =
+  | 'all'
+  | 'log'
+  | 'info'
+  | 'debug'
+  | 'warn'
+  | 'error'
+  | 'clear';
+const props = defineProps<{
+  consoleList: DevTool.ConsoleItem[];
+  sourceFileServers?: string[];
+  mode?: string;
+  useDevSource?: boolean;
+  zIndex?: number;
+  contentHeight: number;
+}>();
+const emit = defineEmits<{
+  (e: 'choose', type: ConsoleType): void;
+  (e: 'search', value: string): void;
+  (e: 'run', value: string): void;
+  (e: 'openCode', value: string): void;
+  (e: 'openJson', value: { title?: string; data: Record<string, any> }): void;
+}>();
+
+const modelValue = defineModel<string>('modelValue', { required: true });
+const currentConsoleType = defineModel<string>('currentConsoleType', {
+  required: true,
+});
+
+const consoleFilterItems = computed<
+  {
+    label: string;
+    value: ConsoleType;
+  }[]
+>(() => [
+  {
+    label: t('common.all'),
+    value: 'all',
+  },
+  {
+    label: 'info',
+    value: 'info',
+  },
+  {
+    label: 'debug',
+    value: 'debug',
+  },
+  {
+    label: 'log',
+    value: 'log',
+  },
+  {
+    label: 'warn',
+    value: 'warn',
+  },
+  {
+    label: 'error',
+    value: 'error',
+  },
+  {
+    label: t('common.clear'),
+    value: 'clear',
+  },
+]);
+
+const filterOptions = computed(() => {
+  return consoleFilterItems.value.filter((item) => item.value !== 'clear');
+});
+
+function onFilterChange(item: { label: string; value: any }) {
+  emit('choose', item.value);
+}
+
+const scrollIntoView = ref('');
+
+const debounceWatch = debounce(() => {
+  scrollIntoView.value = `dev-console-${props.consoleList.length - 1}`;
+}, 200);
+
+onMounted(() => {
+  nextTick(() => {
+    debounceWatch();
+  });
+});
+</script>
+<style scoped>
+.console-content {
+  height: 100%;
+  font-size: var(--dev-tool-base-font-size);
+}
+
+.console-list {
+  height: calc(100% - 32px - 32px);
+}
+
+.console-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>