@byeolnaerim/flex-layout 0.0.9 → 0.0.10
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/dist/flex-layout/components/FlexLayout.cjs +1 -110
- package/dist/flex-layout/components/FlexLayout.js +1 -85
- package/dist/flex-layout/components/FlexLayoutContainer.cjs +1 -262
- package/dist/flex-layout/components/FlexLayoutContainer.js +1 -232
- package/dist/flex-layout/components/FlexLayoutIFramePane.cjs +1 -68
- package/dist/flex-layout/components/FlexLayoutIFramePane.js +1 -44
- package/dist/flex-layout/components/FlexLayoutResizePanel.cjs +1 -246
- package/dist/flex-layout/components/FlexLayoutResizePanel.js +1 -216
- package/dist/flex-layout/components/FlexLayoutSplitScreen.cjs +1 -1252
- package/dist/flex-layout/components/FlexLayoutSplitScreen.js +1 -1236
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.cjs +1 -532
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.js +1 -509
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.cjs +1 -55
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.js +1 -25
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs +1 -63
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js +1 -33
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs +1 -53
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js +1 -23
- package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs +1 -133
- package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js +1 -107
- package/dist/flex-layout/components/FlexLayoutStickyBox.cjs +1 -245
- package/dist/flex-layout/components/FlexLayoutStickyBox.js +1 -229
- package/dist/flex-layout/components/index.cjs +1 -57
- package/dist/flex-layout/components/index.js +1 -17
- package/dist/flex-layout/hooks/index.cjs +1 -25
- package/dist/flex-layout/hooks/index.js +1 -3
- package/dist/flex-layout/hooks/useDrag.cjs +1 -289
- package/dist/flex-layout/hooks/useDrag.d.ts +15 -0
- package/dist/flex-layout/hooks/useDrag.js +1 -258
- package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.cjs +1 -139
- package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.js +1 -118
- package/dist/flex-layout/hooks/useListPaging.cjs +1 -212
- package/dist/flex-layout/hooks/useListPaging.js +1 -191
- package/dist/flex-layout/hooks/useSizes.cjs +1 -126
- package/dist/flex-layout/hooks/useSizes.js +1 -101
- package/dist/flex-layout/index.cjs +1 -31
- package/dist/flex-layout/index.js +1 -6
- package/dist/flex-layout/providers/FlexLayoutContext.cjs +1 -49
- package/dist/flex-layout/providers/FlexLayoutContext.js +1 -24
- package/dist/flex-layout/providers/FlexLayoutHooks.cjs +1 -276
- package/dist/flex-layout/providers/FlexLayoutHooks.d.ts +5 -1
- package/dist/flex-layout/providers/FlexLayoutHooks.js +1 -263
- package/dist/flex-layout/providers/index.cjs +1 -23
- package/dist/flex-layout/providers/index.js +1 -2
- package/dist/flex-layout/store/FlexLayoutContainerStore.cjs +1 -257
- package/dist/flex-layout/store/FlexLayoutContainerStore.js +1 -206
- package/dist/flex-layout/store/index.cjs +1 -23
- package/dist/flex-layout/store/index.js +1 -2
- package/dist/flex-layout/styles/FlexLayout.module.css +473 -416
- package/dist/flex-layout/types/FlexDirectionTypes.cjs +1 -17
- package/dist/flex-layout/types/FlexDirectionTypes.js +0 -1
- package/dist/flex-layout/types/FlexLayoutTypes.cjs +1 -17
- package/dist/flex-layout/types/FlexLayoutTypes.js +0 -1
- package/dist/flex-layout/utils/FlexLayoutUtils.cjs +1 -245
- package/dist/flex-layout/utils/FlexLayoutUtils.js +1 -211
- package/dist/flex-layout/utils/index.cjs +1 -23
- package/dist/flex-layout/utils/index.js +1 -2
- package/dist/index.cjs +1 -23
- package/dist/index.js +1 -2
- package/dist/types/css.d.cjs +0 -1
- package/dist/types/css.d.js +0 -1
- package/package.json +116 -113
- package/dist/flex-layout/components/FlexLayout.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayout.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutContainer.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutContainer.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutIFramePane.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutIFramePane.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutResizePanel.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutResizePanel.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreen.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreen.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js.map +0 -1
- package/dist/flex-layout/components/FlexLayoutStickyBox.cjs.map +0 -1
- package/dist/flex-layout/components/FlexLayoutStickyBox.js.map +0 -1
- package/dist/flex-layout/components/index.cjs.map +0 -1
- package/dist/flex-layout/components/index.js.map +0 -1
- package/dist/flex-layout/hooks/index.cjs.map +0 -1
- package/dist/flex-layout/hooks/index.js.map +0 -1
- package/dist/flex-layout/hooks/useDrag.cjs.map +0 -1
- package/dist/flex-layout/hooks/useDrag.js.map +0 -1
- package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.cjs.map +0 -1
- package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.js.map +0 -1
- package/dist/flex-layout/hooks/useListPaging.cjs.map +0 -1
- package/dist/flex-layout/hooks/useListPaging.js.map +0 -1
- package/dist/flex-layout/hooks/useSizes.cjs.map +0 -1
- package/dist/flex-layout/hooks/useSizes.js.map +0 -1
- package/dist/flex-layout/index.cjs.map +0 -1
- package/dist/flex-layout/index.js.map +0 -1
- package/dist/flex-layout/providers/FlexLayoutContext.cjs.map +0 -1
- package/dist/flex-layout/providers/FlexLayoutContext.js.map +0 -1
- package/dist/flex-layout/providers/FlexLayoutHooks.cjs.map +0 -1
- package/dist/flex-layout/providers/FlexLayoutHooks.js.map +0 -1
- package/dist/flex-layout/providers/index.cjs.map +0 -1
- package/dist/flex-layout/providers/index.js.map +0 -1
- package/dist/flex-layout/store/FlexLayoutContainerStore.cjs.map +0 -1
- package/dist/flex-layout/store/FlexLayoutContainerStore.js.map +0 -1
- package/dist/flex-layout/store/index.cjs.map +0 -1
- package/dist/flex-layout/store/index.js.map +0 -1
- package/dist/flex-layout/types/FlexDirectionTypes.cjs.map +0 -1
- package/dist/flex-layout/types/FlexDirectionTypes.js.map +0 -1
- package/dist/flex-layout/types/FlexLayoutTypes.cjs.map +0 -1
- package/dist/flex-layout/types/FlexLayoutTypes.js.map +0 -1
- package/dist/flex-layout/utils/FlexLayoutUtils.cjs.map +0 -1
- package/dist/flex-layout/utils/FlexLayoutUtils.js.map +0 -1
- package/dist/flex-layout/utils/index.cjs.map +0 -1
- package/dist/flex-layout/utils/index.js.map +0 -1
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/metafile-cjs.json +0 -1
- package/dist/metafile-esm.json +0 -1
- package/dist/types/css.d.cjs.map +0 -1
- package/dist/types/css.d.js.map +0 -1
|
@@ -1,257 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
"use client";
|
|
3
|
-
var __create = Object.create;
|
|
4
|
-
var __defProp = Object.defineProperty;
|
|
5
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
8
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
20
|
-
};
|
|
21
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
-
mod
|
|
28
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
var FlexLayoutContainerStore_exports = {};
|
|
31
|
-
__export(FlexLayoutContainerStore_exports, {
|
|
32
|
-
flexContainerStore: () => flexContainerStore,
|
|
33
|
-
flexResizePanelStore: () => flexResizePanelStore,
|
|
34
|
-
getContainerRef: () => getContainerRef,
|
|
35
|
-
getCurrentSplitScreenComponents: () => getCurrentSplitScreenComponents,
|
|
36
|
-
getLayoutInfos: () => getLayoutInfos,
|
|
37
|
-
getResizePanelRef: () => getResizePanelRef,
|
|
38
|
-
getScrollPosition: () => getScrollPosition,
|
|
39
|
-
getSplitScreen: () => getSplitScreen,
|
|
40
|
-
layoutSplitScreenStore: () => layoutSplitScreenStore,
|
|
41
|
-
removeRootSplitScreen: () => removeRootSplitScreen,
|
|
42
|
-
removeScrollPosition: () => removeScrollPosition,
|
|
43
|
-
removeSplitScreenChild: () => removeSplitScreenChild,
|
|
44
|
-
resetRootSplitScreen: () => resetRootSplitScreen,
|
|
45
|
-
scrollPositions: () => scrollPositions,
|
|
46
|
-
setContainerRef: () => setContainerRef,
|
|
47
|
-
setResizePanelRef: () => setResizePanelRef,
|
|
48
|
-
setScrollPosition: () => setScrollPosition,
|
|
49
|
-
setSplitScreen: () => setSplitScreen
|
|
50
|
-
});
|
|
51
|
-
module.exports = __toCommonJS(FlexLayoutContainerStore_exports);
|
|
52
|
-
var import_fast_deep_equal = __toESM(require("fast-deep-equal"), 1);
|
|
53
|
-
var import_rxjs = require("rxjs");
|
|
54
|
-
var import_operators = require("rxjs/operators");
|
|
55
|
-
function updateScrollStore(subject, newValue) {
|
|
56
|
-
const currentValue = subject.getValue();
|
|
57
|
-
if (!(0, import_fast_deep_equal.default)(currentValue, newValue)) {
|
|
58
|
-
subject.next(newValue);
|
|
59
|
-
}
|
|
60
|
-
}
|
|
61
|
-
function updateSplitScreenStore(newValue) {
|
|
62
|
-
layoutSplitScreenStore.next(newValue);
|
|
63
|
-
}
|
|
64
|
-
const scrollPositions = {};
|
|
65
|
-
const scrollPositionsSubject = new import_rxjs.BehaviorSubject(scrollPositions);
|
|
66
|
-
const setScrollPosition = (layoutName, position) => {
|
|
67
|
-
const current = scrollPositionsSubject.getValue();
|
|
68
|
-
const prevPos = current[layoutName];
|
|
69
|
-
if (prevPos && prevPos.x === position.x && prevPos.y === position.y) {
|
|
70
|
-
return;
|
|
71
|
-
}
|
|
72
|
-
const newPositions = {
|
|
73
|
-
...current,
|
|
74
|
-
[layoutName]: position
|
|
75
|
-
};
|
|
76
|
-
updateScrollStore(scrollPositionsSubject, newPositions);
|
|
77
|
-
};
|
|
78
|
-
const getScrollPosition = (layoutName) => {
|
|
79
|
-
return scrollPositionsSubject.pipe(
|
|
80
|
-
// 해당 layoutName이 정의되지 않았을 때는 제외
|
|
81
|
-
(0, import_operators.filter)((e) => e[layoutName] !== void 0),
|
|
82
|
-
(0, import_operators.map)((positions) => positions[layoutName]),
|
|
83
|
-
(0, import_operators.distinctUntilChanged)(
|
|
84
|
-
(prev, curr) => prev?.x === curr?.x && prev?.y === curr?.y
|
|
85
|
-
)
|
|
86
|
-
);
|
|
87
|
-
};
|
|
88
|
-
const removeScrollPosition = (layoutName) => {
|
|
89
|
-
const current = scrollPositionsSubject.getValue();
|
|
90
|
-
const { [layoutName]: _, ...rest } = current;
|
|
91
|
-
updateScrollStore(scrollPositionsSubject, rest);
|
|
92
|
-
};
|
|
93
|
-
const layoutSplitScreenStore = new import_rxjs.BehaviorSubject({});
|
|
94
|
-
const setSplitScreen = (rootName, layoutName, newComponents) => {
|
|
95
|
-
const current = layoutSplitScreenStore.getValue();
|
|
96
|
-
const updatedLayout = { ...current[rootName] || {} };
|
|
97
|
-
updatedLayout[layoutName] = newComponents;
|
|
98
|
-
const newStoreValue = {
|
|
99
|
-
...current,
|
|
100
|
-
[rootName]: updatedLayout
|
|
101
|
-
};
|
|
102
|
-
updateSplitScreenStore(newStoreValue);
|
|
103
|
-
};
|
|
104
|
-
const resetRootSplitScreen = (rootName) => {
|
|
105
|
-
const current = layoutSplitScreenStore.getValue();
|
|
106
|
-
const newStoreValue = {
|
|
107
|
-
...current,
|
|
108
|
-
[rootName]: {}
|
|
109
|
-
};
|
|
110
|
-
updateSplitScreenStore(newStoreValue);
|
|
111
|
-
};
|
|
112
|
-
const removeRootSplitScreen = (rootName) => {
|
|
113
|
-
const current = layoutSplitScreenStore.getValue();
|
|
114
|
-
if (!current[rootName]) return;
|
|
115
|
-
const { [rootName]: _, ...rest } = current;
|
|
116
|
-
updateSplitScreenStore(rest);
|
|
117
|
-
};
|
|
118
|
-
const removeSplitScreenChild = (rootName, layoutName) => {
|
|
119
|
-
const current = layoutSplitScreenStore.getValue();
|
|
120
|
-
if (!current[rootName]) return;
|
|
121
|
-
const updatedLayout = { ...current[rootName] };
|
|
122
|
-
delete updatedLayout[layoutName];
|
|
123
|
-
const newStoreValue = {
|
|
124
|
-
...current,
|
|
125
|
-
[rootName]: updatedLayout
|
|
126
|
-
};
|
|
127
|
-
updateSplitScreenStore(newStoreValue);
|
|
128
|
-
};
|
|
129
|
-
const getCurrentSplitScreenComponents = (rootName, layoutName) => {
|
|
130
|
-
const current = layoutSplitScreenStore.getValue();
|
|
131
|
-
if (!current[rootName]) return;
|
|
132
|
-
return current[rootName][layoutName];
|
|
133
|
-
};
|
|
134
|
-
const getSplitScreen = (rootName, layoutName) => {
|
|
135
|
-
return layoutSplitScreenStore.pipe(
|
|
136
|
-
(0, import_operators.map)((splitScreen) => splitScreen[rootName]?.[layoutName]),
|
|
137
|
-
(0, import_operators.distinctUntilChanged)((prev, curr) => {
|
|
138
|
-
const filterChildren = (obj) => {
|
|
139
|
-
const { children, component, targetComponent, x, y, ...rest } = obj || {};
|
|
140
|
-
return rest;
|
|
141
|
-
};
|
|
142
|
-
return (0, import_fast_deep_equal.default)(filterChildren(prev), filterChildren(curr));
|
|
143
|
-
})
|
|
144
|
-
);
|
|
145
|
-
};
|
|
146
|
-
const flexContainerStore = new import_rxjs.BehaviorSubject({});
|
|
147
|
-
const flexResizePanelStore = new import_rxjs.BehaviorSubject({});
|
|
148
|
-
const setContainerRef = (layoutName, containerName, ref) => {
|
|
149
|
-
const currentRefs = flexContainerStore.getValue();
|
|
150
|
-
const layoutRefs = currentRefs[layoutName] || {};
|
|
151
|
-
if (ref === null) {
|
|
152
|
-
if (!(containerName in layoutRefs)) return;
|
|
153
|
-
const { [containerName]: _, ...restLayout } = layoutRefs;
|
|
154
|
-
const next = Object.keys(restLayout).length === 0 ? (() => {
|
|
155
|
-
const { [layoutName]: __, ...rest } = currentRefs;
|
|
156
|
-
return rest;
|
|
157
|
-
})() : { ...currentRefs, [layoutName]: restLayout };
|
|
158
|
-
flexContainerStore.next(next);
|
|
159
|
-
return;
|
|
160
|
-
}
|
|
161
|
-
if (layoutRefs[containerName] === ref) return;
|
|
162
|
-
flexContainerStore.next({
|
|
163
|
-
...currentRefs,
|
|
164
|
-
[layoutName]: { ...layoutRefs, [containerName]: ref }
|
|
165
|
-
});
|
|
166
|
-
};
|
|
167
|
-
const setResizePanelRef = (layoutName, containerName, ref) => {
|
|
168
|
-
const currentRefs = flexResizePanelStore.getValue();
|
|
169
|
-
const layoutRefs = currentRefs[layoutName] || {};
|
|
170
|
-
if (ref === null) {
|
|
171
|
-
if (!(containerName in layoutRefs)) return;
|
|
172
|
-
const { [containerName]: _, ...restLayout } = layoutRefs;
|
|
173
|
-
const next = Object.keys(restLayout).length === 0 ? (() => {
|
|
174
|
-
const { [layoutName]: __, ...rest } = currentRefs;
|
|
175
|
-
return rest;
|
|
176
|
-
})() : { ...currentRefs, [layoutName]: restLayout };
|
|
177
|
-
flexResizePanelStore.next(next);
|
|
178
|
-
return;
|
|
179
|
-
}
|
|
180
|
-
if (layoutRefs[containerName] === ref) return;
|
|
181
|
-
flexResizePanelStore.next({
|
|
182
|
-
...currentRefs,
|
|
183
|
-
[layoutName]: { ...layoutRefs, [containerName]: ref }
|
|
184
|
-
});
|
|
185
|
-
};
|
|
186
|
-
const getLayoutInfos = (layoutName) => {
|
|
187
|
-
return (0, import_rxjs.combineLatest)([flexContainerStore, flexResizePanelStore]).pipe(
|
|
188
|
-
(0, import_operators.map)(([containerRefs, resizePanelRefs]) => {
|
|
189
|
-
const containerData = containerRefs[layoutName] || {};
|
|
190
|
-
const resizePanelData = resizePanelRefs[layoutName] || {};
|
|
191
|
-
return {
|
|
192
|
-
container: containerData,
|
|
193
|
-
resizePanel: resizePanelData
|
|
194
|
-
};
|
|
195
|
-
}),
|
|
196
|
-
(0, import_operators.filter)(
|
|
197
|
-
(result) => result.container !== null && Object.keys(result.container).length > 0
|
|
198
|
-
)
|
|
199
|
-
// 빈 객체 제외
|
|
200
|
-
);
|
|
201
|
-
};
|
|
202
|
-
const getContainerRef = ({
|
|
203
|
-
containerName,
|
|
204
|
-
layoutName
|
|
205
|
-
}) => {
|
|
206
|
-
return flexContainerStore.pipe(
|
|
207
|
-
(0, import_operators.map)((refs) => {
|
|
208
|
-
if (layoutName) {
|
|
209
|
-
return refs[layoutName]?.[containerName] || null;
|
|
210
|
-
} else {
|
|
211
|
-
return Object.entries(refs).find(
|
|
212
|
-
([key, value]) => refs[key][containerName]
|
|
213
|
-
)?.[1][containerName];
|
|
214
|
-
}
|
|
215
|
-
}),
|
|
216
|
-
(0, import_operators.filter)((ref) => ref !== null)
|
|
217
|
-
);
|
|
218
|
-
};
|
|
219
|
-
const getResizePanelRef = ({
|
|
220
|
-
containerName,
|
|
221
|
-
layoutName
|
|
222
|
-
}) => {
|
|
223
|
-
return flexResizePanelStore.pipe(
|
|
224
|
-
(0, import_operators.map)((refs) => {
|
|
225
|
-
if (layoutName) {
|
|
226
|
-
return refs[layoutName]?.[containerName] || null;
|
|
227
|
-
} else {
|
|
228
|
-
return Object.entries(refs).find(
|
|
229
|
-
([key, value]) => refs[key][containerName]
|
|
230
|
-
)?.[1][containerName];
|
|
231
|
-
}
|
|
232
|
-
}),
|
|
233
|
-
(0, import_operators.filter)((ref) => ref !== null)
|
|
234
|
-
);
|
|
235
|
-
};
|
|
236
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
237
|
-
0 && (module.exports = {
|
|
238
|
-
flexContainerStore,
|
|
239
|
-
flexResizePanelStore,
|
|
240
|
-
getContainerRef,
|
|
241
|
-
getCurrentSplitScreenComponents,
|
|
242
|
-
getLayoutInfos,
|
|
243
|
-
getResizePanelRef,
|
|
244
|
-
getScrollPosition,
|
|
245
|
-
getSplitScreen,
|
|
246
|
-
layoutSplitScreenStore,
|
|
247
|
-
removeRootSplitScreen,
|
|
248
|
-
removeScrollPosition,
|
|
249
|
-
removeSplitScreenChild,
|
|
250
|
-
resetRootSplitScreen,
|
|
251
|
-
scrollPositions,
|
|
252
|
-
setContainerRef,
|
|
253
|
-
setResizePanelRef,
|
|
254
|
-
setScrollPosition,
|
|
255
|
-
setSplitScreen
|
|
256
|
-
});
|
|
257
|
-
//# sourceMappingURL=FlexLayoutContainerStore.cjs.map
|
|
1
|
+
"use strict";"use client";var m=Object.create;var a=Object.defineProperty;var V=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var j=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var n in e)a(t,n,{get:e[n],enumerable:!0})},T=(t,e,n,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of L(e))!h.call(t,o)&&o!==n&&a(t,o,{get:()=>e[o],enumerable:!(r=V(e,o))||r.enumerable});return t};var O=(t,e,n)=>(n=t!=null?m(j(t)):{},T(e||!t||!t.__esModule?a(n,"default",{value:t,enumerable:!0}):n,t)),w=t=>T(a({},"__esModule",{value:!0}),t);var J={};D(J,{flexContainerStore:()=>u,flexResizePanelStore:()=>p,getContainerRef:()=>F,getCurrentSplitScreenComponents:()=>B,getLayoutInfos:()=>A,getResizePanelRef:()=>G,getScrollPosition:()=>v,getSplitScreen:()=>q,layoutSplitScreenStore:()=>i,removeRootSplitScreen:()=>H,removeScrollPosition:()=>z,removeSplitScreenChild:()=>M,resetRootSplitScreen:()=>E,scrollPositions:()=>P,setContainerRef:()=>I,setResizePanelRef:()=>U,setScrollPosition:()=>_,setSplitScreen:()=>k});module.exports=w(J);var d=O(require("fast-deep-equal"),1),c=require("rxjs"),s=require("rxjs/operators");function y(t,e){const n=t.getValue();(0,d.default)(n,e)||t.next(e)}function R(t){i.next(t)}const P={},S=new c.BehaviorSubject(P),_=(t,e)=>{const n=S.getValue(),r=n[t];if(r&&r.x===e.x&&r.y===e.y)return;const o={...n,[t]:e};y(S,o)},v=t=>S.pipe((0,s.filter)(e=>e[t]!==void 0),(0,s.map)(e=>e[t]),(0,s.distinctUntilChanged)((e,n)=>e?.x===n?.x&&e?.y===n?.y)),z=t=>{const e=S.getValue(),{[t]:n,...r}=e;y(S,r)},i=new c.BehaviorSubject({}),k=(t,e,n)=>{const r=i.getValue(),o={...r[t]||{}};o[e]=n;const g={...r,[t]:o};R(g)},E=t=>{const n={...i.getValue(),[t]:{}};R(n)},H=t=>{const e=i.getValue();if(!e[t])return;const{[t]:n,...r}=e;R(r)},M=(t,e)=>{const n=i.getValue();if(!n[t])return;const r={...n[t]};delete r[e];const o={...n,[t]:r};R(o)},B=(t,e)=>{const n=i.getValue();if(n[t])return n[t][e]},q=(t,e)=>i.pipe((0,s.map)(n=>n[t]?.[e]),(0,s.distinctUntilChanged)((n,r)=>{const o=g=>{const{children:l,component:f,targetComponent:C,x,y:K,...b}=g||{};return b};return(0,d.default)(o(n),o(r))})),u=new c.BehaviorSubject({}),p=new c.BehaviorSubject({}),I=(t,e,n)=>{const r=u.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:g,...l}=o,f=Object.keys(l).length===0?(()=>{const{[t]:C,...x}=r;return x})():{...r,[t]:l};u.next(f);return}o[e]!==n&&u.next({...r,[t]:{...o,[e]:n}})},U=(t,e,n)=>{const r=p.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:g,...l}=o,f=Object.keys(l).length===0?(()=>{const{[t]:C,...x}=r;return x})():{...r,[t]:l};p.next(f);return}o[e]!==n&&p.next({...r,[t]:{...o,[e]:n}})},A=t=>(0,c.combineLatest)([u,p]).pipe((0,s.map)(([e,n])=>{const r=e[t]||{},o=n[t]||{};return{container:r,resizePanel:o}}),(0,s.filter)(e=>e.container!==null&&Object.keys(e.container).length>0)),F=({containerName:t,layoutName:e})=>u.pipe((0,s.map)(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),(0,s.filter)(n=>n!==null)),G=({containerName:t,layoutName:e})=>p.pipe((0,s.map)(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),(0,s.filter)(n=>n!==null));0&&(module.exports={flexContainerStore,flexResizePanelStore,getContainerRef,getCurrentSplitScreenComponents,getLayoutInfos,getResizePanelRef,getScrollPosition,getSplitScreen,layoutSplitScreenStore,removeRootSplitScreen,removeScrollPosition,removeSplitScreenChild,resetRootSplitScreen,scrollPositions,setContainerRef,setResizePanelRef,setScrollPosition,setSplitScreen});
|
|
@@ -1,206 +1 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import equal from "fast-deep-equal";
|
|
3
|
-
import { BehaviorSubject, combineLatest } from "rxjs";
|
|
4
|
-
import { distinctUntilChanged, filter, map } from "rxjs/operators";
|
|
5
|
-
function updateScrollStore(subject, newValue) {
|
|
6
|
-
const currentValue = subject.getValue();
|
|
7
|
-
if (!equal(currentValue, newValue)) {
|
|
8
|
-
subject.next(newValue);
|
|
9
|
-
}
|
|
10
|
-
}
|
|
11
|
-
function updateSplitScreenStore(newValue) {
|
|
12
|
-
layoutSplitScreenStore.next(newValue);
|
|
13
|
-
}
|
|
14
|
-
const scrollPositions = {};
|
|
15
|
-
const scrollPositionsSubject = new BehaviorSubject(scrollPositions);
|
|
16
|
-
const setScrollPosition = (layoutName, position) => {
|
|
17
|
-
const current = scrollPositionsSubject.getValue();
|
|
18
|
-
const prevPos = current[layoutName];
|
|
19
|
-
if (prevPos && prevPos.x === position.x && prevPos.y === position.y) {
|
|
20
|
-
return;
|
|
21
|
-
}
|
|
22
|
-
const newPositions = {
|
|
23
|
-
...current,
|
|
24
|
-
[layoutName]: position
|
|
25
|
-
};
|
|
26
|
-
updateScrollStore(scrollPositionsSubject, newPositions);
|
|
27
|
-
};
|
|
28
|
-
const getScrollPosition = (layoutName) => {
|
|
29
|
-
return scrollPositionsSubject.pipe(
|
|
30
|
-
// 해당 layoutName이 정의되지 않았을 때는 제외
|
|
31
|
-
filter((e) => e[layoutName] !== void 0),
|
|
32
|
-
map((positions) => positions[layoutName]),
|
|
33
|
-
distinctUntilChanged(
|
|
34
|
-
(prev, curr) => prev?.x === curr?.x && prev?.y === curr?.y
|
|
35
|
-
)
|
|
36
|
-
);
|
|
37
|
-
};
|
|
38
|
-
const removeScrollPosition = (layoutName) => {
|
|
39
|
-
const current = scrollPositionsSubject.getValue();
|
|
40
|
-
const { [layoutName]: _, ...rest } = current;
|
|
41
|
-
updateScrollStore(scrollPositionsSubject, rest);
|
|
42
|
-
};
|
|
43
|
-
const layoutSplitScreenStore = new BehaviorSubject({});
|
|
44
|
-
const setSplitScreen = (rootName, layoutName, newComponents) => {
|
|
45
|
-
const current = layoutSplitScreenStore.getValue();
|
|
46
|
-
const updatedLayout = { ...current[rootName] || {} };
|
|
47
|
-
updatedLayout[layoutName] = newComponents;
|
|
48
|
-
const newStoreValue = {
|
|
49
|
-
...current,
|
|
50
|
-
[rootName]: updatedLayout
|
|
51
|
-
};
|
|
52
|
-
updateSplitScreenStore(newStoreValue);
|
|
53
|
-
};
|
|
54
|
-
const resetRootSplitScreen = (rootName) => {
|
|
55
|
-
const current = layoutSplitScreenStore.getValue();
|
|
56
|
-
const newStoreValue = {
|
|
57
|
-
...current,
|
|
58
|
-
[rootName]: {}
|
|
59
|
-
};
|
|
60
|
-
updateSplitScreenStore(newStoreValue);
|
|
61
|
-
};
|
|
62
|
-
const removeRootSplitScreen = (rootName) => {
|
|
63
|
-
const current = layoutSplitScreenStore.getValue();
|
|
64
|
-
if (!current[rootName]) return;
|
|
65
|
-
const { [rootName]: _, ...rest } = current;
|
|
66
|
-
updateSplitScreenStore(rest);
|
|
67
|
-
};
|
|
68
|
-
const removeSplitScreenChild = (rootName, layoutName) => {
|
|
69
|
-
const current = layoutSplitScreenStore.getValue();
|
|
70
|
-
if (!current[rootName]) return;
|
|
71
|
-
const updatedLayout = { ...current[rootName] };
|
|
72
|
-
delete updatedLayout[layoutName];
|
|
73
|
-
const newStoreValue = {
|
|
74
|
-
...current,
|
|
75
|
-
[rootName]: updatedLayout
|
|
76
|
-
};
|
|
77
|
-
updateSplitScreenStore(newStoreValue);
|
|
78
|
-
};
|
|
79
|
-
const getCurrentSplitScreenComponents = (rootName, layoutName) => {
|
|
80
|
-
const current = layoutSplitScreenStore.getValue();
|
|
81
|
-
if (!current[rootName]) return;
|
|
82
|
-
return current[rootName][layoutName];
|
|
83
|
-
};
|
|
84
|
-
const getSplitScreen = (rootName, layoutName) => {
|
|
85
|
-
return layoutSplitScreenStore.pipe(
|
|
86
|
-
map((splitScreen) => splitScreen[rootName]?.[layoutName]),
|
|
87
|
-
distinctUntilChanged((prev, curr) => {
|
|
88
|
-
const filterChildren = (obj) => {
|
|
89
|
-
const { children, component, targetComponent, x, y, ...rest } = obj || {};
|
|
90
|
-
return rest;
|
|
91
|
-
};
|
|
92
|
-
return equal(filterChildren(prev), filterChildren(curr));
|
|
93
|
-
})
|
|
94
|
-
);
|
|
95
|
-
};
|
|
96
|
-
const flexContainerStore = new BehaviorSubject({});
|
|
97
|
-
const flexResizePanelStore = new BehaviorSubject({});
|
|
98
|
-
const setContainerRef = (layoutName, containerName, ref) => {
|
|
99
|
-
const currentRefs = flexContainerStore.getValue();
|
|
100
|
-
const layoutRefs = currentRefs[layoutName] || {};
|
|
101
|
-
if (ref === null) {
|
|
102
|
-
if (!(containerName in layoutRefs)) return;
|
|
103
|
-
const { [containerName]: _, ...restLayout } = layoutRefs;
|
|
104
|
-
const next = Object.keys(restLayout).length === 0 ? (() => {
|
|
105
|
-
const { [layoutName]: __, ...rest } = currentRefs;
|
|
106
|
-
return rest;
|
|
107
|
-
})() : { ...currentRefs, [layoutName]: restLayout };
|
|
108
|
-
flexContainerStore.next(next);
|
|
109
|
-
return;
|
|
110
|
-
}
|
|
111
|
-
if (layoutRefs[containerName] === ref) return;
|
|
112
|
-
flexContainerStore.next({
|
|
113
|
-
...currentRefs,
|
|
114
|
-
[layoutName]: { ...layoutRefs, [containerName]: ref }
|
|
115
|
-
});
|
|
116
|
-
};
|
|
117
|
-
const setResizePanelRef = (layoutName, containerName, ref) => {
|
|
118
|
-
const currentRefs = flexResizePanelStore.getValue();
|
|
119
|
-
const layoutRefs = currentRefs[layoutName] || {};
|
|
120
|
-
if (ref === null) {
|
|
121
|
-
if (!(containerName in layoutRefs)) return;
|
|
122
|
-
const { [containerName]: _, ...restLayout } = layoutRefs;
|
|
123
|
-
const next = Object.keys(restLayout).length === 0 ? (() => {
|
|
124
|
-
const { [layoutName]: __, ...rest } = currentRefs;
|
|
125
|
-
return rest;
|
|
126
|
-
})() : { ...currentRefs, [layoutName]: restLayout };
|
|
127
|
-
flexResizePanelStore.next(next);
|
|
128
|
-
return;
|
|
129
|
-
}
|
|
130
|
-
if (layoutRefs[containerName] === ref) return;
|
|
131
|
-
flexResizePanelStore.next({
|
|
132
|
-
...currentRefs,
|
|
133
|
-
[layoutName]: { ...layoutRefs, [containerName]: ref }
|
|
134
|
-
});
|
|
135
|
-
};
|
|
136
|
-
const getLayoutInfos = (layoutName) => {
|
|
137
|
-
return combineLatest([flexContainerStore, flexResizePanelStore]).pipe(
|
|
138
|
-
map(([containerRefs, resizePanelRefs]) => {
|
|
139
|
-
const containerData = containerRefs[layoutName] || {};
|
|
140
|
-
const resizePanelData = resizePanelRefs[layoutName] || {};
|
|
141
|
-
return {
|
|
142
|
-
container: containerData,
|
|
143
|
-
resizePanel: resizePanelData
|
|
144
|
-
};
|
|
145
|
-
}),
|
|
146
|
-
filter(
|
|
147
|
-
(result) => result.container !== null && Object.keys(result.container).length > 0
|
|
148
|
-
)
|
|
149
|
-
// 빈 객체 제외
|
|
150
|
-
);
|
|
151
|
-
};
|
|
152
|
-
const getContainerRef = ({
|
|
153
|
-
containerName,
|
|
154
|
-
layoutName
|
|
155
|
-
}) => {
|
|
156
|
-
return flexContainerStore.pipe(
|
|
157
|
-
map((refs) => {
|
|
158
|
-
if (layoutName) {
|
|
159
|
-
return refs[layoutName]?.[containerName] || null;
|
|
160
|
-
} else {
|
|
161
|
-
return Object.entries(refs).find(
|
|
162
|
-
([key, value]) => refs[key][containerName]
|
|
163
|
-
)?.[1][containerName];
|
|
164
|
-
}
|
|
165
|
-
}),
|
|
166
|
-
filter((ref) => ref !== null)
|
|
167
|
-
);
|
|
168
|
-
};
|
|
169
|
-
const getResizePanelRef = ({
|
|
170
|
-
containerName,
|
|
171
|
-
layoutName
|
|
172
|
-
}) => {
|
|
173
|
-
return flexResizePanelStore.pipe(
|
|
174
|
-
map((refs) => {
|
|
175
|
-
if (layoutName) {
|
|
176
|
-
return refs[layoutName]?.[containerName] || null;
|
|
177
|
-
} else {
|
|
178
|
-
return Object.entries(refs).find(
|
|
179
|
-
([key, value]) => refs[key][containerName]
|
|
180
|
-
)?.[1][containerName];
|
|
181
|
-
}
|
|
182
|
-
}),
|
|
183
|
-
filter((ref) => ref !== null)
|
|
184
|
-
);
|
|
185
|
-
};
|
|
186
|
-
export {
|
|
187
|
-
flexContainerStore,
|
|
188
|
-
flexResizePanelStore,
|
|
189
|
-
getContainerRef,
|
|
190
|
-
getCurrentSplitScreenComponents,
|
|
191
|
-
getLayoutInfos,
|
|
192
|
-
getResizePanelRef,
|
|
193
|
-
getScrollPosition,
|
|
194
|
-
getSplitScreen,
|
|
195
|
-
layoutSplitScreenStore,
|
|
196
|
-
removeRootSplitScreen,
|
|
197
|
-
removeScrollPosition,
|
|
198
|
-
removeSplitScreenChild,
|
|
199
|
-
resetRootSplitScreen,
|
|
200
|
-
scrollPositions,
|
|
201
|
-
setContainerRef,
|
|
202
|
-
setResizePanelRef,
|
|
203
|
-
setScrollPosition,
|
|
204
|
-
setSplitScreen
|
|
205
|
-
};
|
|
206
|
-
//# sourceMappingURL=FlexLayoutContainerStore.js.map
|
|
1
|
+
"use client";import C from"fast-deep-equal";import{BehaviorSubject as x,combineLatest as b}from"rxjs";import{distinctUntilChanged as T,filter as a,map as l}from"rxjs/operators";function y(t,e){const n=t.getValue();C(n,e)||t.next(e)}function R(t){s.next(t)}const m={},u=new x(m),v=(t,e)=>{const n=u.getValue(),r=n[t];if(r&&r.x===e.x&&r.y===e.y)return;const o={...n,[t]:e};y(u,o)},z=t=>u.pipe(a(e=>e[t]!==void 0),l(e=>e[t]),T((e,n)=>e?.x===n?.x&&e?.y===n?.y)),k=t=>{const e=u.getValue(),{[t]:n,...r}=e;y(u,r)},s=new x({}),E=(t,e,n)=>{const r=s.getValue(),o={...r[t]||{}};o[e]=n;const c={...r,[t]:o};R(c)},H=t=>{const n={...s.getValue(),[t]:{}};R(n)},M=t=>{const e=s.getValue();if(!e[t])return;const{[t]:n,...r}=e;R(r)},B=(t,e)=>{const n=s.getValue();if(!n[t])return;const r={...n[t]};delete r[e];const o={...n,[t]:r};R(o)},q=(t,e)=>{const n=s.getValue();if(n[t])return n[t][e]},I=(t,e)=>s.pipe(l(n=>n[t]?.[e]),T((n,r)=>{const o=c=>{const{children:i,component:S,targetComponent:d,x:f,y:V,...P}=c||{};return P};return C(o(n),o(r))})),p=new x({}),g=new x({}),U=(t,e,n)=>{const r=p.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:c,...i}=o,S=Object.keys(i).length===0?(()=>{const{[t]:d,...f}=r;return f})():{...r,[t]:i};p.next(S);return}o[e]!==n&&p.next({...r,[t]:{...o,[e]:n}})},A=(t,e,n)=>{const r=g.getValue(),o=r[t]||{};if(n===null){if(!(e in o))return;const{[e]:c,...i}=o,S=Object.keys(i).length===0?(()=>{const{[t]:d,...f}=r;return f})():{...r,[t]:i};g.next(S);return}o[e]!==n&&g.next({...r,[t]:{...o,[e]:n}})},F=t=>b([p,g]).pipe(l(([e,n])=>{const r=e[t]||{},o=n[t]||{};return{container:r,resizePanel:o}}),a(e=>e.container!==null&&Object.keys(e.container).length>0)),G=({containerName:t,layoutName:e})=>p.pipe(l(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),a(n=>n!==null)),J=({containerName:t,layoutName:e})=>g.pipe(l(n=>e?n[e]?.[t]||null:Object.entries(n).find(([r,o])=>n[r][t])?.[1][t]),a(n=>n!==null));export{p as flexContainerStore,g as flexResizePanelStore,G as getContainerRef,q as getCurrentSplitScreenComponents,F as getLayoutInfos,J as getResizePanelRef,z as getScrollPosition,I as getSplitScreen,s as layoutSplitScreenStore,M as removeRootSplitScreen,k as removeScrollPosition,B as removeSplitScreenChild,H as resetRootSplitScreen,m as scrollPositions,U as setContainerRef,A as setResizePanelRef,v as setScrollPosition,E as setSplitScreen};
|
|
@@ -1,23 +1 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
-
var __copyProps = (to, from, except, desc) => {
|
|
7
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
8
|
-
for (let key of __getOwnPropNames(from))
|
|
9
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
10
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
16
|
-
var store_exports = {};
|
|
17
|
-
module.exports = __toCommonJS(store_exports);
|
|
18
|
-
__reExport(store_exports, require("./FlexLayoutContainerStore"), module.exports);
|
|
19
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
20
|
-
0 && (module.exports = {
|
|
21
|
-
...require("./FlexLayoutContainerStore")
|
|
22
|
-
});
|
|
23
|
-
//# sourceMappingURL=index.cjs.map
|
|
1
|
+
"use strict";var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var c=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var p=(r,o,f,x)=>{if(o&&typeof o=="object"||typeof o=="function")for(let e of c(o))!d.call(r,e)&&e!==f&&a(r,e,{get:()=>o[e],enumerable:!(x=b(o,e))||x.enumerable});return r},t=(r,o,f)=>(p(r,o,"default"),f&&p(f,o,"default"));var g=r=>p(a({},"__esModule",{value:!0}),r);var m={};module.exports=g(m);t(m,require("./FlexLayoutContainerStore"),module.exports);0&&(module.exports={...require("./FlexLayoutContainerStore")});
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
export
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export*from"./FlexLayoutContainerStore";
|