@sectile/vue 0.6.0 → 0.8.0
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.
- package/README.md +4 -2
- package/dist/accordion.d.ts +0 -1
- package/dist/alert-dialog.d.ts +0 -2
- package/dist/alert-dialog.js.map +1 -1
- package/dist/calendar.d.ts +14 -268
- package/dist/calendar.js +15 -15
- package/dist/calendar.js.map +1 -1
- package/dist/carousel.d.ts +22 -1
- package/dist/carousel.js +7 -1
- package/dist/carousel.js.map +1 -1
- package/dist/cascade-list.d.ts +339 -0
- package/dist/cascade-list.js +240 -0
- package/dist/cascade-list.js.map +1 -0
- package/dist/cascade-select.d.ts +11 -42
- package/dist/cascade-select.js +19 -27
- package/dist/cascade-select.js.map +1 -1
- package/dist/checkbox-group.d.ts +9 -1
- package/dist/checkbox-group.js +57 -13
- package/dist/checkbox-group.js.map +1 -1
- package/dist/checkbox.d.ts +0 -1
- package/dist/checkbox.js +15 -8
- package/dist/checkbox.js.map +1 -1
- package/dist/color-picker.d.ts +0 -1
- package/dist/combobox.d.ts +0 -1
- package/dist/combobox.js +46 -6
- package/dist/combobox.js.map +1 -1
- package/dist/data-grid.d.ts +214 -0
- package/dist/data-grid.js +107 -0
- package/dist/data-grid.js.map +1 -0
- package/dist/data-table.d.ts +232 -0
- package/dist/data-table.js +116 -0
- package/dist/data-table.js.map +1 -0
- package/dist/data-tree-grid.d.ts +225 -0
- package/dist/data-tree-grid.js +98 -0
- package/dist/data-tree-grid.js.map +1 -0
- package/dist/date-field.d.ts +2 -3
- package/dist/date-field.js +1 -1
- package/dist/date-field.js.map +1 -1
- package/dist/date-picker.d.ts +35 -427
- package/dist/date-picker.js +15 -13
- package/dist/date-picker.js.map +1 -1
- package/dist/date-range-field.d.ts +2 -3
- package/dist/date-range-field.js +24 -6
- package/dist/date-range-field.js.map +1 -1
- package/dist/date-range-picker.d.ts +35 -427
- package/dist/date-range-picker.js +15 -13
- package/dist/date-range-picker.js.map +1 -1
- package/dist/date-time-field.d.ts +2 -3
- package/dist/date-time-field.js +1 -1
- package/dist/date-time-field.js.map +1 -1
- package/dist/date-time-picker.d.ts +36 -428
- package/dist/date-time-picker.js +15 -13
- package/dist/date-time-picker.js.map +1 -1
- package/dist/date-time-range-picker.d.ts +36 -428
- package/dist/date-time-range-picker.js +15 -13
- package/dist/date-time-range-picker.js.map +1 -1
- package/dist/dialog.d.ts +0 -2
- package/dist/dialog.js.map +1 -1
- package/dist/disclosure.d.ts +0 -1
- package/dist/drawer.d.ts +1 -2
- package/dist/editable.d.ts +0 -1
- package/dist/editable.js +25 -6
- package/dist/editable.js.map +1 -1
- package/dist/feed.d.ts +0 -1
- package/dist/form.d.ts +88 -115
- package/dist/form.js +461 -233
- package/dist/form.js.map +1 -1
- package/dist/grid.d.ts +0 -1
- package/dist/grid.js +51 -6
- package/dist/grid.js.map +1 -1
- package/dist/host-provider.d.ts +0 -13
- package/dist/host-provider.js +0 -16
- package/dist/host-provider.js.map +1 -1
- package/dist/index.d.ts +14 -39
- package/dist/index.js +6 -19
- package/dist/index.js.map +1 -1
- package/dist/internal/cascade-choice.d.ts +204 -0
- package/dist/internal/cascade-choice.js +161 -0
- package/dist/internal/cascade-choice.js.map +1 -0
- package/dist/internal/collection.d.ts +3 -8
- package/dist/internal/collection.js +14 -20
- package/dist/internal/collection.js.map +1 -1
- package/dist/internal/controlled-state.d.ts +0 -1
- package/dist/internal/date-picker.d.ts +91 -141
- package/dist/internal/date-picker.js +146 -52
- package/dist/internal/date-picker.js.map +1 -1
- package/dist/internal/decimal-input.d.ts +1 -0
- package/dist/internal/decimal-input.js +24 -0
- package/dist/internal/decimal-input.js.map +1 -0
- package/dist/internal/form-control-inventory.d.ts +4 -1
- package/dist/internal/form-control-inventory.js +1 -0
- package/dist/internal/form-control-inventory.js.map +1 -1
- package/dist/internal/form-control.d.ts +100 -2
- package/dist/internal/form-control.js +103 -1
- package/dist/internal/form-control.js.map +1 -1
- package/dist/internal/native-field.d.ts +7 -8
- package/dist/internal/native-field.js +11 -2
- package/dist/internal/native-field.js.map +1 -1
- package/dist/internal/native-input.d.ts +0 -1
- package/dist/internal/part-contract.d.ts +0 -1
- package/dist/internal/popup.d.ts +5 -27
- package/dist/internal/popup.js +14 -20
- package/dist/internal/popup.js.map +1 -1
- package/dist/internal/presence.d.ts +0 -1
- package/dist/internal/scheduled-task.d.ts +5 -0
- package/dist/internal/scheduled-task.js +28 -0
- package/dist/internal/scheduled-task.js.map +1 -0
- package/dist/internal/tabs-context.d.ts +2 -3
- package/dist/internal/tabular-components.d.ts +27 -0
- package/dist/internal/tabular-components.js +26 -0
- package/dist/internal/tabular-components.js.map +1 -0
- package/dist/internal/tabular-parts.d.ts +57 -0
- package/dist/internal/tabular-parts.js +239 -0
- package/dist/internal/tabular-parts.js.map +1 -0
- package/dist/internal/tabular-profile.d.ts +75 -0
- package/dist/internal/tabular-profile.js +209 -0
- package/dist/internal/tabular-profile.js.map +1 -0
- package/dist/internal/virtual-collection-model.d.ts +42 -0
- package/dist/internal/virtual-collection-model.js +241 -0
- package/dist/internal/virtual-collection-model.js.map +1 -0
- package/dist/internal/virtual-collection.d.ts +38 -0
- package/dist/internal/virtual-collection.js +87 -0
- package/dist/internal/virtual-collection.js.map +1 -0
- package/dist/{virtual.d.ts → internal/virtual-core.d.ts} +14 -9
- package/dist/{virtual.js → internal/virtual-core.js} +18 -13
- package/dist/internal/virtual-core.js.map +1 -0
- package/dist/internal/virtual-list.d.ts +214 -0
- package/dist/internal/virtual-list.js +401 -0
- package/dist/internal/virtual-list.js.map +1 -0
- package/dist/listbox.d.ts +0 -1
- package/dist/listbox.js +52 -6
- package/dist/listbox.js.map +1 -1
- package/dist/menu-button.d.ts +0 -1
- package/dist/menu.d.ts +262 -317
- package/dist/menu.js +29 -23
- package/dist/menu.js.map +1 -1
- package/dist/menubar.d.ts +0 -1
- package/dist/meter-group.d.ts +369 -0
- package/dist/meter-group.js +271 -0
- package/dist/meter-group.js.map +1 -0
- package/dist/meter.d.ts +191 -0
- package/dist/meter.js +133 -0
- package/dist/meter.js.map +1 -0
- package/dist/month-picker.d.ts +29 -259
- package/dist/month-picker.js +8 -6
- package/dist/month-picker.js.map +1 -1
- package/dist/month-range-picker.d.ts +29 -259
- package/dist/month-range-picker.js +8 -6
- package/dist/month-range-picker.js.map +1 -1
- package/dist/multi-thumb-slider.d.ts +0 -1
- package/dist/navigation-menu.d.ts +0 -1
- package/dist/number-field.d.ts +2 -2
- package/dist/number-field.js +1 -1
- package/dist/number-field.js.map +1 -1
- package/dist/pagination.d.ts +23 -2
- package/dist/pagination.js +6 -1
- package/dist/pagination.js.map +1 -1
- package/dist/pin-input.d.ts +0 -1
- package/dist/pin-input.js +1 -1
- package/dist/pin-input.js.map +1 -1
- package/dist/popover.d.ts +0 -2
- package/dist/popover.js.map +1 -1
- package/dist/primitive.d.ts +0 -1
- package/dist/primitive.js +8 -4
- package/dist/primitive.js.map +1 -1
- package/dist/progress.d.ts +148 -0
- package/dist/progress.js +110 -0
- package/dist/progress.js.map +1 -0
- package/dist/quantity-field.d.ts +0 -1
- package/dist/radio-group.d.ts +0 -1
- package/dist/radio-group.js +1 -1
- package/dist/radio-group.js.map +1 -1
- package/dist/range-calendar.d.ts +14 -298
- package/dist/range-calendar.js +7 -7
- package/dist/range-calendar.js.map +1 -1
- package/dist/rating.d.ts +0 -1
- package/dist/rating.js +10 -1
- package/dist/rating.js.map +1 -1
- package/dist/reorder.d.ts +1 -2
- package/dist/select.d.ts +24 -50
- package/dist/select.js +11 -13
- package/dist/select.js.map +1 -1
- package/dist/slider.d.ts +0 -1
- package/dist/spin-button.d.ts +9 -7
- package/dist/spin-button.js +17 -4
- package/dist/spin-button.js.map +1 -1
- package/dist/stepper.d.ts +0 -1
- package/dist/stepper.js +19 -2
- package/dist/stepper.js.map +1 -1
- package/dist/switch.d.ts +0 -1
- package/dist/tabs.d.ts +0 -1
- package/dist/tabs.js +4 -22
- package/dist/tabs.js.map +1 -1
- package/dist/tags-input.d.ts +0 -1
- package/dist/tags-input.js +18 -5
- package/dist/tags-input.js.map +1 -1
- package/dist/temporal-provider.d.ts +21 -0
- package/dist/temporal-provider.js +30 -0
- package/dist/temporal-provider.js.map +1 -0
- package/dist/text.d.ts +0 -1
- package/dist/text.js +18 -4
- package/dist/text.js.map +1 -1
- package/dist/time-field.d.ts +2 -3
- package/dist/time-field.js +1 -1
- package/dist/time-field.js.map +1 -1
- package/dist/time-range-field.d.ts +2 -2
- package/dist/time-range-field.js +6 -4
- package/dist/time-range-field.js.map +1 -1
- package/dist/timer.d.ts +0 -1
- package/dist/toast.d.ts +11 -2
- package/dist/toast.js +22 -9
- package/dist/toast.js.map +1 -1
- package/dist/toggle-button.d.ts +0 -1
- package/dist/toggle-group.d.ts +0 -1
- package/dist/toggle-group.js +1 -1
- package/dist/toggle-group.js.map +1 -1
- package/dist/toolbar.d.ts +0 -1
- package/dist/tooltip.d.ts +1 -3
- package/dist/tooltip.js.map +1 -1
- package/dist/tree-grid.d.ts +0 -1
- package/dist/tree-grid.js +62 -8
- package/dist/tree-grid.js.map +1 -1
- package/dist/tree-view.d.ts +0 -1
- package/dist/tree-view.js +51 -10
- package/dist/tree-view.js.map +1 -1
- package/dist/virtual-core.d.ts +1 -0
- package/dist/virtual-core.js +2 -0
- package/dist/virtual-core.js.map +1 -0
- package/dist/virtual-grid.d.ts +188 -0
- package/dist/virtual-grid.js +306 -0
- package/dist/virtual-grid.js.map +1 -0
- package/dist/virtual-list.d.ts +1 -0
- package/dist/virtual-list.js +2 -0
- package/dist/virtual-list.js.map +1 -0
- package/dist/virtual-masonry.d.ts +198 -0
- package/dist/virtual-masonry.js +221 -0
- package/dist/virtual-masonry.js.map +1 -0
- package/dist/virtual-spatial.d.ts +157 -0
- package/dist/virtual-spatial.js +159 -0
- package/dist/virtual-spatial.js.map +1 -0
- package/dist/window-splitter.d.ts +0 -1
- package/dist/year-picker.d.ts +29 -259
- package/dist/year-picker.js +8 -6
- package/dist/year-picker.js.map +1 -1
- package/dist/year-range-picker.d.ts +29 -259
- package/dist/year-range-picker.js +8 -6
- package/dist/year-range-picker.js.map +1 -1
- package/package.json +174 -87
- package/dist/accordion.d.ts.map +0 -1
- package/dist/alert-dialog.d.ts.map +0 -1
- package/dist/calendar.d.ts.map +0 -1
- package/dist/carousel.d.ts.map +0 -1
- package/dist/cascade-select.d.ts.map +0 -1
- package/dist/checkbox-group.d.ts.map +0 -1
- package/dist/checkbox.d.ts.map +0 -1
- package/dist/color-picker.d.ts.map +0 -1
- package/dist/combobox.d.ts.map +0 -1
- package/dist/date-field.d.ts.map +0 -1
- package/dist/date-picker.d.ts.map +0 -1
- package/dist/date-range-field.d.ts.map +0 -1
- package/dist/date-range-picker.d.ts.map +0 -1
- package/dist/date-time-field.d.ts.map +0 -1
- package/dist/date-time-picker.d.ts.map +0 -1
- package/dist/date-time-range-picker.d.ts.map +0 -1
- package/dist/dialog.d.ts.map +0 -1
- package/dist/disclosure.d.ts.map +0 -1
- package/dist/drawer.d.ts.map +0 -1
- package/dist/editable.d.ts.map +0 -1
- package/dist/feed.d.ts.map +0 -1
- package/dist/form.d.ts.map +0 -1
- package/dist/grid.d.ts.map +0 -1
- package/dist/host-provider.d.ts.map +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/internal/collection.d.ts.map +0 -1
- package/dist/internal/controlled-state.d.ts.map +0 -1
- package/dist/internal/date-picker.d.ts.map +0 -1
- package/dist/internal/form-control-inventory.d.ts.map +0 -1
- package/dist/internal/form-control.d.ts.map +0 -1
- package/dist/internal/native-field.d.ts.map +0 -1
- package/dist/internal/native-input.d.ts.map +0 -1
- package/dist/internal/part-contract.d.ts.map +0 -1
- package/dist/internal/popup.d.ts.map +0 -1
- package/dist/internal/presence.d.ts.map +0 -1
- package/dist/internal/tabs-context.d.ts.map +0 -1
- package/dist/listbox.d.ts.map +0 -1
- package/dist/menu-button.d.ts.map +0 -1
- package/dist/menu.d.ts.map +0 -1
- package/dist/menubar.d.ts.map +0 -1
- package/dist/month-picker.d.ts.map +0 -1
- package/dist/month-range-picker.d.ts.map +0 -1
- package/dist/multi-thumb-slider.d.ts.map +0 -1
- package/dist/navigation-menu.d.ts.map +0 -1
- package/dist/number-field.d.ts.map +0 -1
- package/dist/pagination.d.ts.map +0 -1
- package/dist/pin-input.d.ts.map +0 -1
- package/dist/popover.d.ts.map +0 -1
- package/dist/primitive.d.ts.map +0 -1
- package/dist/quantity-field.d.ts.map +0 -1
- package/dist/radio-group.d.ts.map +0 -1
- package/dist/range-calendar.d.ts.map +0 -1
- package/dist/rating.d.ts.map +0 -1
- package/dist/reorder.d.ts.map +0 -1
- package/dist/select.d.ts.map +0 -1
- package/dist/slider.d.ts.map +0 -1
- package/dist/spin-button.d.ts.map +0 -1
- package/dist/stepper.d.ts.map +0 -1
- package/dist/switch.d.ts.map +0 -1
- package/dist/tabs.d.ts.map +0 -1
- package/dist/tags-input.d.ts.map +0 -1
- package/dist/text.d.ts.map +0 -1
- package/dist/time-field.d.ts.map +0 -1
- package/dist/time-range-field.d.ts.map +0 -1
- package/dist/timer.d.ts.map +0 -1
- package/dist/toast.d.ts.map +0 -1
- package/dist/toggle-button.d.ts.map +0 -1
- package/dist/toggle-group.d.ts.map +0 -1
- package/dist/toolbar.d.ts.map +0 -1
- package/dist/tooltip.d.ts.map +0 -1
- package/dist/tree-grid.d.ts.map +0 -1
- package/dist/tree-view.d.ts.map +0 -1
- package/dist/virtual.d.ts.map +0 -1
- package/dist/virtual.js.map +0 -1
- package/dist/window-splitter.d.ts.map +0 -1
- package/dist/year-picker.d.ts.map +0 -1
- package/dist/year-range-picker.d.ts.map +0 -1
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
import { defineComponent, h, nextTick, onBeforeUnmount, onMounted, shallowRef, watch } from 'vue';
|
|
2
|
+
import { createExtentIndex, createUniformExtentIndex } from '@sectile/virtual/extent-index';
|
|
3
|
+
import { createMasonryLayout, masonryLayoutStrategy } from '@sectile/virtual/masonry-layout';
|
|
4
|
+
import { createAxisMeasurementResolver } from '@sectile/dom/virtual';
|
|
5
|
+
import { VirtualizerContent, VirtualizerRoot } from './internal/virtual-core.js';
|
|
6
|
+
import { assertVirtualListSizeMode, createPreparedVirtualListSequence, estimatedExtent, exactExtent, prepareVirtualList, reconcileVirtualList, requireAutomaticEstimate, requiresDOMBootstrap, updatePreparedVirtualList } from './internal/virtual-collection-model.js';
|
|
7
|
+
import { createHighLevelVirtualExpose, nearlyEqual, renderCollectionBootstrapItems, renderHighLevelItems, resolveResponsiveLanes } from './internal/virtual-collection.js';
|
|
8
|
+
const VirtualMasonryRuntime = /* @__PURE__ */ defineComponent({
|
|
9
|
+
name: 'SectileVirtualMasonry',
|
|
10
|
+
inheritAttrs: false,
|
|
11
|
+
props: {
|
|
12
|
+
items: { type: Array, required: true },
|
|
13
|
+
getKey: { type: Function, required: true },
|
|
14
|
+
itemSize: { type: Number, default: undefined },
|
|
15
|
+
estimateSize: { type: [Number, Function], default: undefined },
|
|
16
|
+
laneCount: { type: Number, default: undefined },
|
|
17
|
+
minLaneSize: { type: Number, default: 240 },
|
|
18
|
+
maxLaneCount: { type: Number, default: 12 },
|
|
19
|
+
laneGap: { type: Number, default: 0 },
|
|
20
|
+
itemGap: { type: Number, default: 0 },
|
|
21
|
+
placementPolicy: { type: String, default: 'shortest' },
|
|
22
|
+
overscan: { type: [Number, Object], default: 240 },
|
|
23
|
+
maxItems: { type: Number, default: 1_000_000 },
|
|
24
|
+
initialViewport: { type: Object, default: undefined },
|
|
25
|
+
as: { type: String, default: 'div' },
|
|
26
|
+
contentAs: { type: String, default: 'div' },
|
|
27
|
+
itemAs: { type: String, default: 'div' },
|
|
28
|
+
itemAttributes: { type: Function, default: undefined },
|
|
29
|
+
},
|
|
30
|
+
emits: {
|
|
31
|
+
stateChange: (_state) => true,
|
|
32
|
+
planChange: (_plan) => true,
|
|
33
|
+
error: (_error) => true,
|
|
34
|
+
},
|
|
35
|
+
slots: Object,
|
|
36
|
+
setup(props, { attrs, emit, expose, slots }) {
|
|
37
|
+
assertVirtualListSizeMode(props.itemSize, props.estimateSize);
|
|
38
|
+
const initialViewport = props.initialViewport === undefined
|
|
39
|
+
? undefined
|
|
40
|
+
: Object.freeze({ ...props.initialViewport });
|
|
41
|
+
const prepared = shallowRef(prepareVirtualList(props.items, props.getKey));
|
|
42
|
+
const initialGeometry = resolveResponsiveLanes(initialViewport?.width ?? 0, props.laneCount, props.minLaneSize, props.maxLaneCount, props.laneGap);
|
|
43
|
+
const automaticEstimate = shallowRef();
|
|
44
|
+
const initialState = requiresDOMBootstrap(props.itemSize, props.estimateSize)
|
|
45
|
+
? createVirtualMasonryState(prepareVirtualList([], props.getKey), [], props, initialGeometry, 0)
|
|
46
|
+
: createVirtualMasonryState(prepared.value, props.items, props, initialGeometry);
|
|
47
|
+
const activeState = shallowRef(initialState);
|
|
48
|
+
const root = shallowRef();
|
|
49
|
+
const viewportWidth = shallowRef(initialViewport?.width ?? 0);
|
|
50
|
+
const bootstrapElements = new Map();
|
|
51
|
+
let bootstrapScheduled = false;
|
|
52
|
+
let disposed = false;
|
|
53
|
+
const isBootstrapping = () => requiresDOMBootstrap(props.itemSize, props.estimateSize)
|
|
54
|
+
&& automaticEstimate.value === undefined
|
|
55
|
+
&& prepared.value.ids.length > 0;
|
|
56
|
+
const bootstrapItemRef = (index, value) => {
|
|
57
|
+
const element = value instanceof HTMLElement ? value : null;
|
|
58
|
+
if (element === null)
|
|
59
|
+
bootstrapElements.delete(index);
|
|
60
|
+
else {
|
|
61
|
+
bootstrapElements.set(index, element);
|
|
62
|
+
scheduleBootstrap();
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
const completeBootstrap = () => {
|
|
66
|
+
if (!isBootstrapping())
|
|
67
|
+
return;
|
|
68
|
+
const geometry = resolveResponsiveLanes(viewportWidth.value, props.laneCount, props.minLaneSize, props.maxLaneCount, props.laneGap);
|
|
69
|
+
const count = Math.min(geometry.count, prepared.value.ids.length);
|
|
70
|
+
let total = 0;
|
|
71
|
+
for (let index = 0; index < count; index += 1) {
|
|
72
|
+
const element = bootstrapElements.get(index);
|
|
73
|
+
if (element === undefined)
|
|
74
|
+
return;
|
|
75
|
+
const height = element.getBoundingClientRect().height;
|
|
76
|
+
if (!Number.isFinite(height) || height <= 0)
|
|
77
|
+
return;
|
|
78
|
+
total += height;
|
|
79
|
+
}
|
|
80
|
+
const estimate = total / count;
|
|
81
|
+
automaticEstimate.value = estimate;
|
|
82
|
+
bootstrapElements.clear();
|
|
83
|
+
activeState.value = createVirtualMasonryState(prepared.value, props.items, props, geometry, estimate);
|
|
84
|
+
};
|
|
85
|
+
function scheduleBootstrap() {
|
|
86
|
+
if (disposed
|
|
87
|
+
|| bootstrapScheduled
|
|
88
|
+
|| automaticEstimate.value !== undefined
|
|
89
|
+
|| prepared.value.ids.length === 0)
|
|
90
|
+
return;
|
|
91
|
+
bootstrapScheduled = true;
|
|
92
|
+
void nextTick(() => {
|
|
93
|
+
bootstrapScheduled = false;
|
|
94
|
+
if (!disposed)
|
|
95
|
+
completeBootstrap();
|
|
96
|
+
});
|
|
97
|
+
}
|
|
98
|
+
onMounted(scheduleBootstrap);
|
|
99
|
+
onBeforeUnmount(() => {
|
|
100
|
+
disposed = true;
|
|
101
|
+
bootstrapElements.clear();
|
|
102
|
+
});
|
|
103
|
+
const measure = props.itemSize === undefined
|
|
104
|
+
? createAxisMeasurementResolver('vertical')
|
|
105
|
+
: undefined;
|
|
106
|
+
watch(() => [props.items, props.getKey], () => {
|
|
107
|
+
if (requiresDOMBootstrap(props.itemSize, props.estimateSize) && automaticEstimate.value === undefined) {
|
|
108
|
+
prepared.value = updatePreparedVirtualList(prepared.value, props.items, props.getKey);
|
|
109
|
+
scheduleBootstrap();
|
|
110
|
+
return;
|
|
111
|
+
}
|
|
112
|
+
const exposed = root.value;
|
|
113
|
+
if (exposed === undefined)
|
|
114
|
+
return;
|
|
115
|
+
const next = updatePreparedVirtualList(prepared.value, props.items, props.getKey);
|
|
116
|
+
const patch = reconcileVirtualList(exposed.state, next, props.items, props, automaticEstimate.value);
|
|
117
|
+
if (patch === null) {
|
|
118
|
+
prepared.value = next;
|
|
119
|
+
return;
|
|
120
|
+
}
|
|
121
|
+
const result = exposed.mutate(Object.freeze({ type: 'items', ...patch }));
|
|
122
|
+
if (result.ok)
|
|
123
|
+
prepared.value = next;
|
|
124
|
+
}, { flush: 'post' });
|
|
125
|
+
watch(() => [
|
|
126
|
+
props.laneCount,
|
|
127
|
+
props.minLaneSize,
|
|
128
|
+
props.maxLaneCount,
|
|
129
|
+
props.laneGap,
|
|
130
|
+
props.itemGap,
|
|
131
|
+
props.placementPolicy,
|
|
132
|
+
viewportWidth.value,
|
|
133
|
+
], () => {
|
|
134
|
+
const exposed = root.value;
|
|
135
|
+
if (exposed === undefined)
|
|
136
|
+
return;
|
|
137
|
+
const geometry = resolveResponsiveLanes(viewportWidth.value, props.laneCount, props.minLaneSize, props.maxLaneCount, props.laneGap);
|
|
138
|
+
const state = exposed.state;
|
|
139
|
+
if (state.laneCount === geometry.count
|
|
140
|
+
&& nearlyEqual(state.laneExtent, geometry.extent)
|
|
141
|
+
&& state.laneGap === props.laneGap
|
|
142
|
+
&& state.itemGap === props.itemGap
|
|
143
|
+
&& state.placementPolicy === props.placementPolicy)
|
|
144
|
+
return;
|
|
145
|
+
exposed.mutate(Object.freeze({
|
|
146
|
+
type: 'geometry',
|
|
147
|
+
laneCount: geometry.count,
|
|
148
|
+
laneExtent: geometry.extent,
|
|
149
|
+
laneGap: props.laneGap,
|
|
150
|
+
itemGap: props.itemGap,
|
|
151
|
+
placementPolicy: props.placementPolicy,
|
|
152
|
+
}));
|
|
153
|
+
}, { flush: 'post' });
|
|
154
|
+
expose(createHighLevelVirtualExpose(root, initialState));
|
|
155
|
+
return () => h(VirtualizerRoot, {
|
|
156
|
+
...attrs,
|
|
157
|
+
key: isBootstrapping() ? 'bootstrap' : 'ready',
|
|
158
|
+
ref: root,
|
|
159
|
+
defaultState: activeState.value,
|
|
160
|
+
strategy: masonryLayoutStrategy,
|
|
161
|
+
overscan: props.overscan,
|
|
162
|
+
...(initialViewport === undefined ? {} : { initialViewport }),
|
|
163
|
+
...(measure === undefined ? {} : {
|
|
164
|
+
measure: measure,
|
|
165
|
+
}),
|
|
166
|
+
as: props.as,
|
|
167
|
+
'data-virtual-layout': 'virtual-masonry',
|
|
168
|
+
onStateChange: (state) => emit('stateChange', state),
|
|
169
|
+
onPlanChange: (plan) => {
|
|
170
|
+
if (plan.viewport.width > 0)
|
|
171
|
+
viewportWidth.value = plan.viewport.width;
|
|
172
|
+
emit('planChange', plan);
|
|
173
|
+
},
|
|
174
|
+
onError: (error) => emit('error', error),
|
|
175
|
+
}, {
|
|
176
|
+
default: ({ placements }) => h(VirtualizerContent, { as: props.contentAs }, {
|
|
177
|
+
default: () => isBootstrapping()
|
|
178
|
+
? renderCollectionBootstrapItems('virtual-masonry', prepared.value, props.items, Math.min(resolveResponsiveLanes(viewportWidth.value, props.laneCount, props.minLaneSize, props.maxLaneCount, props.laneGap).count, prepared.value.ids.length), resolveResponsiveLanes(viewportWidth.value, props.laneCount, props.minLaneSize, props.maxLaneCount, props.laneGap).extent, props.itemAs, props.itemAttributes, (value, key, index, placement) => slots['default']?.({
|
|
179
|
+
value,
|
|
180
|
+
key,
|
|
181
|
+
index,
|
|
182
|
+
placement: Object.freeze({ ...placement, lane: index }),
|
|
183
|
+
lane: index,
|
|
184
|
+
}), bootstrapItemRef)
|
|
185
|
+
: renderHighLevelItems('virtual-masonry', placements, prepared.value, props.items, props.itemAs, props.itemAttributes, props.itemSize === undefined ? 'width' : 'both', (value, key, index, placement) => {
|
|
186
|
+
const masonryPlacement = placement;
|
|
187
|
+
return slots['default']?.({
|
|
188
|
+
value,
|
|
189
|
+
key,
|
|
190
|
+
index,
|
|
191
|
+
placement: masonryPlacement,
|
|
192
|
+
lane: masonryPlacement.lane,
|
|
193
|
+
});
|
|
194
|
+
}, slots['empty']),
|
|
195
|
+
}),
|
|
196
|
+
});
|
|
197
|
+
},
|
|
198
|
+
});
|
|
199
|
+
export const VirtualMasonry = VirtualMasonryRuntime;
|
|
200
|
+
function createVirtualMasonryState(prepared, items, props, geometry, automaticEstimate) {
|
|
201
|
+
return createMasonryLayout(createPreparedVirtualListSequence(prepared, props.maxItems), createCollectionExtents(prepared, items, props, automaticEstimate), {
|
|
202
|
+
laneCount: geometry.count,
|
|
203
|
+
laneExtent: geometry.extent,
|
|
204
|
+
laneGap: props.laneGap,
|
|
205
|
+
itemGap: props.itemGap,
|
|
206
|
+
placementPolicy: props.placementPolicy,
|
|
207
|
+
maxLanes: Math.max(geometry.count, 1_024),
|
|
208
|
+
});
|
|
209
|
+
}
|
|
210
|
+
function createCollectionExtents(prepared, items, props, automaticEstimate) {
|
|
211
|
+
const estimate = props.estimateSize ?? automaticEstimate;
|
|
212
|
+
const shared = props.itemSize !== undefined
|
|
213
|
+
? exactExtent(props.itemSize)
|
|
214
|
+
: typeof estimate !== 'function'
|
|
215
|
+
? estimatedExtent(requireAutomaticEstimate(estimate), undefined, 0)
|
|
216
|
+
: null;
|
|
217
|
+
return shared === null
|
|
218
|
+
? createExtentIndex(prepared.ids.map((_id, index) => estimatedExtent(estimate, items[index], index)), { maxItems: props.maxItems })
|
|
219
|
+
: createUniformExtentIndex(prepared.ids.length, shared, { maxItems: props.maxItems });
|
|
220
|
+
}
|
|
221
|
+
//# sourceMappingURL=virtual-masonry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtual-masonry.js","sourceRoot":"","sources":["../src/virtual-masonry.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { type AllowedComponentProps, type ComponentCustomProps, type PropType, type SlotsType, type VNodeChild, type VNodeProps } from 'vue';
|
|
2
|
+
import { type SpatialLayoutState, type SpatialPlacement } from '@sectile/virtual/spatial-layout';
|
|
3
|
+
import { type VirtualInsets, type VirtualLayoutPlan, type VirtualRect, type VirtualizerErrorHandler } from '@sectile/dom/virtual';
|
|
4
|
+
import { type VirtualListItemAttributes, type VirtualListKeyResolver } from './internal/virtual-collection-model.js';
|
|
5
|
+
import type { VirtualListSlotProps } from './internal/virtual-list.js';
|
|
6
|
+
import { type VirtualCollectionBaseProps } from './internal/virtual-collection.js';
|
|
7
|
+
export type VirtualSpatialRectResolver<Value> = {
|
|
8
|
+
bivarianceHack(value: Value, index: number): VirtualRect;
|
|
9
|
+
}['bivarianceHack'];
|
|
10
|
+
export type VirtualSpatialZIndexResolver<Value> = number | {
|
|
11
|
+
bivarianceHack(value: Value, index: number): number;
|
|
12
|
+
}['bivarianceHack'];
|
|
13
|
+
export interface VirtualSpatialProps<Value = unknown> extends VirtualCollectionBaseProps<Value> {
|
|
14
|
+
readonly getRect: VirtualSpatialRectResolver<Value>;
|
|
15
|
+
readonly getZIndex?: VirtualSpatialZIndexResolver<Value>;
|
|
16
|
+
readonly measureSize?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export type VirtualSpatialPublicProps<Value = unknown> = VirtualSpatialProps<Value> & VNodeProps & AllowedComponentProps & ComponentCustomProps & {
|
|
19
|
+
readonly onStateChange?: (state: SpatialLayoutState<string>) => unknown;
|
|
20
|
+
readonly onPlanChange?: (plan: VirtualLayoutPlan<string>) => unknown;
|
|
21
|
+
readonly onError?: VirtualizerErrorHandler;
|
|
22
|
+
};
|
|
23
|
+
export interface VirtualSpatialSlotProps<Value = unknown> extends VirtualListSlotProps<Value> {
|
|
24
|
+
readonly placement: SpatialPlacement<string>;
|
|
25
|
+
readonly zIndex: number;
|
|
26
|
+
}
|
|
27
|
+
export interface VirtualSpatialComponent {
|
|
28
|
+
new <Value = unknown>(props: VirtualSpatialPublicProps<Value>): {
|
|
29
|
+
$props: VirtualSpatialPublicProps<Value>;
|
|
30
|
+
$slots: {
|
|
31
|
+
default?: (props: VirtualSpatialSlotProps<Value>) => VNodeChild;
|
|
32
|
+
empty?: () => VNodeChild;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
}
|
|
36
|
+
declare const VirtualSpatialRuntime: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
37
|
+
items: {
|
|
38
|
+
type: PropType<readonly unknown[]>;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
getKey: {
|
|
42
|
+
type: PropType<VirtualListKeyResolver<unknown>>;
|
|
43
|
+
required: true;
|
|
44
|
+
};
|
|
45
|
+
getRect: {
|
|
46
|
+
type: PropType<VirtualSpatialRectResolver<unknown>>;
|
|
47
|
+
required: true;
|
|
48
|
+
};
|
|
49
|
+
getZIndex: {
|
|
50
|
+
type: PropType<VirtualSpatialZIndexResolver<unknown>>;
|
|
51
|
+
default: number;
|
|
52
|
+
};
|
|
53
|
+
measureSize: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
57
|
+
overscan: {
|
|
58
|
+
type: PropType<number | Partial<VirtualInsets>>;
|
|
59
|
+
default: number;
|
|
60
|
+
};
|
|
61
|
+
maxItems: {
|
|
62
|
+
type: NumberConstructor;
|
|
63
|
+
default: number;
|
|
64
|
+
};
|
|
65
|
+
initialViewport: {
|
|
66
|
+
type: PropType<VirtualRect>;
|
|
67
|
+
default: undefined;
|
|
68
|
+
};
|
|
69
|
+
as: {
|
|
70
|
+
type: StringConstructor;
|
|
71
|
+
default: string;
|
|
72
|
+
};
|
|
73
|
+
contentAs: {
|
|
74
|
+
type: StringConstructor;
|
|
75
|
+
default: string;
|
|
76
|
+
};
|
|
77
|
+
itemAs: {
|
|
78
|
+
type: StringConstructor;
|
|
79
|
+
default: string;
|
|
80
|
+
};
|
|
81
|
+
itemAttributes: {
|
|
82
|
+
type: PropType<VirtualListItemAttributes<unknown>>;
|
|
83
|
+
default: undefined;
|
|
84
|
+
};
|
|
85
|
+
}>, () => VNodeChild, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
86
|
+
stateChange: (_state: SpatialLayoutState<string>) => boolean;
|
|
87
|
+
planChange: (_plan: VirtualLayoutPlan<string>) => boolean;
|
|
88
|
+
error: (_error: Parameters<VirtualizerErrorHandler>[0]) => boolean;
|
|
89
|
+
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
90
|
+
items: {
|
|
91
|
+
type: PropType<readonly unknown[]>;
|
|
92
|
+
required: true;
|
|
93
|
+
};
|
|
94
|
+
getKey: {
|
|
95
|
+
type: PropType<VirtualListKeyResolver<unknown>>;
|
|
96
|
+
required: true;
|
|
97
|
+
};
|
|
98
|
+
getRect: {
|
|
99
|
+
type: PropType<VirtualSpatialRectResolver<unknown>>;
|
|
100
|
+
required: true;
|
|
101
|
+
};
|
|
102
|
+
getZIndex: {
|
|
103
|
+
type: PropType<VirtualSpatialZIndexResolver<unknown>>;
|
|
104
|
+
default: number;
|
|
105
|
+
};
|
|
106
|
+
measureSize: {
|
|
107
|
+
type: BooleanConstructor;
|
|
108
|
+
default: boolean;
|
|
109
|
+
};
|
|
110
|
+
overscan: {
|
|
111
|
+
type: PropType<number | Partial<VirtualInsets>>;
|
|
112
|
+
default: number;
|
|
113
|
+
};
|
|
114
|
+
maxItems: {
|
|
115
|
+
type: NumberConstructor;
|
|
116
|
+
default: number;
|
|
117
|
+
};
|
|
118
|
+
initialViewport: {
|
|
119
|
+
type: PropType<VirtualRect>;
|
|
120
|
+
default: undefined;
|
|
121
|
+
};
|
|
122
|
+
as: {
|
|
123
|
+
type: StringConstructor;
|
|
124
|
+
default: string;
|
|
125
|
+
};
|
|
126
|
+
contentAs: {
|
|
127
|
+
type: StringConstructor;
|
|
128
|
+
default: string;
|
|
129
|
+
};
|
|
130
|
+
itemAs: {
|
|
131
|
+
type: StringConstructor;
|
|
132
|
+
default: string;
|
|
133
|
+
};
|
|
134
|
+
itemAttributes: {
|
|
135
|
+
type: PropType<VirtualListItemAttributes<unknown>>;
|
|
136
|
+
default: undefined;
|
|
137
|
+
};
|
|
138
|
+
}>> & Readonly<{
|
|
139
|
+
onError?: (_error: import("@sectile/core").SectileError<import("@sectile/virtual").VirtualErrorCode>) => any;
|
|
140
|
+
onPlanChange?: (_plan: VirtualLayoutPlan<string>) => any;
|
|
141
|
+
onStateChange?: (_state: SpatialLayoutState<string>) => any;
|
|
142
|
+
}>, {
|
|
143
|
+
getZIndex: VirtualSpatialZIndexResolver<unknown>;
|
|
144
|
+
measureSize: boolean;
|
|
145
|
+
overscan: number | Partial<import("@sectile/core/geometry").Insets>;
|
|
146
|
+
maxItems: number;
|
|
147
|
+
initialViewport: import("@sectile/core/geometry").Rect;
|
|
148
|
+
as: string;
|
|
149
|
+
contentAs: string;
|
|
150
|
+
itemAs: string;
|
|
151
|
+
itemAttributes: VirtualListItemAttributes<unknown>;
|
|
152
|
+
}, SlotsType<{
|
|
153
|
+
default: (props: VirtualSpatialSlotProps<unknown>) => VNodeChild;
|
|
154
|
+
empty: () => VNodeChild;
|
|
155
|
+
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
156
|
+
export declare const VirtualSpatial: typeof VirtualSpatialRuntime & VirtualSpatialComponent;
|
|
157
|
+
export {};
|
|
@@ -0,0 +1,159 @@
|
|
|
1
|
+
import { defineComponent, h, shallowRef, watch } from 'vue';
|
|
2
|
+
import { createSpatialLayout, spatialLayoutStrategy } from '@sectile/virtual/spatial-layout';
|
|
3
|
+
import {} from '@sectile/dom/virtual';
|
|
4
|
+
import { VirtualizerContent, VirtualizerRoot } from './internal/virtual-core.js';
|
|
5
|
+
import { createPreparedVirtualListSequence, prepareVirtualList, updatePreparedVirtualList } from './internal/virtual-collection-model.js';
|
|
6
|
+
import { createHighLevelVirtualExpose, renderHighLevelItems } from './internal/virtual-collection.js';
|
|
7
|
+
const VirtualSpatialRuntime = /* @__PURE__ */ defineComponent({
|
|
8
|
+
name: 'SectileVirtualSpatial',
|
|
9
|
+
inheritAttrs: false,
|
|
10
|
+
props: {
|
|
11
|
+
items: { type: Array, required: true },
|
|
12
|
+
getKey: { type: Function, required: true },
|
|
13
|
+
getRect: { type: Function, required: true },
|
|
14
|
+
getZIndex: { type: [Number, Function], default: 0 },
|
|
15
|
+
measureSize: { type: Boolean, default: true },
|
|
16
|
+
overscan: { type: [Number, Object], default: 240 },
|
|
17
|
+
maxItems: { type: Number, default: 1_000_000 },
|
|
18
|
+
initialViewport: { type: Object, default: undefined },
|
|
19
|
+
as: { type: String, default: 'div' },
|
|
20
|
+
contentAs: { type: String, default: 'div' },
|
|
21
|
+
itemAs: { type: String, default: 'div' },
|
|
22
|
+
itemAttributes: { type: Function, default: undefined },
|
|
23
|
+
},
|
|
24
|
+
emits: {
|
|
25
|
+
stateChange: (_state) => true,
|
|
26
|
+
planChange: (_plan) => true,
|
|
27
|
+
error: (_error) => true,
|
|
28
|
+
},
|
|
29
|
+
slots: Object,
|
|
30
|
+
setup(props, { attrs, emit, expose, slots }) {
|
|
31
|
+
const initialViewport = props.initialViewport === undefined
|
|
32
|
+
? undefined
|
|
33
|
+
: Object.freeze({ ...props.initialViewport });
|
|
34
|
+
const prepared = shallowRef(prepareVirtualList(props.items, props.getKey));
|
|
35
|
+
const initialState = createVirtualSpatialState(prepared.value, props.items, props);
|
|
36
|
+
const root = shallowRef();
|
|
37
|
+
const measure = props.measureSize
|
|
38
|
+
? (({ element, placement, state }) => {
|
|
39
|
+
const bounds = element.getBoundingClientRect();
|
|
40
|
+
if (bounds.width <= 0 || bounds.height <= 0)
|
|
41
|
+
return null;
|
|
42
|
+
const current = state.items.at(placement.index);
|
|
43
|
+
if (current === undefined)
|
|
44
|
+
return null;
|
|
45
|
+
if (current.rect.width === bounds.width
|
|
46
|
+
&& current.rect.height === bounds.height)
|
|
47
|
+
return null;
|
|
48
|
+
return Object.freeze({
|
|
49
|
+
id: placement.id,
|
|
50
|
+
rect: Object.freeze({
|
|
51
|
+
x: current.rect.x,
|
|
52
|
+
y: current.rect.y,
|
|
53
|
+
width: bounds.width,
|
|
54
|
+
height: bounds.height,
|
|
55
|
+
}),
|
|
56
|
+
});
|
|
57
|
+
})
|
|
58
|
+
: undefined;
|
|
59
|
+
watch(() => [props.items, props.getKey, props.getRect, props.getZIndex], (current, previous) => {
|
|
60
|
+
const exposed = root.value;
|
|
61
|
+
if (exposed === undefined)
|
|
62
|
+
return;
|
|
63
|
+
const next = updatePreparedVirtualList(prepared.value, props.items, props.getKey);
|
|
64
|
+
const state = exposed.state;
|
|
65
|
+
const resolverChanged = current[2] !== previous[2] || current[3] !== previous[3];
|
|
66
|
+
const result = resolverChanged || next.change === null
|
|
67
|
+
? resolverChanged
|
|
68
|
+
? exposed.mutate(Object.freeze({
|
|
69
|
+
type: 'replace',
|
|
70
|
+
items: preserveSpatialMeasurements(createSpatialItems(next, props.items, props), state, props.measureSize),
|
|
71
|
+
}))
|
|
72
|
+
: null
|
|
73
|
+
: exposed.mutate(Object.freeze({
|
|
74
|
+
type: 'patch',
|
|
75
|
+
patch: Object.freeze({
|
|
76
|
+
type: 'splice',
|
|
77
|
+
index: next.change.index,
|
|
78
|
+
deleteCount: next.change.deleteCount,
|
|
79
|
+
inserted: next.change.inserted,
|
|
80
|
+
}),
|
|
81
|
+
inserted: preserveSpatialMeasurements(createSpatialItemsRange(next, props.items, props, next.change.index, next.change.inserted.length), state, props.measureSize),
|
|
82
|
+
}));
|
|
83
|
+
if (result === null) {
|
|
84
|
+
prepared.value = next;
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
if (result.ok)
|
|
88
|
+
prepared.value = next;
|
|
89
|
+
}, { flush: 'post' });
|
|
90
|
+
expose(createHighLevelVirtualExpose(root, initialState));
|
|
91
|
+
return () => h(VirtualizerRoot, {
|
|
92
|
+
...attrs,
|
|
93
|
+
ref: root,
|
|
94
|
+
defaultState: initialState,
|
|
95
|
+
strategy: spatialLayoutStrategy,
|
|
96
|
+
overscan: props.overscan,
|
|
97
|
+
...(initialViewport === undefined ? {} : { initialViewport }),
|
|
98
|
+
...(measure === undefined ? {} : {
|
|
99
|
+
measure: measure,
|
|
100
|
+
}),
|
|
101
|
+
as: props.as,
|
|
102
|
+
'data-virtual-layout': 'virtual-spatial',
|
|
103
|
+
onStateChange: (state) => emit('stateChange', state),
|
|
104
|
+
onPlanChange: (plan) => emit('planChange', plan),
|
|
105
|
+
onError: (error) => emit('error', error),
|
|
106
|
+
}, {
|
|
107
|
+
default: ({ placements }) => h(VirtualizerContent, { as: props.contentAs }, {
|
|
108
|
+
default: () => renderHighLevelItems('virtual-spatial', placements, prepared.value, props.items, props.itemAs, props.itemAttributes, props.measureSize ? 'none' : 'both', (value, key, index, placement) => {
|
|
109
|
+
const spatialPlacement = placement;
|
|
110
|
+
return slots['default']?.({
|
|
111
|
+
value,
|
|
112
|
+
key,
|
|
113
|
+
index,
|
|
114
|
+
placement: spatialPlacement,
|
|
115
|
+
zIndex: spatialPlacement.zIndex,
|
|
116
|
+
});
|
|
117
|
+
}, slots['empty']),
|
|
118
|
+
}),
|
|
119
|
+
});
|
|
120
|
+
},
|
|
121
|
+
});
|
|
122
|
+
export const VirtualSpatial = VirtualSpatialRuntime;
|
|
123
|
+
function createVirtualSpatialState(prepared, items, props) {
|
|
124
|
+
return createSpatialLayout(createSpatialItems(prepared, items, props), { maxItems: props.maxItems });
|
|
125
|
+
}
|
|
126
|
+
function createSpatialItems(prepared, items, props) {
|
|
127
|
+
return createSpatialItemsRange(prepared, items, props, 0, prepared.ids.length);
|
|
128
|
+
}
|
|
129
|
+
function createSpatialItemsRange(prepared, items, props, start, count) {
|
|
130
|
+
return Object.freeze(Array.from({ length: count }, (_unused, localIndex) => {
|
|
131
|
+
const index = start + localIndex;
|
|
132
|
+
return Object.freeze({
|
|
133
|
+
id: prepared.ids[index],
|
|
134
|
+
rect: Object.freeze({ ...props.getRect(items[index], index) }),
|
|
135
|
+
zIndex: typeof props.getZIndex === 'number'
|
|
136
|
+
? props.getZIndex
|
|
137
|
+
: props.getZIndex(items[index], index),
|
|
138
|
+
});
|
|
139
|
+
}));
|
|
140
|
+
}
|
|
141
|
+
function preserveSpatialMeasurements(items, state, preserve) {
|
|
142
|
+
if (!preserve)
|
|
143
|
+
return items;
|
|
144
|
+
return Object.freeze(items.map((item) => {
|
|
145
|
+
const previousIndex = state.domain.indexOf(item.id);
|
|
146
|
+
const previous = previousIndex === null ? undefined : state.items.at(previousIndex);
|
|
147
|
+
return previous === undefined
|
|
148
|
+
? item
|
|
149
|
+
: Object.freeze({
|
|
150
|
+
...item,
|
|
151
|
+
rect: Object.freeze({
|
|
152
|
+
...item.rect,
|
|
153
|
+
width: previous.rect.width,
|
|
154
|
+
height: previous.rect.height,
|
|
155
|
+
}),
|
|
156
|
+
});
|
|
157
|
+
}));
|
|
158
|
+
}
|
|
159
|
+
//# sourceMappingURL=virtual-spatial.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"virtual-spatial.js","sourceRoot":"","sources":["../src/virtual-spatial.ts"],"names":[],"mappings":"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"}
|
|
@@ -201,4 +201,3 @@ export declare const WindowSplitterHandle: import("vue").DefineComponent<import(
|
|
|
201
201
|
}, SlotsType<{
|
|
202
202
|
default: (props: SliderSlotProps) => VNodeChild;
|
|
203
203
|
}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
204
|
-
//# sourceMappingURL=window-splitter.d.ts.map
|