vite-uni-dev-tool 0.0.18 → 0.0.20

package/dist/devStore/index.d.ts

@@ -134,13 +134,13 @@ export declare class DevStore {
     clearWsList(): void;
     updateWsList(item: DevTool.WS): DevTool.WS[] | undefined;
     clearWsMessage(url: string): void;
-    clearStorageList(): DevTool.StorageItem[];
+    clearStorageList(local?: boolean): DevTool.StorageItem[];
     setStorageList(items: DevTool.StorageItem[]): DevTool.StorageItem[] | undefined;
-    removeStorage(key: string): DevTool.StorageItem[];
+    removeStorage(key: string, local?: boolean): DevTool.StorageItem[];
     addStorage(data: {
         key: string;
         value: any;
-    }): DevTool.StorageItem[] | undefined;
+    }, local?: boolean): DevTool.StorageItem[] | undefined;
     refreshStore(): DevTool.StorageItem[];
     updateStoreList(addItems: DevTool.StorageItem[]): DevTool.StorageItem[] | undefined;
     setRouteList(pages: DevTool.Page[], currentPath?: string): DevTool.Page[] | undefined;

package/dist/devStore/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../dev/devStore/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../dev/devStore/index.ts"],"names":[],"mappings":"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"}

package/dist/devStore/index.js

@@ -219,25 +219,25 @@ class V {
     const e = ((o = (s = this.state) == null ? void 0 : s.wsList) == null ? void 0 : o.findIndex((a) => a.url === t)) ?? -1;
     e !== -1 && (i = this.state.wsList) != null && i[e] && (this.state.wsList[e].message = []);
   }
