vite-uni-dev-tool 1.1.0 → 1.2.0

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

@@ -1,106 +1,106 @@
-<template>
-  <view class="el-event-content">
-    <view class="el-event-control">
-      <DevToolTitle>{{ t('elEvent.title') }}</DevToolTitle>
-
-      <Tag
-        mode="clear"
-        style="margin-left: auto"
-        customStyle="margin-left: auto"
-        @click="emit('clear')">
-        {{ t('common.clear') }}
-      </Tag>
-    </view>
-
-    <VirtualList
-      v-if="elEventList && elEventList?.length > 0"
-      class="el-event-list"
-      :pageSize="20"
-      :height="contentHeight - 32 * 2"
-      :data="elEventList"
-      :scrollWithAnimation="true">
-      <template #default="{ list, start, itemsHeight, onSizeChange }">
-        <AutoSize
-          v-for="(item, index) in list"
-          :key="start + index"
-          :index="start + index"
-          :id="`dev-el-event-${index}`"
-          :itemsHeight="itemsHeight"
-          :onSizeChange="onSizeChange">
-          <ElEventItem :eventItem="item" @openJson="emit('openJson', $event)" />
-        </AutoSize>
-      </template>
-    </VirtualList>
-
-    <Empty v-else />
-  </view>
-</template>
-<script lang="ts" setup>
-import DevToolTitle from '../DevToolTitle/index.vue';
-import ElEventItem from './ElEventItem.vue';
-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();
-
-const _props = defineProps<{
-  elEventList?: DevTool.ElEventItem[];
-  eventCount?: DevTool.EventCount;
-  useDevSource?: boolean;
-  mode?: string;
-  sourceFileServers?: string[];
-  zIndex?: number;
-  contentHeight: number;
-}>();
-
-const emit = defineEmits<{
-  (e: 'clear'): void;
-  (e: 'openJson', value?: { title?: string; data: Record<string, any> }): void;
-}>();
-</script>
-<style scoped>
-.el-event-content {
-  height: 100%;
-  overflow: auto;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.el-event-statistics {
-  display: flex;
-  align-items: center;
-  justify-content: space-around;
-  padding: 0 16px;
-  height: 32px;
-  box-sizing: border-box;
-  gap: 12px;
-}
-
-.el-event-statistics-item {
-  display: flex;
-  align-items: center;
-  width: 25%;
-}
-
-.el-event-statistics-item-name {
-  margin-right: 8px;
-}
-
-.el-event-list {
-  height: calc(100% - 32px * 2);
-  overflow: auto;
-}
-
-.el-event-control {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 16px;
-  height: 32px;
-  box-sizing: border-box;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-}
-</style>
+<template>
+  <view class="el-event-content">
+    <view class="el-event-control">
+      <DevToolTitle>{{ t('elEvent.title') }}</DevToolTitle>
+
+      <Tag
+        mode="clear"
+        style="margin-left: auto"
+        customStyle="margin-left: auto"
+        @click="emit('clear')">
+        {{ t('common.clear') }}
+      </Tag>
+    </view>
+
+    <VirtualList
+      v-if="elEventList && elEventList?.length > 0"
+      class="el-event-list"
+      :pageSize="20"
+      :height="contentHeight - 32 * 2"
+      :data="elEventList"
+      :scrollWithAnimation="true">
+      <template #default="{ list, start, itemsHeight, onSizeChange }">
+        <AutoSize
+          v-for="(item, index) in list"
+          :key="start + index"
+          :index="start + index"
+          :id="`dev-el-event-${index}`"
+          :itemsHeight="itemsHeight"
+          :onSizeChange="onSizeChange">
+          <ElEventItem :eventItem="item" @openJson="emit('openJson', $event)" />
+        </AutoSize>
+      </template>
+    </VirtualList>
+
+    <Empty v-else />
+  </view>
+</template>
+<script lang="ts" setup>
+import DevToolTitle from '../DevToolTitle/index.vue';
+import ElEventItem from './ElEventItem.vue';
+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();
+
+const _props = defineProps<{
+  elEventList?: DevTool.ElEventItem[];
+  eventCount?: DevTool.EventCount;
+  useDevSource?: boolean;
+  mode?: string;
+  sourceFileServers?: string[];
+  zIndex?: number;
+  contentHeight: number;
+}>();
+
+const emit = defineEmits<{
+  (e: 'clear'): void;
+  (e: 'openJson', value?: { title?: string; data: Record<string, any> }): void;
+}>();
+</script>
+<style scoped>
+.el-event-content {
+  height: 100%;
+  overflow: auto;
+  font-size: var(--dev-tool-base-font-size);
+}
+
+.el-event-statistics {
+  display: flex;
+  align-items: center;
+  justify-content: space-around;
+  padding: 0 16px;
+  height: 32px;
+  box-sizing: border-box;
+  gap: 12px;
+}
+
+.el-event-statistics-item {
+  display: flex;
+  align-items: center;
+  width: 25%;
+}
+
+.el-event-statistics-item-name {
+  margin-right: 8px;
+}
+
+.el-event-list {
+  height: calc(100% - 32px * 2);
+  overflow: auto;
+}
+
+.el-event-control {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+  height: 32px;
+  box-sizing: border-box;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+}
+</style>