vite-uni-dev-tool 0.0.19 → 0.0.21

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,
   },
 );
 
@@ -76,7 +81,7 @@ const state = reactive<{
   scrollTop: number;
 }>({
   height: 0,
-  current: 0,
+  current: 1,
   visitableData: [],
   currentHeight: 0,
   scrollTop: 0,
@@ -106,14 +111,47 @@ 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,
+    // );
+
+    // console.log(' state.visitableData: ', state.visitableData);
+
+    // state.currentHeight = itemsHeight
+    //   .slice(0, (props.defaultCurrent - 1) * props.pageSize)
+    // ?.reduce((acc, cur) => acc + cur, 0);
+
+    const { pageSize, data, defaultCurrent } = props;
+
+    // 计算新的起始和结束索引
+
+    const currentSub1 = defaultCurrent - 1 < 0 ? 0 : defaultCurrent - 1;
+    const currentAdd1 = defaultCurrent + 1;
+
+    const startIndex = currentSub1 * pageSize;
+    const endIndex = Math.min(currentAdd1 * pageSize, data.length);
+
+    // 更新可见数据
+    state.visitableData = data.slice(startIndex, endIndex);
+
+    state.currentHeight = itemsHeight
+      .slice(0, currentSub1 * pageSize)
+      ?.reduce((acc, cur) => acc + cur, 0);
   },
 );
 
@@ -136,8 +174,12 @@ function updateVisitableData() {
 
 /** 计算合并的高度 */
 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;

package/package.json

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