tudou-waterfall 0.1.12 → 0.1.13

package/dist/index.cjs

@@ -172,7 +172,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.renderSlot(_ctx.$slots, "default", {
                   item,
                   onLoad: (h) => patchHeight(globalIdx, h)
-                }, void 0, true)
+                })
               ], 4);
             }), 128))
           ], 4);
@@ -181,21 +181,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const Waterfall = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-48441704"]]);
 function install(app) {
-  app.component("TdWaterfall", Waterfall);
+  app.component("TdWaterfall", _sfc_main);
 }
 const TudouWaterfall = {
   install
 };
 exports.TudouWaterfall = TudouWaterfall;
-exports.Waterfall = Waterfall;
+exports.Waterfall = _sfc_main;
 exports.default = TudouWaterfall;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../src/components/Waterfall.vue","../src/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, nextTick, watch } from 'vue'\n\nexport interface WaterfallProps {\n  items: any[]\n  cols?: number\n  gap?: number\n  estimatedHeight?: number\n  templateType?: string\n  overscan?: number\n}\n\nconst props = withDefaults(defineProps<WaterfallProps>(), {\n  cols: 0,\n  gap: 15,\n  estimatedHeight: 220,\n  overscan: 600,\n})\n\nconst emit = defineEmits<{ (e: 'reflow'): void }>()\n\n// ─── types ────────────────────────────────────────────────────────────────────\n\ninterface PositionedItem {\n  item: any\n  globalIdx: number\n  top: number\n  height: number\n}\n\n// ─── state ────────────────────────────────────────────────────────────────────\n\nconst containerRef = ref<HTMLElement | null>(null)\nconst scrollTop = ref(0)\nconst viewportHeight = ref(0)\n\n// colPositions[colIdx] = sorted array of positioned items\nconst colPositions = ref<PositionedItem[][]>([])\n// colTotalHeight[colIdx] = total height of that column (for the spacer div)\nconst colTotalHeights = ref<number[]>([])\n\n// globalIdx -> measured height (updated after image load)\nconst measuredHeights = new Map<number, number>()\n\n// ─── column count ─────────────────────────────────────────────────────────────\n\nconst getColCount = () => {\n  const colsNum = Number(props.cols)\n  if (colsNum > 0) return colsNum\n  const width = containerRef.value?.clientWidth ?? window.innerWidth\n  if (width >= 1400) {\n    return props.templateType === 'card-horizontal' ? 8 : 9\n  }\n  if (width >= 1200) {\n    return props.templateType === 'card-horizontal' ? 7 : 8\n  }\n  if (width >= 900) {\n    return props.templateType === 'card-horizontal' ? 5 : 7\n  }\n  if (width >= 700) {\n    return props.templateType === 'card-horizontal' ? 4 : 6\n  }\n  if (width >= 500) {\n    return props.templateType === 'card-horizontal' ? 4 : 5\n  }\n  return 6\n}\n\n// ─── full reflow: re-assign items to columns ──────────────────────────────────\n// Only called when items list changes or viewport width changes.\n// Does NOT re-assign on height updates to avoid item jumping between columns.\n\nconst reflow = async () => {\n  await nextTick()\n  const count = getColCount()\n  const cols: PositionedItem[][] = Array.from({ length: count }, () => [])\n  const colH = new Array(count).fill(0)\n\n  props.items.forEach((item, i) => {\n    const minIdx = colH.indexOf(Math.min(...colH))\n    const h = measuredHeights.get(i) ?? props.estimatedHeight\n    cols[minIdx].push({ item, globalIdx: i, top: colH[minIdx], height: h })\n    colH[minIdx] += h + props.gap\n  })\n\n  colPositions.value = cols\n  colTotalHeights.value = colH\n  emit('reflow')\n}\n\n// ─── patch: update one item's height in-place, shift subsequent items ─────────\n// Called after an image loads. Avoids full reflow to prevent column reassignment.\n\nconst patchHeight = (globalIdx: number, newHeight: number) => {\n  const old = measuredHeights.get(globalIdx) ?? props.estimatedHeight\n  if (Math.abs(old - newHeight) < 2) return // no meaningful change\n  measuredHeights.set(globalIdx, newHeight)\n\n  for (let ci = 0; ci < colPositions.value.length; ci++) {\n    const col = colPositions.value[ci]\n    const pos = col.findIndex(p => p.globalIdx === globalIdx)\n    if (pos === -1) continue\n\n    const delta = newHeight - col[pos].height\n    col[pos].height = newHeight\n\n    // shift all items below this one in the same column\n    for (let j = pos + 1; j < col.length; j++) {\n      col[j] = { ...col[j], top: col[j].top + delta }\n    }\n\n    // update total column height\n    colTotalHeights.value[ci] += delta\n    break\n  }\n}\n\n// ─── virtual visibility ───────────────────────────────────────────────────────\n\nconst visibleItems = computed(() => {\n  const top = scrollTop.value - props.overscan\n  const bottom = scrollTop.value + viewportHeight.value + props.overscan\n  return colPositions.value.map(col =>\n    col.filter(p => p.top + p.height >= top && p.top <= bottom)\n  )\n})\n\n// ─── scroll listener ──────────────────────────────────────────────────────────\n\nlet scrollEl: Element | null = null\n\nconst findScrollParent = (el: Element): Element => {\n  let cur: Element | null = el.parentElement\n  while (cur) {\n    const { overflow, overflowY } = getComputedStyle(cur)\n    if (/auto|scroll/.test(overflow + overflowY)) return cur\n    cur = cur.parentElement\n  }\n  return document.documentElement\n}\n\nconst onScroll = (e: Event) => {\n  const st = (e.target as Element).scrollTop\n  // Adjust for the container's offset within the scroll parent\n  const containerOffset = containerRef.value\n    ? (containerRef.value as HTMLElement).offsetTop\n    : 0\n  scrollTop.value = Math.max(0, st - containerOffset)\n}\n\n// ─── item resize observer ─────────────────────────────────────────────────────\n// One shared RO watches every .wf-item element.\n// el -> globalIdx mapping is stored in a WeakMap so we never leak.\n\nconst itemElMap = new WeakMap<Element, number>()\n\nconst itemRo = new ResizeObserver((entries) => {\n  for (const entry of entries) {\n    const globalIdx = itemElMap.get(entry.target)\n    if (globalIdx === undefined) continue\n    const h = entry.contentRect.height\n    if (h > 0) patchHeight(globalIdx, h)\n  }\n})\n\nconst observeItem = (el: Element, globalIdx: number) => {\n  itemElMap.set(el, globalIdx)\n  itemRo.observe(el)\n}\n\nconst unobserveItem = (el: Element) => {\n  itemRo.unobserve(el)\n  itemElMap.delete(el)\n}\n\n// ─── resize observer (container) ─────────────────────────────────────────────\n\nlet containerRo: ResizeObserver | null = null\n\n// ─── lifecycle ────────────────────────────────────────────────────────────────\n\nonMounted(async () => {\n  await nextTick()\n  if (!containerRef.value) return\n\n  scrollEl = findScrollParent(containerRef.value)\n  scrollEl.addEventListener('scroll', onScroll, { passive: true })\n  viewportHeight.value = scrollEl === document.documentElement\n    ? window.innerHeight\n    : (scrollEl as HTMLElement).clientHeight\n\n  containerRo = new ResizeObserver(() => {\n    viewportHeight.value = scrollEl === document.documentElement\n      ? window.innerHeight\n      : (scrollEl as HTMLElement).clientHeight\n    reflow()\n  })\n  containerRo.observe(containerRef.value)\n\n  reflow()\n})\n\nonUnmounted(() => {\n  scrollEl?.removeEventListener('scroll', onScroll)\n  containerRo?.disconnect()\n  itemRo.disconnect()\n})\n\nwatch(() => props.items?.length ?? 0, (newLen, oldLen = 0) => {\n  // Only clear heights for removed items (e.g. search reset).\n  // On append (infinite scroll), keep existing measurements.\n  if (newLen < oldLen) measuredHeights.clear()\n  reflow()\n}, { immediate: true })\n\nwatch(() => props.cols, () => {\n  measuredHeights.clear()\n  reflow()\n})\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"wf-root\" :style=\"{ gap: `${gap}px` }\">\n    {{ colPositions.length }}列\n    <div\n      v-for=\"(_col, ci) in colPositions\"\n      :key=\"ci\"\n      class=\"wf-col\"\n      :style=\"{ height: `${colTotalHeights[ci]}px` }\"\n    >\n      <div\n        v-for=\"{ item, globalIdx, top } in visibleItems[ci]\"\n        :key=\"globalIdx\"\n        :ref=\"(el) => { if (el) observeItem(el as Element, globalIdx) }\"\n        class=\"wf-item\"\n        :style=\"{ transform: `translateY(${top}px)` }\"\n        @vue:unmounted=\"({ el }: any) => unobserveItem(el)\"\n      >\n        <slot\n          :item=\"item\"\n          :on-load=\"(h: number) => patchHeight(globalIdx, h)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.wf-root {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n\n.wf-col {\n  flex: 1;\n  position: relative;\n  min-width: 0;\n}\n\n.wf-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n</style>\n","import type { App, Plugin } from 'vue'\n\nimport Waterfall from './components/Waterfall.vue'\n\nexport { Waterfall }\nexport type { WaterfallProps } from './components/Waterfall.vue'\n\nfunction install(app: App): void {\n  app.component('TdWaterfall', Waterfall)\n}\n\nconst TudouWaterfall: Plugin = {\n  install,\n}\n\nexport default TudouWaterfall\nexport { TudouWaterfall }\n"],"names":["ref","nextTick","computed","onMounted","onUnmounted","watch","_createElementBlock","_openBlock","_Fragment","_renderList","_normalizeStyle","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../src/components/Waterfall.vue","../src/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, nextTick, watch } from 'vue'\n\nexport interface WaterfallProps {\n  items: any[]\n  cols?: number\n  gap?: number\n  estimatedHeight?: number\n  templateType?: string\n  overscan?: number\n}\n\nconst props = withDefaults(defineProps<WaterfallProps>(), {\n  cols: 0,\n  gap: 15,\n  estimatedHeight: 220,\n  overscan: 600,\n})\n\nconst emit = defineEmits<{ (e: 'reflow'): void }>()\n\n// ─── types ────────────────────────────────────────────────────────────────────\n\ninterface PositionedItem {\n  item: any\n  globalIdx: number\n  top: number\n  height: number\n}\n\n// ─── state ────────────────────────────────────────────────────────────────────\n\nconst containerRef = ref<HTMLElement | null>(null)\nconst scrollTop = ref(0)\nconst viewportHeight = ref(0)\n\n// colPositions[colIdx] = sorted array of positioned items\nconst colPositions = ref<PositionedItem[][]>([])\n// colTotalHeight[colIdx] = total height of that column (for the spacer div)\nconst colTotalHeights = ref<number[]>([])\n\n// globalIdx -> measured height (updated after image load)\nconst measuredHeights = new Map<number, number>()\n\n// ─── column count ─────────────────────────────────────────────────────────────\n\nconst getColCount = () => {\n  const colsNum = Number(props.cols)\n  if (colsNum > 0) return colsNum\n  const width = containerRef.value?.clientWidth ?? window.innerWidth\n  if (width >= 1400) {\n    return props.templateType === 'card-horizontal' ? 8 : 9\n  }\n  if (width >= 1200) {\n    return props.templateType === 'card-horizontal' ? 7 : 8\n  }\n  if (width >= 900) {\n    return props.templateType === 'card-horizontal' ? 5 : 7\n  }\n  if (width >= 700) {\n    return props.templateType === 'card-horizontal' ? 4 : 6\n  }\n  if (width >= 500) {\n    return props.templateType === 'card-horizontal' ? 4 : 5\n  }\n  return 6\n}\n\n// ─── full reflow: re-assign items to columns ──────────────────────────────────\n// Only called when items list changes or viewport width changes.\n// Does NOT re-assign on height updates to avoid item jumping between columns.\n\nconst reflow = async () => {\n  await nextTick()\n  const count = getColCount()\n  const cols: PositionedItem[][] = Array.from({ length: count }, () => [])\n  const colH = new Array(count).fill(0)\n\n  props.items.forEach((item, i) => {\n    const minIdx = colH.indexOf(Math.min(...colH))\n    const h = measuredHeights.get(i) ?? props.estimatedHeight\n    cols[minIdx].push({ item, globalIdx: i, top: colH[minIdx], height: h })\n    colH[minIdx] += h + props.gap\n  })\n\n  colPositions.value = cols\n  colTotalHeights.value = colH\n  emit('reflow')\n}\n\n// ─── patch: update one item's height in-place, shift subsequent items ─────────\n// Called after an image loads. Avoids full reflow to prevent column reassignment.\n\nconst patchHeight = (globalIdx: number, newHeight: number) => {\n  const old = measuredHeights.get(globalIdx) ?? props.estimatedHeight\n  if (Math.abs(old - newHeight) < 2) return // no meaningful change\n  measuredHeights.set(globalIdx, newHeight)\n\n  for (let ci = 0; ci < colPositions.value.length; ci++) {\n    const col = colPositions.value[ci]\n    const pos = col.findIndex(p => p.globalIdx === globalIdx)\n    if (pos === -1) continue\n\n    const delta = newHeight - col[pos].height\n    col[pos].height = newHeight\n\n    // shift all items below this one in the same column\n    for (let j = pos + 1; j < col.length; j++) {\n      col[j] = { ...col[j], top: col[j].top + delta }\n    }\n\n    // update total column height\n    colTotalHeights.value[ci] += delta\n    break\n  }\n}\n\n// ─── virtual visibility ───────────────────────────────────────────────────────\n\nconst visibleItems = computed(() => {\n  const top = scrollTop.value - props.overscan\n  const bottom = scrollTop.value + viewportHeight.value + props.overscan\n  return colPositions.value.map(col =>\n    col.filter(p => p.top + p.height >= top && p.top <= bottom)\n  )\n})\n\n// ─── scroll listener ──────────────────────────────────────────────────────────\n\nlet scrollEl: Element | null = null\n\nconst findScrollParent = (el: Element): Element => {\n  let cur: Element | null = el.parentElement\n  while (cur) {\n    const { overflow, overflowY } = getComputedStyle(cur)\n    if (/auto|scroll/.test(overflow + overflowY)) return cur\n    cur = cur.parentElement\n  }\n  return document.documentElement\n}\n\nconst onScroll = (e: Event) => {\n  const st = (e.target as Element).scrollTop\n  // Adjust for the container's offset within the scroll parent\n  const containerOffset = containerRef.value\n    ? (containerRef.value as HTMLElement).offsetTop\n    : 0\n  scrollTop.value = Math.max(0, st - containerOffset)\n}\n\n// ─── item resize observer ─────────────────────────────────────────────────────\n// One shared RO watches every .wf-item element.\n// el -> globalIdx mapping is stored in a WeakMap so we never leak.\n\nconst itemElMap = new WeakMap<Element, number>()\n\nconst itemRo = new ResizeObserver((entries) => {\n  for (const entry of entries) {\n    const globalIdx = itemElMap.get(entry.target)\n    if (globalIdx === undefined) continue\n    const h = entry.contentRect.height\n    if (h > 0) patchHeight(globalIdx, h)\n  }\n})\n\nconst observeItem = (el: Element, globalIdx: number) => {\n  itemElMap.set(el, globalIdx)\n  itemRo.observe(el)\n}\n\nconst unobserveItem = (el: Element) => {\n  itemRo.unobserve(el)\n  itemElMap.delete(el)\n}\n\n// ─── resize observer (container) ─────────────────────────────────────────────\n\nlet containerRo: ResizeObserver | null = null\n\n// ─── lifecycle ────────────────────────────────────────────────────────────────\n\nonMounted(async () => {\n  await nextTick()\n  if (!containerRef.value) return\n\n  scrollEl = findScrollParent(containerRef.value)\n  scrollEl.addEventListener('scroll', onScroll, { passive: true })\n  viewportHeight.value = scrollEl === document.documentElement\n    ? window.innerHeight\n    : (scrollEl as HTMLElement).clientHeight\n\n  containerRo = new ResizeObserver(() => {\n    viewportHeight.value = scrollEl === document.documentElement\n      ? window.innerHeight\n      : (scrollEl as HTMLElement).clientHeight\n    reflow()\n  })\n  containerRo.observe(containerRef.value)\n\n  reflow()\n})\n\nonUnmounted(() => {\n  scrollEl?.removeEventListener('scroll', onScroll)\n  containerRo?.disconnect()\n  itemRo.disconnect()\n})\n\nwatch(() => props.items?.length ?? 0, (newLen, oldLen = 0) => {\n  // Only clear heights for removed items (e.g. search reset).\n  // On append (infinite scroll), keep existing measurements.\n  if (newLen < oldLen) measuredHeights.clear()\n  reflow()\n}, { immediate: true })\n\nwatch(() => props.cols, () => {\n  measuredHeights.clear()\n  reflow()\n})\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"wf-root\" :style=\"{ gap: `${gap}px` }\">\n    {{ colPositions.length }}列\n    <div\n      v-for=\"(_col, ci) in colPositions\"\n      :key=\"ci\"\n      class=\"wf-col\"\n      :style=\"{ height: `${colTotalHeights[ci]}px` }\"\n    >\n      <div\n        v-for=\"{ item, globalIdx, top } in visibleItems[ci]\"\n        :key=\"globalIdx\"\n        :ref=\"(el) => { if (el) observeItem(el as Element, globalIdx) }\"\n        class=\"wf-item\"\n        :style=\"{ transform: `translateY(${top}px)` }\"\n        @vue:unmounted=\"({ el }: any) => unobserveItem(el)\"\n      >\n        <slot\n          :item=\"item\"\n          :on-load=\"(h: number) => patchHeight(globalIdx, h)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.wf-root {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n\n.wf-col {\n  flex: 1;\n  position: relative;\n  min-width: 0;\n}\n\n.wf-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n</style>\n","import type { App, Plugin } from 'vue'\n\nimport Waterfall from './components/Waterfall.vue'\n\nexport { Waterfall }\nexport type { WaterfallProps } from './components/Waterfall.vue'\n\nfunction install(app: App): void {\n  app.component('TdWaterfall', Waterfall)\n}\n\nconst TudouWaterfall: Plugin = {\n  install,\n}\n\nexport default TudouWaterfall\nexport { TudouWaterfall }\n"],"names":["ref","nextTick","computed","onMounted","onUnmounted","watch","_createElementBlock","_openBlock","_Fragment","_renderList","_normalizeStyle","_renderSlot","Waterfall"],"mappings":"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"}

