vite-uni-dev-tool 1.0.0 → 1.1.0

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

@@ -1,94 +1,93 @@
-<template>
-  <view class="pinia-content">
-    <view class="pinia-control">
-      <DevToolTitle>{{ t('pinia.title') }}</DevToolTitle>
-    </view>
-    <view class="pinia-json-wrapper">
-      <JsonPretty
-        editable
-        showLength
-        virtual
-        v-if="showJson"
-        :data="piniaList"
-        :theme="theme"
-        :height="contentHeight - 32 - 32"
-        :nodeSelectable="() => false"
-        :pathCollapsible="() => false"
-        @update:data="onUpdateData"
-        @nodeClick="onNodeClick"
-      />
-      <Empty v-else />
-    </view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { computed } from 'vue';
-import JsonPretty from '../JsonPretty/index.vue';
-import Empty from '../Empty/index.vue';
-import DevToolTitle from '../DevToolTitle/index.vue';
-import { getValueByPath } from '../../utils';
-import { useI18n } from '../../i18n';
-
-const { t } = useI18n();
-
-const props = defineProps<{
-  piniaList: Record<string, any>;
-  theme?: string;
-  contentHeight: number;
-}>();
-const emit = defineEmits<{
-  (e: 'update:piniaList', data: Record<string, any>): void;
-  (e: 'diffValue', value: any): void;
-}>();
-const showJson = computed(() => {
-  try {
-    const str = JSON.stringify(props.piniaList);
-    if (typeof props.piniaList === 'object' && (str === '' || str === '{}')) {
-      return false;
-    }
-    return true;
-  } catch (_error) {
-    return false;
-  }
-});
-
-let currentSelect: any;
-function onUpdateData(data: Record<string, any>) {
-  try {
-    const keys = currentSelect?.path?.slice(5);
-    if (!keys) return;
-    const newData = getValueByPath(data, keys);
-
-    emit('update:piniaList', data);
-    emit('diffValue', {
-      [keys]: newData,
-    });
-  } catch (error) {
-    console.log('error: ', error);
-  }
-}
-function onNodeClick(node: any) {
-  currentSelect = node;
-}
-</script>
-<style scoped>
-.pinia-content {
-  font-size: var(--dev-tool-base-font-size);
-  height: 100%;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-
-.pinia-control {
-  display: flex;
-  align-items: center;
-  padding: 0 16px;
-  height: 32px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  box-sizing: border-box;
-}
-
-.pinia-json-wrapper {
-  padding: 0 16px;
-}
-</style>
+<template>
+  <view class="pinia-content">
+    <view class="pinia-control">
+      <DevToolTitle>{{ t('pinia.title') }}</DevToolTitle>
+    </view>
+    <view class="pinia-json-wrapper">
+      <JsonPretty
+        editable
+        showLength
+        virtual
+        v-if="showJson"
+        :data="piniaList"
+        :theme="theme"
+        :height="contentHeight - 32 - 32"
+        :nodeSelectable="() => false"
+        :pathCollapsible="() => false"
+        @update:data="onUpdateData"
+        @nodeClick="onNodeClick" />
+      <Empty v-else />
+    </view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { computed } from 'vue';
+import JsonPretty from '../../../components/JsonPretty/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import DevToolTitle from '../DevToolTitle/index.vue';
+import { getValueByPath } from '../../../../utils';
+import { useI18n } from '../../../../i18n';
+
+const { t } = useI18n();
+
+const props = defineProps<{
+  piniaList: Record<string, any>;
+  theme?: string;
+  contentHeight: number;
+}>();
+const emit = defineEmits<{
+  (e: 'update:piniaList', data: Record<string, any>): void;
+  (e: 'diffValue', value: any): void;
+}>();
+const showJson = computed(() => {
+  try {
+    const str = JSON.stringify(props.piniaList);
+    if (typeof props.piniaList === 'object' && (str === '' || str === '{}')) {
+      return false;
+    }
+    return true;
+  } catch (_error) {
+    return false;
+  }
+});
+
+let currentSelect: any;
+function onUpdateData(data: Record<string, any>) {
+  try {
+    const keys = currentSelect?.path?.slice(5);
+    if (!keys) return;
+    const newData = getValueByPath(data, keys);
+
+    emit('update:piniaList', data);
+    emit('diffValue', {
+      [keys]: newData,
+    });
+  } catch (error) {
+    console.log('error: ', error);
+  }
+}
+function onNodeClick(node: any) {
+  currentSelect = node;
+}
+</script>
+<style scoped>
+.pinia-content {
+  font-size: var(--dev-tool-base-font-size);
+  height: 100%;
+  box-sizing: border-box;
+  overflow: hidden;
+}
+
+.pinia-control {
+  display: flex;
+  align-items: center;
+  padding: 0 16px;
+  height: 32px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  box-sizing: border-box;
+}
+
+.pinia-json-wrapper {
+  padding: 0 16px;
+}
+</style>

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

@@ -8,8 +8,7 @@
         :placeholder="t('common.searchNamePath')"
         :modelValue="modelValue"
         @search="emit('search', $event)"
-        @update:modelValue="emit('update:modelValue', $event)"
-      />
+        @update:modelValue="emit('update:modelValue', $event)" />
       <Tag mode="clear" @click="onRefresh">{{ t('common.refresh') }}</Tag>
     </view>
 
@@ -17,16 +16,15 @@
       :data="routeList"
       :pageSize="15"
       :height="contentHeight - 32 - 32"
-      className="route-list"
-    >
+      :dataChangeScrollToTop="false"
+      className="route-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"
-        >
+          :onSizeChange="onSizeChange">
           <view class="route-item">
             <view class="route-item-name">
               <view v-html="item.name" />
@@ -44,8 +42,7 @@
                 mode="main"
                 style="margin-left: auto"
                 customStyle="margin-left: auto"
-                @click="onGoTo(item)"
-              >
+                @click="onGoTo(item)">
                 {{ t('common.navigate') }}
               </Tag>
             </view>
@@ -71,14 +68,14 @@
               </view>
             </view>
             <view class="route-item-info">
-              <view
-                >{{ t('route.lastDuration') }}:
-                {{ formatDuration(item.duration) }}</view
-              >
-              <view
-                >{{ t('route.totalDuration') }}:
-                {{ formatDuration(item.totalDuration) }}</view
-              >
+              <view>
+                {{ t('route.lastDuration') }}:
+                {{ formatDuration(item.duration) }}
+              </view>
+              <view>
+                {{ t('route.totalDuration') }}:
+                {{ formatDuration(item.totalDuration) }}
+              </view>
             </view>
           </view>
         </AutoSize>
@@ -88,15 +85,15 @@
   </view>
 </template>
 <script lang="ts" setup>
-import Tag from '../Tag/index.vue';
-import Empty from '../Empty/index.vue';
-import FilterInput from '../FilterInput/index.vue';
-import type { DevTool } from '../../type';
-import VirtualList from '../VirtualList/index.vue';
-import AutoSize from '../VirtualList/AutoSize.vue';
-import { formatDate, formatDuration } from '../../utils';
+import Tag from '../../../components/Tag/index.vue';
+import Empty from '../../../components/Empty/index.vue';
+import FilterInput from '../../../components/FilterInput/index.vue';
+import type { DevTool } from '../../../../type';
+import VirtualList from '../../../components/VirtualList/index.vue';
+import AutoSize from '../../../components/VirtualList/AutoSize.vue';
+import { formatDate, formatDuration } from '../../../../utils';
 import DevToolTitle from '../DevToolTitle/index.vue';
-import { useI18n } from '../../i18n';
+import { useI18n } from '../../../../i18n';
 
 const { t } = useI18n();
 

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

@@ -1,148 +1,148 @@
-<template>
-  <!-- eslint-disable vue/no-v-html, vue/no-v-text-v-html-on-component -->
-  <view class="run-js">
-    <view class="run-js-control">
-      <FilterInput
-        :modelValue="modelValue"
-        placeholder="查询"
-        @search="onSearch"
-        @update:modelValue="onUpdateModelValue" />
-      <Tag mode="clear" @click="onClear">清空</Tag>
-    </view>
-    <view class="run-js-list">
-      <view class="run-js-item" v-for="item in runJSList" :key="item.timer">
-        <view :class="`run-js-item-icon run-js-item-${item.mode}`"></view>
-        <view class="run-js-item-duration" v-if="item.mode === 'output'">
-          {{ item.duration }}ms
-        </view>
-        <!-- eslint-disable-next-line vue/no-v-html, vue/no-v-text-v-html-on-component -->
-        <view
-          class="run-js-item-content"
-          v-html="item.mode === 'input' ? item.code : item.result"></view>
-      </view>
-      <view class="run-js-item">
-        <view class="run-js-item-icon run-js-item-input"></view>
-
-        <input
-          :value="code"
-          class="run-js-input"
-          @input="onInput"
-          @confirm="onConfirm" />
-      </view>
-    </view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { ref } from 'vue';
-import type { DevTool } from '../../type';
-import FilterInput from '../FilterInput/index.vue';
-import Tag from '../Tag/index.vue';
-
-defineProps<{ runJSList: DevTool.RunJSItem[]; modelValue: string }>();
-
-const emit = defineEmits<{
-  (e: 'search', value: string): void;
-  (e: 'update:modelValue', value: string): void;
-  (e: 'clear'): void;
-  (e: 'run', value: string): void;
-}>();
-const code = ref('');
-
-function onSearch(value: string) {
-  emit('search', value);
-}
-
-function onUpdateModelValue(value: string) {
-  emit('update:modelValue', value);
-}
-
-function onClear() {
-  emit('clear');
-}
-
-function onInput(e: any) {
-  code.value = e.detail.value;
-}
-function onConfirm() {
-  const value = code.value;
-  if (!value) return;
-  code.value = '';
-  setTimeout(() => {
-    emit('run', value);
-  }, 100);
-}
-</script>
-<style scoped>
-.run-js {
-  height: 100%;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.run-js-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;
-}
-
-.run-js-list {
-  height: calc(100% - 32px);
-  overflow: auto;
-}
-
-.run-js-item {
-  position: relative;
-  display: flex;
-  padding: 0 16px;
-  min-height: 28px;
-  border-bottom: 1px solid var(--dev-tool-border-color);
-  overflow: hidden;
-}
-
-.run-js-item-icon {
-  width: 8px;
-  height: 8px;
-  border: 1px solid #000;
-  border-bottom-color: transparent;
-  border-left-color: transparent;
-  overflow: hidden;
-}
-
-.run-js-item-input {
-  margin: 10px 0 10px -4px;
-  transform: rotate(45deg);
-}
-
-.run-js-item-output {
-  margin: 10px -4px 10px 0;
-  transform: rotate(-135deg);
-}
-
-.run-js-item-content {
-  margin-left: 16px;
-  min-height: 28px;
-  line-height: 28px;
-  white-space: pre-line;
-  word-break: break-all;
-}
-
-.run-js-input {
-  margin: 1px 0 1px 16px;
-  min-height: 26px;
-  width: 100%;
-  border: 1px solid transparent;
-  font-size: var(--dev-tool-base-font-size);
-}
-
-.run-js-item-duration {
-  position: absolute;
-  top: 2px;
-  right: 16px;
-  height: 24px;
-  line-height: 24px;
-}
-</style>
+<template>
+  <!-- eslint-disable vue/no-v-html, vue/no-v-text-v-html-on-component -->
+  <view class="run-js">
+    <view class="run-js-control">
+      <FilterInput
+        :modelValue="modelValue"
+        placeholder="查询"
+        @search="onSearch"
+        @update:modelValue="onUpdateModelValue" />
+      <Tag mode="clear" @click="onClear">清空</Tag>
+    </view>
+    <view class="run-js-list">
+      <view class="run-js-item" v-for="item in runJSList" :key="item.timer">
+        <view :class="`run-js-item-icon run-js-item-${item.mode}`"></view>
+        <view class="run-js-item-duration" v-if="item.mode === 'output'">
+          {{ item.duration }}ms
+        </view>
+        <!-- eslint-disable-next-line vue/no-v-html, vue/no-v-text-v-html-on-component -->
+        <view
+          class="run-js-item-content"
+          v-html="item.mode === 'input' ? item.code : item.result"></view>
+      </view>
+      <view class="run-js-item">
+        <view class="run-js-item-icon run-js-item-input"></view>
+
+        <input
+          :value="code"
+          class="run-js-input"
+          @input="onInput"
+          @confirm="onConfirm" />
+      </view>
+    </view>
+  </view>
+</template>
+<script lang="ts" setup>
+import { ref } from 'vue';
+import type { DevTool } from '../../../../type';
+import FilterInput from '../../../components/FilterInput/index.vue';
+import Tag from '../../../components/Tag/index.vue';
+
+defineProps<{ runJSList: DevTool.RunJSItem[]; modelValue: string }>();
+
+const emit = defineEmits<{
+  (e: 'search', value: string): void;
+  (e: 'update:modelValue', value: string): void;
+  (e: 'clear'): void;
+  (e: 'run', value: string): void;
+}>();
+const code = ref('');
+
+function onSearch(value: string) {
+  emit('search', value);
+}
+
+function onUpdateModelValue(value: string) {
+  emit('update:modelValue', value);
+}
+
+function onClear() {
+  emit('clear');
+}
+
+function onInput(e: any) {
+  code.value = e.detail.value;
+}
+function onConfirm() {
+  const value = code.value;
+  if (!value) return;
+  code.value = '';
+  setTimeout(() => {
+    emit('run', value);
+  }, 100);
+}
+</script>
+<style scoped>
+.run-js {
+  height: 100%;
+  font-size: var(--dev-tool-base-font-size);
+}
+
+.run-js-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;
+}
+
+.run-js-list {
+  height: calc(100% - 32px);
+  overflow: auto;
+}
+
+.run-js-item {
+  position: relative;
+  display: flex;
+  padding: 0 16px;
+  min-height: 28px;
+  border-bottom: 1px solid var(--dev-tool-border-color);
+  overflow: hidden;
+}
+
+.run-js-item-icon {
+  width: 8px;
+  height: 8px;
+  border: 1px solid #000;
+  border-bottom-color: transparent;
+  border-left-color: transparent;
+  overflow: hidden;
+}
+
+.run-js-item-input {
+  margin: 10px 0 10px -4px;
+  transform: rotate(45deg);
+}
+
+.run-js-item-output {
+  margin: 10px -4px 10px 0;
+  transform: rotate(-135deg);
+}
+
+.run-js-item-content {
+  margin-left: 16px;
+  min-height: 28px;
+  line-height: 28px;
+  white-space: pre-line;
+  word-break: break-all;
+}
+
+.run-js-input {
+  margin: 1px 0 1px 16px;
+  min-height: 26px;
+  width: 100%;
+  border: 1px solid transparent;
+  font-size: var(--dev-tool-base-font-size);
+}
+
+.run-js-item-duration {
+  position: absolute;
+  top: 2px;
+  right: 16px;
+  height: 24px;
+  line-height: 24px;
+}
+</style>