@wyxos/vibe 1.6.27 → 1.6.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/lib/index.js +1063 -1023
  2. package/lib/vibe.css +1 -1
  3. package/package.json +1 -1
  4. package/src/Masonry.vue +1030 -1008
  5. package/src/components/MasonryItem.vue +499 -501
  6. package/src/createMasonryTransitions.ts +18 -27
  7. package/src/types.ts +101 -38
  8. package/src/useMasonryItems.ts +231 -234
  9. package/src/useMasonryLayout.ts +164 -164
  10. package/src/useMasonryPagination.ts +116 -42
  11. package/src/useMasonryVirtualization.ts +1 -1
  12. package/src/views/Home.vue +2 -2
package/src/useMasonryVirtualization.ts CHANGED
@@ -107,7 +107,7 @@ export function useMasonryVirtualization(options: UseMasonryVirtualizationOption
107
107
  // Gate transitions for virtualization-only DOM changes
108
108
  virtualizing.value = true
109
109
  await nextTick()
110
- await new Promise<void>(r => requestAnimationFrame(() => r()))
110
+ await nextTick()
111
111
  virtualizing.value = false
112
112
 
113
113
  const heights = calculateColumnHeights(masonry.value as any, columns.value)
package/src/views/Home.vue CHANGED
@@ -293,8 +293,8 @@ watch(() => items.value, () => {
293
293
  :class="{ 'bg-slate-200/50': deviceMode !== 'auto' }">
294
294
  <div :style="containerStyle" class="transition-all duration-500 ease-in-out bg-slate-50 shadow-sm relative">
295
295
  <masonry v-model:items="items" :get-page="getPage" :load-at-page="1" :layout="layout"
296
- :layout-mode="deviceMode === 'phone' || deviceMode === 'tablet' ? 'swipe' : 'auto'" ref="masonry"
297
- init="auto" class="demo-masonry">
296
+ :layout-mode="deviceMode === 'phone' || deviceMode === 'tablet' ? 'swipe' : 'auto'" ref="masonry" init="auto"
297
+ class="demo-masonry">
298
298
  <template #item-footer="{ item, remove }">
299
299
  <div class="h-full flex items-center justify-between px-3">
300
300
  <button v-if="remove"