package/dist/index.mjs

@@ -170,7 +170,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 renderSlot(_ctx.$slots, "default", {
                   item,
                   onLoad: (h) => patchHeight(globalIdx, h)
-                }, void 0, true)
+                })
               ], 4);
             }), 128))
           ], 4);
@@ -179,23 +179,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const Waterfall = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-48441704"]]);
 function install(app) {
-  app.component("TdWaterfall", Waterfall);
+  app.component("TdWaterfall", _sfc_main);
 }
 const TudouWaterfall = {
   install
 };
 export {
   TudouWaterfall,
-  Waterfall,
+  _sfc_main as Waterfall,
   TudouWaterfall as default
 };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../src/components/Waterfall.vue","../src/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, nextTick, watch } from 'vue'\n\nexport interface WaterfallProps {\n  items: any[]\n  cols?: number\n  gap?: number\n  estimatedHeight?: number\n  templateType?: string\n  overscan?: number\n}\n\nconst props = withDefaults(defineProps<WaterfallProps>(), {\n  cols: 0,\n  gap: 15,\n  estimatedHeight: 220,\n  overscan: 600,\n})\n\nconst emit = defineEmits<{ (e: 'reflow'): void }>()\n\n// ─── types ────────────────────────────────────────────────────────────────────\n\ninterface PositionedItem {\n  item: any\n  globalIdx: number\n  top: number\n  height: number\n}\n\n// ─── state ────────────────────────────────────────────────────────────────────\n\nconst containerRef = ref<HTMLElement | null>(null)\nconst scrollTop = ref(0)\nconst viewportHeight = ref(0)\n\n// colPositions[colIdx] = sorted array of positioned items\nconst colPositions = ref<PositionedItem[][]>([])\n// colTotalHeight[colIdx] = total height of that column (for the spacer div)\nconst colTotalHeights = ref<number[]>([])\n\n// globalIdx -> measured height (updated after image load)\nconst measuredHeights = new Map<number, number>()\n\n// ─── column count ─────────────────────────────────────────────────────────────\n\nconst getColCount = () => {\n  const colsNum = Number(props.cols)\n  if (colsNum > 0) return colsNum\n  const width = containerRef.value?.clientWidth ?? window.innerWidth\n  if (width >= 1400) {\n    return props.templateType === 'card-horizontal' ? 8 : 9\n  }\n  if (width >= 1200) {\n    return props.templateType === 'card-horizontal' ? 7 : 8\n  }\n  if (width >= 900) {\n    return props.templateType === 'card-horizontal' ? 5 : 7\n  }\n  if (width >= 700) {\n    return props.templateType === 'card-horizontal' ? 4 : 6\n  }\n  if (width >= 500) {\n    return props.templateType === 'card-horizontal' ? 4 : 5\n  }\n  return 6\n}\n\n// ─── full reflow: re-assign items to columns ──────────────────────────────────\n// Only called when items list changes or viewport width changes.\n// Does NOT re-assign on height updates to avoid item jumping between columns.\n\nconst reflow = async () => {\n  await nextTick()\n  const count = getColCount()\n  const cols: PositionedItem[][] = Array.from({ length: count }, () => [])\n  const colH = new Array(count).fill(0)\n\n  props.items.forEach((item, i) => {\n    const minIdx = colH.indexOf(Math.min(...colH))\n    const h = measuredHeights.get(i) ?? props.estimatedHeight\n    cols[minIdx].push({ item, globalIdx: i, top: colH[minIdx], height: h })\n    colH[minIdx] += h + props.gap\n  })\n\n  colPositions.value = cols\n  colTotalHeights.value = colH\n  emit('reflow')\n}\n\n// ─── patch: update one item's height in-place, shift subsequent items ─────────\n// Called after an image loads. Avoids full reflow to prevent column reassignment.\n\nconst patchHeight = (globalIdx: number, newHeight: number) => {\n  const old = measuredHeights.get(globalIdx) ?? props.estimatedHeight\n  if (Math.abs(old - newHeight) < 2) return // no meaningful change\n  measuredHeights.set(globalIdx, newHeight)\n\n  for (let ci = 0; ci < colPositions.value.length; ci++) {\n    const col = colPositions.value[ci]\n    const pos = col.findIndex(p => p.globalIdx === globalIdx)\n    if (pos === -1) continue\n\n    const delta = newHeight - col[pos].height\n    col[pos].height = newHeight\n\n    // shift all items below this one in the same column\n    for (let j = pos + 1; j < col.length; j++) {\n      col[j] = { ...col[j], top: col[j].top + delta }\n    }\n\n    // update total column height\n    colTotalHeights.value[ci] += delta\n    break\n  }\n}\n\n// ─── virtual visibility ───────────────────────────────────────────────────────\n\nconst visibleItems = computed(() => {\n  const top = scrollTop.value - props.overscan\n  const bottom = scrollTop.value + viewportHeight.value + props.overscan\n  return colPositions.value.map(col =>\n    col.filter(p => p.top + p.height >= top && p.top <= bottom)\n  )\n})\n\n// ─── scroll listener ──────────────────────────────────────────────────────────\n\nlet scrollEl: Element | null = null\n\nconst findScrollParent = (el: Element): Element => {\n  let cur: Element | null = el.parentElement\n  while (cur) {\n    const { overflow, overflowY } = getComputedStyle(cur)\n    if (/auto|scroll/.test(overflow + overflowY)) return cur\n    cur = cur.parentElement\n  }\n  return document.documentElement\n}\n\nconst onScroll = (e: Event) => {\n  const st = (e.target as Element).scrollTop\n  // Adjust for the container's offset within the scroll parent\n  const containerOffset = containerRef.value\n    ? (containerRef.value as HTMLElement).offsetTop\n    : 0\n  scrollTop.value = Math.max(0, st - containerOffset)\n}\n\n// ─── item resize observer ─────────────────────────────────────────────────────\n// One shared RO watches every .wf-item element.\n// el -> globalIdx mapping is stored in a WeakMap so we never leak.\n\nconst itemElMap = new WeakMap<Element, number>()\n\nconst itemRo = new ResizeObserver((entries) => {\n  for (const entry of entries) {\n    const globalIdx = itemElMap.get(entry.target)\n    if (globalIdx === undefined) continue\n    const h = entry.contentRect.height\n    if (h > 0) patchHeight(globalIdx, h)\n  }\n})\n\nconst observeItem = (el: Element, globalIdx: number) => {\n  itemElMap.set(el, globalIdx)\n  itemRo.observe(el)\n}\n\nconst unobserveItem = (el: Element) => {\n  itemRo.unobserve(el)\n  itemElMap.delete(el)\n}\n\n// ─── resize observer (container) ─────────────────────────────────────────────\n\nlet containerRo: ResizeObserver | null = null\n\n// ─── lifecycle ────────────────────────────────────────────────────────────────\n\nonMounted(async () => {\n  await nextTick()\n  if (!containerRef.value) return\n\n  scrollEl = findScrollParent(containerRef.value)\n  scrollEl.addEventListener('scroll', onScroll, { passive: true })\n  viewportHeight.value = scrollEl === document.documentElement\n    ? window.innerHeight\n    : (scrollEl as HTMLElement).clientHeight\n\n  containerRo = new ResizeObserver(() => {\n    viewportHeight.value = scrollEl === document.documentElement\n      ? window.innerHeight\n      : (scrollEl as HTMLElement).clientHeight\n    reflow()\n  })\n  containerRo.observe(containerRef.value)\n\n  reflow()\n})\n\nonUnmounted(() => {\n  scrollEl?.removeEventListener('scroll', onScroll)\n  containerRo?.disconnect()\n  itemRo.disconnect()\n})\n\nwatch(() => props.items?.length ?? 0, (newLen, oldLen = 0) => {\n  // Only clear heights for removed items (e.g. search reset).\n  // On append (infinite scroll), keep existing measurements.\n  if (newLen < oldLen) measuredHeights.clear()\n  reflow()\n}, { immediate: true })\n\nwatch(() => props.cols, () => {\n  measuredHeights.clear()\n  reflow()\n})\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"wf-root\" :style=\"{ gap: `${gap}px` }\">\n    {{ colPositions.length }}列\n    <div\n      v-for=\"(_col, ci) in colPositions\"\n      :key=\"ci\"\n      class=\"wf-col\"\n      :style=\"{ height: `${colTotalHeights[ci]}px` }\"\n    >\n      <div\n        v-for=\"{ item, globalIdx, top } in visibleItems[ci]\"\n        :key=\"globalIdx\"\n        :ref=\"(el) => { if (el) observeItem(el as Element, globalIdx) }\"\n        class=\"wf-item\"\n        :style=\"{ transform: `translateY(${top}px)` }\"\n        @vue:unmounted=\"({ el }: any) => unobserveItem(el)\"\n      >\n        <slot\n          :item=\"item\"\n          :on-load=\"(h: number) => patchHeight(globalIdx, h)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.wf-root {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n\n.wf-col {\n  flex: 1;\n  position: relative;\n  min-width: 0;\n}\n\n.wf-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n</style>\n","import type { App, Plugin } from 'vue'\n\nimport Waterfall from './components/Waterfall.vue'\n\nexport { Waterfall }\nexport type { WaterfallProps } from './components/Waterfall.vue'\n\nfunction install(app: App): void {\n  app.component('TdWaterfall', Waterfall)\n}\n\nconst TudouWaterfall: Plugin = {\n  install,\n}\n\nexport default TudouWaterfall\nexport { TudouWaterfall }\n"],"names":["_createElementBlock","_openBlock","_Fragment","_renderList","_normalizeStyle","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../src/components/Waterfall.vue","../src/index.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, onMounted, onUnmounted, nextTick, watch } from 'vue'\n\nexport interface WaterfallProps {\n  items: any[]\n  cols?: number\n  gap?: number\n  estimatedHeight?: number\n  templateType?: string\n  overscan?: number\n}\n\nconst props = withDefaults(defineProps<WaterfallProps>(), {\n  cols: 0,\n  gap: 15,\n  estimatedHeight: 220,\n  overscan: 600,\n})\n\nconst emit = defineEmits<{ (e: 'reflow'): void }>()\n\n// ─── types ────────────────────────────────────────────────────────────────────\n\ninterface PositionedItem {\n  item: any\n  globalIdx: number\n  top: number\n  height: number\n}\n\n// ─── state ────────────────────────────────────────────────────────────────────\n\nconst containerRef = ref<HTMLElement | null>(null)\nconst scrollTop = ref(0)\nconst viewportHeight = ref(0)\n\n// colPositions[colIdx] = sorted array of positioned items\nconst colPositions = ref<PositionedItem[][]>([])\n// colTotalHeight[colIdx] = total height of that column (for the spacer div)\nconst colTotalHeights = ref<number[]>([])\n\n// globalIdx -> measured height (updated after image load)\nconst measuredHeights = new Map<number, number>()\n\n// ─── column count ─────────────────────────────────────────────────────────────\n\nconst getColCount = () => {\n  const colsNum = Number(props.cols)\n  if (colsNum > 0) return colsNum\n  const width = containerRef.value?.clientWidth ?? window.innerWidth\n  if (width >= 1400) {\n    return props.templateType === 'card-horizontal' ? 8 : 9\n  }\n  if (width >= 1200) {\n    return props.templateType === 'card-horizontal' ? 7 : 8\n  }\n  if (width >= 900) {\n    return props.templateType === 'card-horizontal' ? 5 : 7\n  }\n  if (width >= 700) {\n    return props.templateType === 'card-horizontal' ? 4 : 6\n  }\n  if (width >= 500) {\n    return props.templateType === 'card-horizontal' ? 4 : 5\n  }\n  return 6\n}\n\n// ─── full reflow: re-assign items to columns ──────────────────────────────────\n// Only called when items list changes or viewport width changes.\n// Does NOT re-assign on height updates to avoid item jumping between columns.\n\nconst reflow = async () => {\n  await nextTick()\n  const count = getColCount()\n  const cols: PositionedItem[][] = Array.from({ length: count }, () => [])\n  const colH = new Array(count).fill(0)\n\n  props.items.forEach((item, i) => {\n    const minIdx = colH.indexOf(Math.min(...colH))\n    const h = measuredHeights.get(i) ?? props.estimatedHeight\n    cols[minIdx].push({ item, globalIdx: i, top: colH[minIdx], height: h })\n    colH[minIdx] += h + props.gap\n  })\n\n  colPositions.value = cols\n  colTotalHeights.value = colH\n  emit('reflow')\n}\n\n// ─── patch: update one item's height in-place, shift subsequent items ─────────\n// Called after an image loads. Avoids full reflow to prevent column reassignment.\n\nconst patchHeight = (globalIdx: number, newHeight: number) => {\n  const old = measuredHeights.get(globalIdx) ?? props.estimatedHeight\n  if (Math.abs(old - newHeight) < 2) return // no meaningful change\n  measuredHeights.set(globalIdx, newHeight)\n\n  for (let ci = 0; ci < colPositions.value.length; ci++) {\n    const col = colPositions.value[ci]\n    const pos = col.findIndex(p => p.globalIdx === globalIdx)\n    if (pos === -1) continue\n\n    const delta = newHeight - col[pos].height\n    col[pos].height = newHeight\n\n    // shift all items below this one in the same column\n    for (let j = pos + 1; j < col.length; j++) {\n      col[j] = { ...col[j], top: col[j].top + delta }\n    }\n\n    // update total column height\n    colTotalHeights.value[ci] += delta\n    break\n  }\n}\n\n// ─── virtual visibility ───────────────────────────────────────────────────────\n\nconst visibleItems = computed(() => {\n  const top = scrollTop.value - props.overscan\n  const bottom = scrollTop.value + viewportHeight.value + props.overscan\n  return colPositions.value.map(col =>\n    col.filter(p => p.top + p.height >= top && p.top <= bottom)\n  )\n})\n\n// ─── scroll listener ──────────────────────────────────────────────────────────\n\nlet scrollEl: Element | null = null\n\nconst findScrollParent = (el: Element): Element => {\n  let cur: Element | null = el.parentElement\n  while (cur) {\n    const { overflow, overflowY } = getComputedStyle(cur)\n    if (/auto|scroll/.test(overflow + overflowY)) return cur\n    cur = cur.parentElement\n  }\n  return document.documentElement\n}\n\nconst onScroll = (e: Event) => {\n  const st = (e.target as Element).scrollTop\n  // Adjust for the container's offset within the scroll parent\n  const containerOffset = containerRef.value\n    ? (containerRef.value as HTMLElement).offsetTop\n    : 0\n  scrollTop.value = Math.max(0, st - containerOffset)\n}\n\n// ─── item resize observer ─────────────────────────────────────────────────────\n// One shared RO watches every .wf-item element.\n// el -> globalIdx mapping is stored in a WeakMap so we never leak.\n\nconst itemElMap = new WeakMap<Element, number>()\n\nconst itemRo = new ResizeObserver((entries) => {\n  for (const entry of entries) {\n    const globalIdx = itemElMap.get(entry.target)\n    if (globalIdx === undefined) continue\n    const h = entry.contentRect.height\n    if (h > 0) patchHeight(globalIdx, h)\n  }\n})\n\nconst observeItem = (el: Element, globalIdx: number) => {\n  itemElMap.set(el, globalIdx)\n  itemRo.observe(el)\n}\n\nconst unobserveItem = (el: Element) => {\n  itemRo.unobserve(el)\n  itemElMap.delete(el)\n}\n\n// ─── resize observer (container) ─────────────────────────────────────────────\n\nlet containerRo: ResizeObserver | null = null\n\n// ─── lifecycle ────────────────────────────────────────────────────────────────\n\nonMounted(async () => {\n  await nextTick()\n  if (!containerRef.value) return\n\n  scrollEl = findScrollParent(containerRef.value)\n  scrollEl.addEventListener('scroll', onScroll, { passive: true })\n  viewportHeight.value = scrollEl === document.documentElement\n    ? window.innerHeight\n    : (scrollEl as HTMLElement).clientHeight\n\n  containerRo = new ResizeObserver(() => {\n    viewportHeight.value = scrollEl === document.documentElement\n      ? window.innerHeight\n      : (scrollEl as HTMLElement).clientHeight\n    reflow()\n  })\n  containerRo.observe(containerRef.value)\n\n  reflow()\n})\n\nonUnmounted(() => {\n  scrollEl?.removeEventListener('scroll', onScroll)\n  containerRo?.disconnect()\n  itemRo.disconnect()\n})\n\nwatch(() => props.items?.length ?? 0, (newLen, oldLen = 0) => {\n  // Only clear heights for removed items (e.g. search reset).\n  // On append (infinite scroll), keep existing measurements.\n  if (newLen < oldLen) measuredHeights.clear()\n  reflow()\n}, { immediate: true })\n\nwatch(() => props.cols, () => {\n  measuredHeights.clear()\n  reflow()\n})\n</script>\n\n<template>\n  <div ref=\"containerRef\" class=\"wf-root\" :style=\"{ gap: `${gap}px` }\">\n    {{ colPositions.length }}列\n    <div\n      v-for=\"(_col, ci) in colPositions\"\n      :key=\"ci\"\n      class=\"wf-col\"\n      :style=\"{ height: `${colTotalHeights[ci]}px` }\"\n    >\n      <div\n        v-for=\"{ item, globalIdx, top } in visibleItems[ci]\"\n        :key=\"globalIdx\"\n        :ref=\"(el) => { if (el) observeItem(el as Element, globalIdx) }\"\n        class=\"wf-item\"\n        :style=\"{ transform: `translateY(${top}px)` }\"\n        @vue:unmounted=\"({ el }: any) => unobserveItem(el)\"\n      >\n        <slot\n          :item=\"item\"\n          :on-load=\"(h: number) => patchHeight(globalIdx, h)\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<style>\n.wf-root {\n  display: flex;\n  align-items: flex-start;\n  width: 100%;\n}\n\n.wf-col {\n  flex: 1;\n  position: relative;\n  min-width: 0;\n}\n\n.wf-item {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n}\n</style>\n","import type { App, Plugin } from 'vue'\n\nimport Waterfall from './components/Waterfall.vue'\n\nexport { Waterfall }\nexport type { WaterfallProps } from './components/Waterfall.vue'\n\nfunction install(app: App): void {\n  app.component('TdWaterfall', Waterfall)\n}\n\nconst TudouWaterfall: Plugin = {\n  install,\n}\n\nexport default TudouWaterfall\nexport { TudouWaterfall }\n"],"names":["_createElementBlock","_openBlock","_Fragment","_renderList","_normalizeStyle","_renderSlot","Waterfall"],"mappings":"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"}

package/dist/style.css

@@ -1,15 +1,15 @@
 
-.wf-root[data-v-48441704] {
+.wf-root {
   display: flex;
   align-items: flex-start;
   width: 100%;
 }
-.wf-col[data-v-48441704] {
+.wf-col {
   flex: 1;
   position: relative;
   min-width: 0;
 }
-.wf-item[data-v-48441704] {
+.wf-item {
   position: absolute;
   top: 0;
   left: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tudou-waterfall",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "A Vue 3 plugin with UI components, directives, and global methods",
   "type": "module",
   "main": "./dist/index.cjs",