-  clearStorageList() {
-    return this.state.storageList = [], uni.clearStorage(), this.state.storageList;
+  clearStorageList(t) {
+    return this.state.storageList = [], t && uni.clearStorage(), this.state.storageList;
   }
   setStorageList(t) {
     if (this.getDevToolVisible())
       return this.state.storageList = t, this.state.storageList;
   }
-  removeStorage(t) {
-    var e;
-    return this.state.storageList = ((e = this.state.storageList) == null ? void 0 : e.filter((s) => s.key !== t)) ?? [], uni.removeStorageSync(t), this.state.storageList;
+  removeStorage(t, e) {
+    var s;
+    return this.state.storageList = ((s = this.state.storageList) == null ? void 0 : s.filter((o) => o.key !== t)) ?? [], e && uni.removeStorageSync(t), this.state.storageList;
   }
-  addStorage(t) {
-    var o;
-    const { key: e, value: s } = t;
-    return (o = this.state.storageList) == null || o.unshift({
-      key: e,
-      _oldKey: e,
-      value: s
-    }), uni.setStorageSync(e, s), this.state.storageList;
+  addStorage(t, e) {
+    var i;
+    const { key: s, value: o } = t;
+    return (i = this.state.storageList) == null || i.unshift({
+      key: s,
+      _oldKey: s,
+      value: o
+    }), e && uni.setStorageSync(s, o), this.state.storageList;
   }
   refreshStore() {
     const { keys: t } = uni.getStorageInfoSync();

package/dist/v2/VirtualListPro/index.vue

@@ -140,14 +140,14 @@ export default {
 
       // 向上滚动时加载前面的数据
       if (
-        this.current > 1 &&
+        this.current > 0 &&
         this.currentHeight > 0 &&
         scrollTop - this.preLodeHeight < this.currentHeight
       ) {
         this.start = this.current * this.pageSize;
         this.current--;
 
-        this.updateVisitableData('up');
+        this.updateVisitableData();
         this.updateCurrentHeight();
       }
     },
@@ -159,53 +159,36 @@ export default {
 
         this.updateCurrentHeight();
         this.$nextTick(() => {
-          this.updateVisitableData('down');
+          this.updateVisitableData();
         });
       }
     },
     // 更新可视区域数据
-    updateVisitableData(direction) {
-      let tempList = [...this.visitableData];
+    updateVisitableData() {
+      const tempList = [...this.visitableData];
       const pageSize = this.pageSize;
       const current = this.current;
 
-      if (direction === 'down') {
-        // 向下滚动：移除最前面的一页，添加新的一页
-        tempList.splice(0, pageSize);
-        const start = pageSize * current;
-        let end = pageSize * (current + 1);
-        end = end > this.dataSource.length ? this.dataSource.length : end;
-        const newData = this.dataSource.slice(start, end);
-        tempList.push(...newData);
-      } else {
-        // 向上滚动：移除最后面的多余数据，添加前面的一页
-        // 将最末尾的部分进行隐藏
-        const delCount =
-          tempList.length - pageSize > 0
-            ? pageSize
-            : tempList.length - pageSize;
-
-        tempList.splice(pageSize, delCount);
-
-        // 处理上一页内容
-        let start = pageSize * (current - 1);
-
-        start = start < 0 ? 0 : start;
+      // 计算新的起始和结束索引
 
-        const end = pageSize * current;
+      const currentSub1 = current - 1 < 0 ? 0 : current - 1;
+      const currentAdd1 = current + 1;
 
-        if (end < 0) return;
+      const startIndex = currentSub1 * pageSize;
+      const endIndex = Math.min(currentAdd1 * pageSize, data.length);
 
-        const newData = this.dataSource.slice(start, end);
-        tempList.unshift(...newData);
-      }
+      // 更新可见数据
 
-      this.visitableData = tempList;
+      this.visitableData = tempList.slice(startIndex, endIndex);
     },
     // 更新总高度（累加已加载项的高度）
     updateCurrentHeight() {
+      const pageSize = this.pageSize;
+      const current = this.current;
+      const currentSub1 = current - 1 < 0 ? 0 : current - 1;
+
       const total = this.itemsHeight
-        .slice(0, (this.current - 1) * this.pageSize)
+        .slice(0, currentSub1 * pageSize)
         .reduce((acc, height) => acc + (height || 0), 0);
       this.currentHeight = total;
     },

package/dist/v3/SettingList/index.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="setting-content">
     <view class="setting-item">
-      <DevToolTitle>DevTool(v0.0.18-vue3)</DevToolTitle>
+      <DevToolTitle>DevTool(v0.0.20-vue3)</DevToolTitle>
       <view class="setting-item-content">
         <view class="setting-row">
           <view>显示调试按钮：</view>

package/dist/v3/SourceCode/index.vue

@@ -9,36 +9,49 @@
       <CircularButton style="margin-left: auto" text="×" @click="onClose" />
     </view>
     <view class="dev-tool-code-title">{{ fileName }}</view>
-    <scroll-view
-      scroll-y="true"
-      scroll-x="true"
-      class="dev-tool-code-list"
-      scroll-with-animation="true"
-      :scroll-top="scrollTop"
-      :scroll-into-view="scrollIntoView"
+
+    <VirtualListPro
+      v-if="codes.length > 0"
+      scrollX
+      :pageSize="pageSize"
+      :height="height"
+      :data="codes"
+      :scrollWithAnimation="true"
+      :defaultCurrent="defaultCurrent"
+      :scrollIntoView="scrollIntoView"
     >
-      <view
-        v-for="(code, index) in codes"
-        :id="`dev-tool-code-item-${index}`"
-        :key="index"
-        :class="`dev-tool-code-item ${index === activeRowCol.activeRow ? 'dev-tool-code-item-active' : ''}`"
-      >
-        <view class="dev-tool-code-item-index">
-          {{ start + index + 1 }}
-        </view>
-
-        <view class="dev-tool-code-item-content" v-html="code"></view>
-      </view>
-      <Empty v-if="!codes || codes.length === 0" />
-    </scroll-view>
+      <template #default="{ list, current, start }">
+        <AutoSize
+          v-for="(code, index) in list"
+          :key="start + index"
+          :index="start + index"
+        >
+          <view
+            :id="`dev-code-${start + index}`"
+            :class="`dev-tool-code-item ${start + index === activeRowCol.row ? 'dev-tool-code-item-active' : ''}`"
+          >
+            <view class="dev-tool-code-item-index">
+              {{ start + index + 1 }}
+            </view>
+
+            <view class="dev-tool-code-item-content">
+              {{ code }}
+            </view>
+          </view>
+        </AutoSize>
+      </template>
+    </VirtualListPro>
+    <Empty v-if="!codes || codes.length === 0" />
   </view>
 </template>
 <script lang="ts" setup>
-import { computed, ref, nextTick, onMounted } from 'vue';
+import { computed, ref, onMounted } from 'vue';
 import FilterInput from '../FilterInput/index.vue';
 import CircularButton from '../CircularButton/index.vue';
+import VirtualListPro from '../VirtualListPro/index.vue';
 import Empty from '../Empty/index.vue';
-import { escapeHTML, hightLight, isAndroid, parseStock } from '../../utils';
+import AutoSize from '../VirtualListPro/AutoSize.vue';
+import { hightLight, isAndroid, parseStock } from '../../utils';
 
 const props = defineProps<{
   url: string;
@@ -50,7 +63,7 @@ const props = defineProps<{
 const emit = defineEmits<{ (e: 'close'): void }>();
 
 const modelValue = ref('');
-const scrollTop = ref(0);
+const height = ref(0);
 const fileName = computed(() => {
   const name =
     props?.url?.split('/')?.pop()?.replace(/\)|\(/, '') ?? '文件名称未知';
@@ -58,16 +71,13 @@ const fileName = computed(() => {
 });
 
 const activeRowCol = ref({ row: -1, col: -1, activeRow: -1 });
+const scrollIntoView = ref('');
 
 let backupCodes: string[] = [];
 
 const codes = ref<string[]>([]);
-
-const scrollIntoView = ref('');
-
-const start = computed(() => {
-  return activeRowCol.value.row - 20 > 0 ? activeRowCol.value.row - 20 : 0;
-});
+const defaultCurrent = ref(1);
+const pageSize = 25;
 
 function onClose() {
   emit('close');
@@ -79,6 +89,35 @@ function onSearch(value: string) {
   });
 }
 
+let timer: number;
+function startCounter({
+  start,
+  target,
+  duration,
+  onExecute,
+  onSuccess,
+}: {
+  start: number;
+  target: number;
+  duration: number;
+  onExecute: (current: number) => void;
+  onSuccess: () => void;
+}) {
+  if (timer) return;
+
+  let s = start;
+  timer = setInterval(() => {
+    if (s >= target) {
+      clearInterval(timer);
+      console.log('停止');
+      onSuccess();
+      return;
+    }
+    s++;
+    onExecute(s);
+  }, duration);
+}
+
 let index = 0;
 function getCode(url: string, i: number = 0) {
   let allUrl = url;
@@ -100,34 +139,23 @@ function getCode(url: string, i: number = 0) {
     url: allUrl,
     success: (res) => {
       if (typeof res.data === 'string') {
-        // 为什么要注释掉？
-        // 在 Android 识别到标签后会进行重启，导致代码无法显示
-        // TODO: 还有其它原因导致重启
-        const str = res.data
-          ?.replace(/<jscript/, '// [DevTool] 注释 <javascript')
-          ?.replace(/<\/script>/, '// [DevTool] 注释 </javascript>')
-          ?.replace(/<style/, '// [DevTool] 注释 <style')
-          ?.replace(/<\/style>/, '// [DevTool] 注释 </style>');
-        backupCodes = escapeHTML(str ?? '')
-          .toString()
-          .split('\n');
-
-        const start =
-          activeRowCol.value.row - 20 > 0 ? activeRowCol.value.row - 20 : 0;
-
-        const end =
-          activeRowCol.value.row + 20 > backupCodes.length
-            ? backupCodes.length
-            : activeRowCol.value.row + 20;
-
-        // backupCodes.slice(start, end);
-
-        codes.value = backupCodes.slice(start, end);
-
-        activeRowCol.value.activeRow = activeRowCol.value.row - start;
-
-        nextTick(() => {
-          scrollIntoView.value = `dev-tool-code-item-${activeRowCol.value.activeRow}`;
+        codes.value = res.data?.split('\n') ?? [];
+
+        // 缓慢显示
+        const row = activeRowCol.value.row;
+        // defaultCurrent.value = Math.ceil(activeRowCol.value.row / pageSize);
+        const targetCurrent = Math.ceil(row / pageSize);
+
+        startCounter({
+          start: 1,
+          target: targetCurrent,
+          duration: 500,
+          onExecute(current) {
+            scrollIntoView.value = `dev-code-${current * pageSize - 1}`;
+          },
+          onSuccess() {
+            // scrollIntoView.value = `dev-code-${row}`;
+          },
         });
       }
     },
@@ -155,6 +183,10 @@ function getSourceCodeDev(url: string) {
 }
 
 onMounted(() => {
+  const { windowHeight } = uni.getWindowInfo();
+
+  height.value = windowHeight - 32 - 32 - 32;
+
   let url = props?.url;
 
   const { path, col, row } = parseStock(props?.url ?? '');

package/dist/v3/VirtualListPro/index.vue

@@ -6,6 +6,7 @@
     :style="style"
     :scroll-into-view="innerScrollIntoView"
     scroll-y
+    :scrollX="scrollX"
     @scroll="onScroll"
     @scrolltolower="onScrollToLower"
   >
@@ -34,7 +35,7 @@
 </template>
 <script lang="ts" setup>
 import { nextTick } from 'vue';
-import { uniqueId } from '../../utils';
+import { debounce, uniqueId } from '../../utils';
 import { reactive, watch, onBeforeMount, provide, computed, ref } from 'vue';
 
 const props = withDefaults(
@@ -59,11 +60,15 @@ const props = withDefaults(
     scrollWithAnimation?: boolean;
     /** 返回顶部 */
     showBackTop?: boolean;
+    /** 默认当前页 */
+    defaultCurrent?: number;
+    scrollX?: boolean;
   }>(),
   {
     height: 400,
     pageSize: 10,
     preLodeHeight: 50,
+    defaultCurrent: 1,
   },
 );
 
@@ -106,69 +111,75 @@ const innerScrollIntoView = computed(() => {
 
 onBeforeMount(() => {
   // 初始渲染数据
-  state.visitableData = props.data.slice(0, props.pageSize * 2);
+  state.visitableData = props.data.slice(
+    (props.defaultCurrent - 1) * props.pageSize,
+    props.pageSize * 2,
+  );
+
+  state.currentHeight = itemsHeight
+    .slice(0, (props.defaultCurrent - 1) * props.pageSize)
+    ?.reduce((acc, cur) => acc + cur, 0);
 });
 
 // 数据更新时重置
 watch(
-  () => [props.data, props.pageSize],
+  () => [props.data, props.pageSize, props.defaultCurrent],
   () => {
-    state.visitableData = props.data.slice(0, props.pageSize * 2);
-  },
-);
+    // state.visitableData = props.data.slice(
+    //   (props.defaultCurrent - 1) * props.pageSize,
+    //   props.pageSize * 2,
+    // );
 
-/** 向上滚动和向下滚动 */
-function updateVisitableData(direction: 'up' | 'down') {
-  let tempList = [...state.visitableData];
+    // console.log(' state.visitableData: ', state.visitableData);
 
-  if (direction === 'down') {
-    // 将最前面的内容进行隐藏
-    tempList.splice(0, props.pageSize);
+    // state.currentHeight = itemsHeight
+    //   .slice(0, (props.defaultCurrent - 1) * props.pageSize)
+    // ?.reduce((acc, cur) => acc + cur, 0);
 
-    // 处理下一页内容
-    const start = props.pageSize * state.current;
-    let end = props.pageSize * (state.current + 1);
+    const { pageSize, data, defaultCurrent } = props;
 
-    if (start >= props.data.length) {
-      return;
-    }
+    // 计算新的起始和结束索引
 
-    if (end > props.data.length) {
-      end = props.data.length;
-    }
+    const currentSub1 = defaultCurrent - 1 < 0 ? 0 : defaultCurrent - 1;
+    const currentAdd1 = defaultCurrent + 1;
 
-    const newData = props.data.slice(start, end);
+    const startIndex = currentSub1 * pageSize;
+    const endIndex = Math.min(currentAdd1 * pageSize, data.length);
 
-    tempList.push(...newData);
-  } else {
-    // 将最末尾的部分进行隐藏
-    const delCount =
-      tempList.length - props.pageSize > 0
-        ? props.pageSize
-        : tempList.length - props.pageSize;
+    // 更新可见数据
+    state.visitableData = data.slice(startIndex, endIndex);
 
-    tempList.splice(props.pageSize, delCount);
+    state.currentHeight = itemsHeight
+      .slice(0, currentSub1 * pageSize)
+      ?.reduce((acc, cur) => acc + cur, 0);
+  },
+);
 
-    // 处理上一页内容
-    let start = props.pageSize * (state.current - 1);
+/** 向上滚动和向下滚动 */
+function updateVisitableData() {
+  const { pageSize, data } = props;
+  const { current } = state;
 
-    const end = props.pageSize * state.current;
+  // 计算新的起始和结束索引
 
-    if (end < 0) return;
+  const currentSub1 = current - 1 < 0 ? 0 : current - 1;
+  const currentAdd1 = current + 1;
 
-    if (start < 0) {
-      start = 0;
-    }
-    const newData = props.data.slice(start, end);
-    tempList.unshift(...newData);
-  }
-  state.visitableData = tempList;
+  const startIndex = currentSub1 * pageSize;
+  const endIndex = Math.min(currentAdd1 * pageSize, data.length);
+
+  // 更新可见数据
+  state.visitableData = data.slice(startIndex, endIndex);
 }
 
 /** 计算合并的高度 */
 function updateCurrentHeight() {
+  const { pageSize } = props;
+  const { current } = state;
+  const currentSub1 = current - 1 < 0 ? 0 : current - 1;
+
   const total = itemsHeight
-    .slice(0, state.current * props.pageSize)
+    .slice(0, currentSub1 * pageSize)
     ?.reduce((acc, cur) => acc + cur, 0);
 
   state.currentHeight = total;
@@ -179,7 +190,7 @@ function onScrollToLower() {
   if ((state.current + 1) * props.pageSize < props.data.length) {
     state.current++;
 
-    updateVisitableData('down');
+    updateVisitableData();
 
     updateCurrentHeight();
   }
@@ -194,7 +205,7 @@ function onScroll(e: { detail: { scrollTop: number } }) {
   ) {
     state.current--;
 
-    updateVisitableData('up');
+    updateVisitableData();
 
     updateCurrentHeight();
   }
@@ -213,7 +224,7 @@ function onBackTop() {
   nextTick(() => {
     state.current = 1;
     state.currentHeight = 0;
-    updateVisitableData('up');
+    updateVisitableData();
 
     toView.value = '';
   });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-uni-dev-tool",
-  "version": "0.0.18",
+  "version": "0.0.20",
   "description": "vite-uni-dev-tool, debug, uni-app, 一处编写，到处调试",
   "keywords": [
     "vite",