@byeolnaerim/flex-layout 0.0.8 → 0.0.9
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 +62 -28
- package/dist/flex-layout/components/FlexLayout.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayout.js +26 -11
- package/dist/flex-layout/components/FlexLayout.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutContainer.cjs +121 -55
- package/dist/flex-layout/components/FlexLayoutContainer.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutContainer.js +68 -25
- package/dist/flex-layout/components/FlexLayoutContainer.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutIFramePane.cjs +68 -0
- package/dist/flex-layout/components/FlexLayoutIFramePane.cjs.map +1 -0
- package/dist/flex-layout/components/FlexLayoutIFramePane.d.ts +4 -0
- package/dist/flex-layout/components/FlexLayoutIFramePane.js +44 -0
- package/dist/flex-layout/components/FlexLayoutIFramePane.js.map +1 -0
- package/dist/flex-layout/components/FlexLayoutResizePanel.cjs +96 -42
- package/dist/flex-layout/components/FlexLayoutResizePanel.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutResizePanel.d.ts +1 -1
- package/dist/flex-layout/components/FlexLayoutResizePanel.js +44 -14
- package/dist/flex-layout/components/FlexLayoutResizePanel.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreen.cjs +184 -143
- package/dist/flex-layout/components/FlexLayoutSplitScreen.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreen.js +71 -32
- package/dist/flex-layout/components/FlexLayoutSplitScreen.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.cjs +253 -60
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.d.ts +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.js +215 -39
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBox.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.cjs +40 -17
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.js +7 -7
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxContainer.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs +44 -21
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js +7 -8
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxItem.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs +40 -17
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js +5 -6
- package/dist/flex-layout/components/FlexLayoutSplitScreenDragBoxTitleMore.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs +53 -29
- package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js +14 -10
- package/dist/flex-layout/components/FlexLayoutSplitScreenScrollBox.js.map +1 -1
- package/dist/flex-layout/components/FlexLayoutStickyBox.cjs +46 -27
- package/dist/flex-layout/components/FlexLayoutStickyBox.cjs.map +1 -1
- package/dist/flex-layout/components/FlexLayoutStickyBox.d.ts +1 -0
- package/dist/flex-layout/components/FlexLayoutStickyBox.js +13 -8
- package/dist/flex-layout/components/FlexLayoutStickyBox.js.map +1 -1
- package/dist/flex-layout/components/index.cjs +54 -49
- package/dist/flex-layout/components/index.cjs.map +1 -1
- package/dist/flex-layout/components/index.js +16 -8
- package/dist/flex-layout/components/index.js.map +1 -1
- package/dist/flex-layout/hooks/index.cjs +23 -19
- package/dist/flex-layout/hooks/index.cjs.map +1 -1
- package/dist/flex-layout/hooks/index.js +2 -3
- package/dist/flex-layout/hooks/index.js.map +1 -1
- package/dist/flex-layout/hooks/useDrag.cjs +136 -79
- package/dist/flex-layout/hooks/useDrag.cjs.map +1 -1
- package/dist/flex-layout/hooks/useDrag.d.ts +5 -0
- package/dist/flex-layout/hooks/useDrag.js +86 -47
- package/dist/flex-layout/hooks/useDrag.js.map +1 -1
- package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.cjs +40 -19
- package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.cjs.map +1 -1
- package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.js +9 -7
- package/dist/flex-layout/hooks/useFlexLayoutSplitScreen.js.map +1 -1
- package/dist/flex-layout/hooks/useListPaging.cjs +68 -35
- package/dist/flex-layout/hooks/useListPaging.cjs.map +1 -1
- package/dist/flex-layout/hooks/useListPaging.js +34 -18
- package/dist/flex-layout/hooks/useListPaging.js.map +1 -1
- package/dist/flex-layout/hooks/useSizes.cjs +45 -23
- package/dist/flex-layout/hooks/useSizes.cjs.map +1 -1
- package/dist/flex-layout/hooks/useSizes.js +6 -6
- package/dist/flex-layout/hooks/useSizes.js.map +1 -1
- package/dist/flex-layout/index.cjs +29 -40
- package/dist/flex-layout/index.cjs.map +1 -1
- package/dist/flex-layout/index.js +5 -6
- package/dist/flex-layout/index.js.map +1 -1
- package/dist/flex-layout/providers/FlexLayoutContext.cjs +35 -12
- package/dist/flex-layout/providers/FlexLayoutContext.cjs.map +1 -1
- package/dist/flex-layout/providers/FlexLayoutContext.js +7 -6
- package/dist/flex-layout/providers/FlexLayoutContext.js.map +1 -1
- package/dist/flex-layout/providers/FlexLayoutHooks.cjs +82 -53
- package/dist/flex-layout/providers/FlexLayoutHooks.cjs.map +1 -1
- package/dist/flex-layout/providers/FlexLayoutHooks.js +33 -8
- package/dist/flex-layout/providers/FlexLayoutHooks.js.map +1 -1
- package/dist/flex-layout/providers/index.cjs +21 -12
- package/dist/flex-layout/providers/index.cjs.map +1 -1
- package/dist/flex-layout/providers/index.js +1 -2
- package/dist/flex-layout/providers/index.js.map +1 -1
- package/dist/flex-layout/store/FlexLayoutContainerStore.cjs +130 -76
- package/dist/flex-layout/store/FlexLayoutContainerStore.cjs.map +1 -1
- package/dist/flex-layout/store/FlexLayoutContainerStore.d.ts +1 -0
- package/dist/flex-layout/store/FlexLayoutContainerStore.js +63 -38
- package/dist/flex-layout/store/FlexLayoutContainerStore.js.map +1 -1
- package/dist/flex-layout/store/index.cjs +21 -12
- package/dist/flex-layout/store/index.cjs.map +1 -1
- package/dist/flex-layout/store/index.js +1 -2
- package/dist/flex-layout/store/index.js.map +1 -1
- package/dist/flex-layout/types/FlexDirectionTypes.cjs +16 -3
- package/dist/flex-layout/types/FlexDirectionTypes.cjs.map +1 -1
- package/dist/flex-layout/types/FlexDirectionTypes.js +0 -2
- package/dist/flex-layout/types/FlexDirectionTypes.js.map +1 -1
- package/dist/flex-layout/types/FlexLayoutTypes.cjs +16 -3
- package/dist/flex-layout/types/FlexLayoutTypes.cjs.map +1 -1
- package/dist/flex-layout/types/FlexLayoutTypes.d.ts +1 -3
- package/dist/flex-layout/types/FlexLayoutTypes.js +0 -2
- package/dist/flex-layout/types/FlexLayoutTypes.js.map +1 -1
- package/dist/flex-layout/utils/FlexLayoutUtils.cjs +57 -20
- package/dist/flex-layout/utils/FlexLayoutUtils.cjs.map +1 -1
- package/dist/flex-layout/utils/FlexLayoutUtils.d.ts +4 -4
- package/dist/flex-layout/utils/FlexLayoutUtils.js +23 -8
- package/dist/flex-layout/utils/FlexLayoutUtils.js.map +1 -1
- package/dist/flex-layout/utils/index.cjs +21 -12
- package/dist/flex-layout/utils/index.cjs.map +1 -1
- package/dist/flex-layout/utils/index.js +1 -2
- package/dist/flex-layout/utils/index.js.map +1 -1
- package/dist/index.cjs +21 -12
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -2
- package/dist/index.js.map +1 -1
- package/dist/metafile-cjs.json +1 -0
- package/dist/metafile-esm.json +1 -0
- package/dist/types/css.d.cjs +1 -3
- package/dist/types/css.d.cjs.map +1 -1
- package/dist/types/css.d.js +0 -2
- package/dist/types/css.d.js.map +1 -1
- package/package.json +5 -1
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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")
|
|
12
22
|
});
|
|
13
|
-
//# sourceMappingURL=index.cjs.map
|
|
14
23
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":["../../../src/flex-layout/store/index.ts"],"sourcesContent":["export * from \"./FlexLayoutContainerStore\";\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,uCAAd;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":["../../../src/flex-layout/store/index.ts"],"sourcesContent":["export * from \"./FlexLayoutContainerStore\";\r\n"],"mappings":"AAAA,cAAc;","names":[]}
|
|
@@ -1,4 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
+
var FlexDirectionTypes_exports = {};
|
|
16
|
+
module.exports = __toCommonJS(FlexDirectionTypes_exports);
|
|
4
17
|
//# sourceMappingURL=FlexDirectionTypes.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":["../../../src/flex-layout/types/FlexDirectionTypes.ts"],"sourcesContent":["export type FlexDirectionModelType = {\r\n xy: 'x' | 'y';\r\n targetDirection: 'left' | 'top';\r\n sizeName: 'width' | 'height' | keyof DOMRect;\r\n resizeCursor: 'ew-resize' | 'ns-resize';\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,4 +1,17 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
15
|
+
var FlexLayoutTypes_exports = {};
|
|
16
|
+
module.exports = __toCommonJS(FlexLayoutTypes_exports);
|
|
4
17
|
//# sourceMappingURL=FlexLayoutTypes.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":["../../../src/flex-layout/types/FlexLayoutTypes.ts"],"sourcesContent":["import { HTMLAttributes, ReactElement, ReactNode, Ref } from \"react\";\r\n\r\nexport type ResizePanelMode =\r\n\t| \"default\"\r\n\t| \"bottom-cylinder\"\r\n\t| \"bottom-cylinder-reverse\"\r\n\t| \"top-cylinder\"\r\n\t| \"left-cylinder\"\r\n\t| \"right-cylinder\";\r\n\r\nexport type Direction = \"row\" | \"column\";\r\nexport type PanelMovementMode = \"bulldozer\" | \"divorce\" | \"stalker\";\r\nexport type FitContent = \"width\" | \"height\";\r\n\r\nexport interface FlexLayoutChildrenType {\r\n\tisInitialResizable?: boolean;\r\n\tgrow?: number;\r\n\tprevGrow?: number;\r\n\tpanelMode?: ResizePanelMode;\r\n\tisFitContent?: boolean;\r\n\tisFitResize?: boolean;\r\n\tisResizePanel?: boolean;\r\n\tcontainerName: string;\r\n\tchildren: ReactNode;\r\n\tclassName?: string;\r\n}\r\n\r\nexport interface FlexContainerProps extends FlexLayoutChildrenType {\r\n\t// readonly fitContent?: FitContent;\r\n\t// readonly containerCount?: number;\r\n\t// readonly layoutName?: string;\r\n}\r\n\r\nexport interface FlexLayoutPanelStyle {\r\n\tcolor: string;\r\n\thoverColor?: string;\r\n}\r\n\r\nexport interface FlexLayoutProps extends Omit<\r\n\tHTMLAttributes<HTMLDivElement>,\r\n\t\"children\" | \"id\" | \"panelClassName\"\r\n> {\r\n\tdirection: Direction;\r\n\tchildren:\r\n\t\t| ReactElement<FlexLayoutChildrenType>[]\r\n\t\t| ReactElement<FlexLayoutChildrenType>;\r\n\tlayoutName: string;\r\n\tisSplitScreen?: boolean;\r\n\tref?: Ref<HTMLDivElement>;\r\n\tclassName?: string;\r\n\tpanelClassName?: string;\r\n\tpanelMovementMode?: PanelMovementMode;\r\n}\r\n\r\nexport type FlexLayoutResizePanelProps = {\r\n\tdirection: string;\r\n\tcontainerCount: number;\r\n\tpanelMode?: ResizePanelMode;\r\n\tcontainerName: string;\r\n\tlayoutName: string;\r\n\tpanelMovementMode: PanelMovementMode;\r\n\tpanelClassName?: string;\r\n\tonResizingChange?: (isResizing: boolean) => void;\r\n};\r\n\r\nexport interface FlexLayoutContextValue {\r\n\tlayoutName: string;\r\n\tdirection: Direction;\r\n\tpanelMovementMode: PanelMovementMode;\r\n\tpanelClassName?: string;\r\n\tcontainerCount: number;\r\n\tfitContent: FitContent;\r\n}\r\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
|
|
@@ -16,9 +16,6 @@ export interface FlexLayoutChildrenType {
|
|
|
16
16
|
className?: string;
|
|
17
17
|
}
|
|
18
18
|
export interface FlexContainerProps extends FlexLayoutChildrenType {
|
|
19
|
-
readonly fitContent?: FitContent;
|
|
20
|
-
readonly containerCount?: number;
|
|
21
|
-
readonly layoutName?: string;
|
|
22
19
|
}
|
|
23
20
|
export interface FlexLayoutPanelStyle {
|
|
24
21
|
color: string;
|
|
@@ -42,6 +39,7 @@ export type FlexLayoutResizePanelProps = {
|
|
|
42
39
|
layoutName: string;
|
|
43
40
|
panelMovementMode: PanelMovementMode;
|
|
44
41
|
panelClassName?: string;
|
|
42
|
+
onResizingChange?: (isResizing: boolean) => void;
|
|
45
43
|
};
|
|
46
44
|
export interface FlexLayoutContextValue {
|
|
47
45
|
layoutName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
|
|
@@ -1,5 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 __export = (target, all) => {
|
|
7
|
+
for (var name in all)
|
|
8
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
9
|
+
};
|
|
10
|
+
var __copyProps = (to, from, except, desc) => {
|
|
11
|
+
if (from && typeof from === "object" || typeof from === "function") {
|
|
12
|
+
for (let key of __getOwnPropNames(from))
|
|
13
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
14
|
+
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
15
|
+
}
|
|
16
|
+
return to;
|
|
17
|
+
};
|
|
18
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
|
+
var FlexLayoutUtils_exports = {};
|
|
20
|
+
__export(FlexLayoutUtils_exports, {
|
|
21
|
+
closeFlex: () => closeFlex,
|
|
22
|
+
findNotCloseFlexContent: () => findNotCloseFlexContent,
|
|
23
|
+
getClientXy: () => getClientXy,
|
|
24
|
+
getGrow: () => getGrow,
|
|
25
|
+
isDocumentOut: () => isDocumentOut,
|
|
26
|
+
isOverMove: () => isOverMove,
|
|
27
|
+
mathGrow: () => mathGrow,
|
|
28
|
+
mathWeight: () => mathWeight,
|
|
29
|
+
openFlex: () => openFlex,
|
|
30
|
+
remain: () => remain,
|
|
31
|
+
resize: () => resize
|
|
32
|
+
});
|
|
33
|
+
module.exports = __toCommonJS(FlexLayoutUtils_exports);
|
|
3
34
|
function isDocumentOut({ x, y }) {
|
|
4
35
|
if (typeof window == "undefined") return;
|
|
5
36
|
const { innerWidth, innerHeight, scrollX, scrollY } = window;
|
|
@@ -80,9 +111,12 @@ function mathWeight(totalCount, totalGrow) {
|
|
|
80
111
|
function mathGrow(childSize, parentSize, containerCount) {
|
|
81
112
|
return containerCount * (childSize / parentSize);
|
|
82
113
|
}
|
|
83
|
-
function getGrow(
|
|
84
|
-
const target =
|
|
85
|
-
|
|
114
|
+
function getGrow(el) {
|
|
115
|
+
const target = el instanceof Element ? el : el;
|
|
116
|
+
const a = parseFloat(target.style.flex.split(" ")[0]);
|
|
117
|
+
if (!Number.isNaN(a)) return a;
|
|
118
|
+
const b = parseFloat(target.dataset.grow ?? "0");
|
|
119
|
+
return Number.isNaN(b) ? 0 : b;
|
|
86
120
|
}
|
|
87
121
|
function closeFlex(resizeTarget, containers, {
|
|
88
122
|
isResize = false,
|
|
@@ -90,7 +124,8 @@ function closeFlex(resizeTarget, containers, {
|
|
|
90
124
|
sizeName
|
|
91
125
|
}) {
|
|
92
126
|
return new Promise((resolve) => {
|
|
93
|
-
if (!resizeTarget.hasAttribute("data-is_resize_panel"))
|
|
127
|
+
if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
|
|
128
|
+
} else if (isDsiabledResizePanel) {
|
|
94
129
|
resizeTarget.dataset.is_resize_panel = "false";
|
|
95
130
|
}
|
|
96
131
|
resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();
|
|
@@ -140,7 +175,8 @@ function openFlex(resizeTarget, containers, {
|
|
|
140
175
|
sizeName
|
|
141
176
|
}) {
|
|
142
177
|
return new Promise((resolve) => {
|
|
143
|
-
if (!resizeTarget.hasAttribute("data-is_resize_panel"))
|
|
178
|
+
if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
|
|
179
|
+
} else if (resizeTarget.hasAttribute("data-is_resize_panel") && resizeTarget.dataset.is_resize_panel == "false") {
|
|
144
180
|
resizeTarget.dataset.is_resize_panel = "true";
|
|
145
181
|
}
|
|
146
182
|
let notCloseList = containers.filter(
|
|
@@ -192,17 +228,18 @@ function openFlex(resizeTarget, containers, {
|
|
|
192
228
|
resolve(openTargetGrow);
|
|
193
229
|
});
|
|
194
230
|
}
|
|
195
|
-
|
|
196
|
-
exports
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
231
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
232
|
+
0 && (module.exports = {
|
|
233
|
+
closeFlex,
|
|
234
|
+
findNotCloseFlexContent,
|
|
235
|
+
getClientXy,
|
|
236
|
+
getGrow,
|
|
237
|
+
isDocumentOut,
|
|
238
|
+
isOverMove,
|
|
239
|
+
mathGrow,
|
|
240
|
+
mathWeight,
|
|
241
|
+
openFlex,
|
|
242
|
+
remain,
|
|
243
|
+
resize
|
|
244
|
+
});
|
|
208
245
|
//# sourceMappingURL=FlexLayoutUtils.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/flex-layout/utils/FlexLayoutUtils.ts"],"names":["e"],"mappings":"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","file":"FlexLayoutUtils.cjs","sourcesContent":["export function isDocumentOut({ x, y }: { x: number; y: number }) {\r\n if (typeof window == 'undefined') return;\r\n const { innerWidth, innerHeight, scrollX, scrollY } = window;\r\n\r\n return (\r\n x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY\r\n );\r\n}\r\n\r\nlet lastTouchEvent: globalThis.TouchEvent;\r\nexport function getClientXy(event: Event) {\r\n let clientX: number;\r\n let clientY: number;\r\n if (window.MouseEvent && event instanceof window.MouseEvent) {\r\n clientX = event.clientX;\r\n clientY = event.clientY;\r\n } else if (window.TouchEvent && event instanceof window.TouchEvent) {\r\n const _event = event.touches.length == 0 ? lastTouchEvent : event;\r\n clientX = _event!.touches[0].clientX;\r\n clientY = _event!.touches[0].clientY;\r\n lastTouchEvent = event;\r\n } else {\r\n return; // 해당 이벤트 타입이 MouseEvent나 TouchEvent가 아니라면 무시\r\n }\r\n return { clientX, clientY };\r\n}\r\n\r\nexport function isOverMove(elementSize: number, elementMinSize: number) {\r\n return (\r\n Math.floor(elementSize) <= 0 ||\r\n (isNaN(elementMinSize)\r\n ? false\r\n : elementMinSize >= Math.floor(elementSize))\r\n );\r\n}\r\n\r\nexport function findNotCloseFlexContent(\r\n target: HTMLElement | Element | null,\r\n direction: 'previousElementSibling' | 'nextElementSibling'\r\n) {\r\n if (!target) return target;\r\n let _target = target as HTMLElement;\r\n const isCloseCheck = () => {\r\n let grow =\r\n parseFloat(window.getComputedStyle(_target).flex.split(' ')[0]) ||\r\n 0;\r\n if (grow == 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n while (isCloseCheck()) {\r\n let nextTarget = _target[direction]?.[direction];\r\n _target = nextTarget as HTMLElement;\r\n if (!_target) {\r\n break;\r\n }\r\n }\r\n return _target as HTMLElement | HTMLDivElement | null;\r\n}\r\n\r\nexport function remain(flexContainerList: Array<HTMLElement>) {\r\n return new Promise(resolve => {\r\n let notGrowList: Array<HTMLElement> = [];\r\n let totalGrow = flexContainerList.reduce((t, e, i) => {\r\n if (e.hasAttribute('data-grow') == false) {\r\n notGrowList.push(e);\r\n return t;\r\n }\r\n let grow = parseFloat(e.dataset.grow || '');\r\n e.style.flex = `${grow} 1 0%`;\r\n t -= grow;\r\n return t;\r\n }, flexContainerList.length);\r\n\r\n if (notGrowList.length != 0) {\r\n resize(notGrowList, totalGrow);\r\n }\r\n\r\n resolve(flexContainerList);\r\n });\r\n}\r\n\r\nexport function resize(list: Array<HTMLElement>, totalGrow: number) {\r\n return new Promise(resolve => {\r\n // totalGrow 값을 리스트의 개수로 나누어 균등 할당\r\n let resizeWeight = totalGrow / list.length;\r\n list.forEach(e => {\r\n e.dataset.grow = resizeWeight.toString();\r\n e.style.flex = `${resizeWeight} 1 0%`;\r\n });\r\n resolve(resizeWeight);\r\n });\r\n}\r\n\r\nexport function mathWeight(totalCount: number, totalGrow: number) {\r\n return 1 + (totalGrow - totalCount) / totalCount;\r\n}\r\nexport function mathGrow(\r\n childSize: number,\r\n parentSize: number,\r\n containerCount: number\r\n) {\r\n return containerCount * (childSize / parentSize);\r\n}\r\n\r\nexport function getGrow(growTarget: HTMLElement | Element) {\r\n const target =\r\n growTarget instanceof Element\r\n ? (growTarget as HTMLElement)\r\n : growTarget;\r\n return (\r\n parseFloat(target.style.flex.split(' ')[0]) ||\r\n parseFloat(target.dataset.grow || '')\r\n );\r\n}\r\n\r\nexport function closeFlex(\r\n resizeTarget: HTMLElement,\r\n containers: HTMLElement[],\r\n {\r\n isResize = false,\r\n isDsiabledResizePanel = false,\r\n sizeName,\r\n }: {\r\n isResize?: boolean;\r\n isDsiabledResizePanel?: boolean;\r\n sizeName: 'width' | 'height';\r\n }\r\n) {\r\n return new Promise(resolve => {\r\n if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n // resolve(resizeTarget);\r\n // return;\r\n } else if (isDsiabledResizePanel) {\r\n resizeTarget.dataset.is_resize_panel = 'false';\r\n }\r\n\r\n resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();\r\n\r\n let notCloseList = containers.filter(\r\n e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n );\r\n let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n //let resizeWeight = this.mathWeight(notCloseList, this.#forResizeList.length);\r\n notCloseAndOpenTargetList.forEach(e => {\r\n e.style.transition = 'flex 0.5s';\r\n e.ontransitionend = event => {\r\n if (event.propertyName != 'flex-grow') {\r\n return;\r\n }\r\n notCloseAndOpenTargetList.forEach(\r\n e => (e.style.transition = '')\r\n );\r\n //e.style.transition = '';\r\n e.ontransitionend = () => {};\r\n };\r\n\r\n if (e == resizeTarget) {\r\n e.dataset.grow = '0';\r\n e.style.flex = `0 1 0%`;\r\n return;\r\n }\r\n\r\n if (isResize) {\r\n return;\r\n }\r\n\r\n let percent = getGrow(e) / containers.length;\r\n //let percentWeight = this.#forResizeList.length * percent;\r\n //let remainWeight = resizeWeight * percent;\r\n if (notCloseList.length == 1) {\r\n e.dataset.grow = containers.length.toString();\r\n e.style.flex = `${containers.length} 1 0%`;\r\n return;\r\n }\r\n e.dataset.grow = (containers.length * percent).toString();\r\n e.style.flex = `${containers.length * percent} 1 0%`;\r\n });\r\n\r\n if (isResize) {\r\n resize(notCloseList, containers.length);\r\n }\r\n\r\n resolve(resizeTarget);\r\n });\r\n}\r\n\r\nexport function openFlex(\r\n resizeTarget: HTMLElement,\r\n containers: HTMLElement[],\r\n {\r\n isPrevSizeOpen = false,\r\n isResize = false,\r\n openGrowImportant = 0,\r\n sizeName,\r\n }: {\r\n isPrevSizeOpen?: boolean;\r\n isResize?: boolean;\r\n openGrowImportant?: number;\r\n sizeName?: 'width' | 'height'; // 유니언 타입으로 수정\r\n }\r\n) {\r\n return new Promise(resolve => {\r\n if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n // resolve(resizeTarget);\r\n // return;\r\n } else if (\r\n resizeTarget.hasAttribute('data-is_resize_panel') &&\r\n resizeTarget.dataset.is_resize_panel == 'false'\r\n ) {\r\n resizeTarget.dataset.is_resize_panel = 'true';\r\n }\r\n\r\n let notCloseList = containers.filter(\r\n e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n );\r\n let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n //let resizeWeight = this.mathWeight(notCloseAndOpenTargetList, this.#forResizeList.length);\r\n let openTargetGrow = 1;\r\n const sizeStyleName = ('client' +\r\n sizeName!.charAt(0).toUpperCase() +\r\n sizeName!.substring(1)) as 'clientHeight' | 'clientWidth';\r\n const parentSize =\r\n (sizeName &&\r\n resizeTarget.parentElement &&\r\n resizeTarget.parentElement[sizeStyleName]) ||\r\n 0;\r\n if (isPrevSizeOpen && resizeTarget.hasAttribute('data-prev_grow')) {\r\n openTargetGrow =\r\n parseFloat(resizeTarget.dataset.prev_grow || '1') || 1;\r\n //resizeTarget.removeAttribute('data-prev_grow');\r\n } else if (parentSize && parentSize !== 0) {\r\n openTargetGrow =\r\n (parentSize / notCloseList.length / (parentSize - 1)) *\r\n containers.length;\r\n } else {\r\n openTargetGrow = 1;\r\n }\r\n if (openGrowImportant) {\r\n openTargetGrow = openGrowImportant;\r\n }\r\n openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;\r\n //notCloseList.forEach(e=>{\r\n notCloseAndOpenTargetList.forEach(e => {\r\n e.style.transition = 'flex 0.5s';\r\n e.ontransitionend = event => {\r\n if (event.propertyName != 'flex-grow') {\r\n return;\r\n }\r\n notCloseAndOpenTargetList.forEach(\r\n e => (e.style.transition = '')\r\n );\r\n //e.style.transition = '';\r\n e.ontransitionend = () => {};\r\n };\r\n\r\n if (e == resizeTarget) {\r\n resizeTarget.dataset.grow = openTargetGrow.toString();\r\n resizeTarget.style.flex = `${openTargetGrow} 1 0%`;\r\n return;\r\n }\r\n\r\n if (isResize) {\r\n return;\r\n }\r\n\r\n let grow =\r\n (parentSize / notCloseList.length / (parentSize - 1)) *\r\n (containers.length - openTargetGrow);\r\n grow = grow === Infinity ? 1 : grow;\r\n //let percent = getGrow(e) / totalGrow - openTargetGrow / totalGrow;\r\n e.dataset.grow = grow.toString();\r\n\r\n e.style.flex = `${grow} 1 0%`;\r\n });\r\n\r\n if (isResize) {\r\n resize(notCloseAndOpenTargetList, containers.length);\r\n }\r\n\r\n resolve(openTargetGrow);\r\n });\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/flex-layout/utils/FlexLayoutUtils.ts"],"sourcesContent":["export function isDocumentOut({ x, y }: { x: number; y: number }) {\r\n\tif (typeof window == \"undefined\") return;\r\n\tconst { innerWidth, innerHeight, scrollX, scrollY } = window;\r\n\r\n\treturn (\r\n\t\tx < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY\r\n\t);\r\n}\r\n\r\nlet lastTouchEvent: globalThis.TouchEvent;\r\nexport function getClientXy(event: Event) {\r\n\tlet clientX: number;\r\n\tlet clientY: number;\r\n\tif (window.MouseEvent && event instanceof window.MouseEvent) {\r\n\t\tclientX = event.clientX;\r\n\t\tclientY = event.clientY;\r\n\t} else if (window.TouchEvent && event instanceof window.TouchEvent) {\r\n\t\tconst _event = event.touches.length == 0 ? lastTouchEvent : event;\r\n\t\tclientX = _event!.touches[0].clientX;\r\n\t\tclientY = _event!.touches[0].clientY;\r\n\t\tlastTouchEvent = event;\r\n\t} else {\r\n\t\treturn; // 해당 이벤트 타입이 MouseEvent나 TouchEvent가 아니라면 무시\r\n\t}\r\n\treturn { clientX, clientY };\r\n}\r\n\r\nexport function isOverMove(elementSize: number, elementMinSize: number) {\r\n\treturn (\r\n\t\tMath.floor(elementSize) <= 0 ||\r\n\t\t(isNaN(elementMinSize)\r\n\t\t\t? false\r\n\t\t\t: elementMinSize >= Math.floor(elementSize))\r\n\t);\r\n}\r\n\r\nexport function findNotCloseFlexContent(\r\n\ttarget: HTMLElement | Element | null,\r\n\tdirection: \"previousElementSibling\" | \"nextElementSibling\",\r\n) {\r\n\tif (!target) return target;\r\n\tlet _target = target as HTMLElement;\r\n\tconst isCloseCheck = () => {\r\n\t\tlet grow =\r\n\t\t\tparseFloat(window.getComputedStyle(_target).flex.split(\" \")[0]) ||\r\n\t\t\t0;\r\n\t\tif (grow == 0) {\r\n\t\t\treturn true;\r\n\t\t} else {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t};\r\n\twhile (isCloseCheck()) {\r\n\t\tlet nextTarget = _target[direction]?.[direction];\r\n\t\t_target = nextTarget as HTMLElement;\r\n\t\tif (!_target) {\r\n\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\treturn _target as HTMLElement | HTMLDivElement | null;\r\n}\r\n\r\nexport function remain(flexContainerList: Array<HTMLElement>) {\r\n\treturn new Promise((resolve) => {\r\n\t\tlet notGrowList: Array<HTMLElement> = [];\r\n\t\tlet totalGrow = flexContainerList.reduce((t, e, i) => {\r\n\t\t\tif (e.hasAttribute(\"data-grow\") == false) {\r\n\t\t\t\tnotGrowList.push(e);\r\n\t\t\t\treturn t;\r\n\t\t\t}\r\n\t\t\tlet grow = parseFloat(e.dataset.grow || \"\");\r\n\t\t\te.style.flex = `${grow} 1 0%`;\r\n\t\t\tt -= grow;\r\n\t\t\treturn t;\r\n\t\t}, flexContainerList.length);\r\n\r\n\t\tif (notGrowList.length != 0) {\r\n\t\t\tresize(notGrowList, totalGrow);\r\n\t\t}\r\n\r\n\t\tresolve(flexContainerList);\r\n\t});\r\n}\r\n\r\nexport function resize(list: Array<HTMLElement>, totalGrow: number) {\r\n\treturn new Promise((resolve) => {\r\n\t\t// totalGrow 값을 리스트의 개수로 나누어 균등 할당\r\n\t\tlet resizeWeight = totalGrow / list.length;\r\n\t\tlist.forEach((e) => {\r\n\t\t\te.dataset.grow = resizeWeight.toString();\r\n\t\t\te.style.flex = `${resizeWeight} 1 0%`;\r\n\t\t});\r\n\t\tresolve(resizeWeight);\r\n\t});\r\n}\r\n\r\nexport function mathWeight(totalCount: number, totalGrow: number) {\r\n\treturn 1 + (totalGrow - totalCount) / totalCount;\r\n}\r\nexport function mathGrow(\r\n\tchildSize: number,\r\n\tparentSize: number,\r\n\tcontainerCount: number,\r\n) {\r\n\treturn containerCount * (childSize / parentSize);\r\n}\r\n\r\nexport function getGrow(el: HTMLElement | Element) {\r\n\tconst target = el instanceof Element ? (el as HTMLElement) : el;\r\n\tconst a = parseFloat(target.style.flex.split(\" \")[0]);\r\n\tif (!Number.isNaN(a)) return a; // 0도 정상값\r\n\tconst b = parseFloat(target.dataset.grow ?? \"0\");\r\n\treturn Number.isNaN(b) ? 0 : b;\r\n}\r\n\r\nexport function closeFlex(\r\n\tresizeTarget: HTMLElement,\r\n\tcontainers: HTMLElement[],\r\n\t{\r\n\t\tisResize = false,\r\n\t\tisDsiabledResizePanel = false,\r\n\t\tsizeName,\r\n\t}: {\r\n\t\tisResize?: boolean;\r\n\t\tisDsiabledResizePanel?: boolean;\r\n\t\tsizeName: \"width\" | \"height\";\r\n\t},\r\n) {\r\n\treturn new Promise((resolve) => {\r\n\t\tif (!resizeTarget.hasAttribute(\"data-is_resize_panel\")) {\r\n\t\t\t// resolve(resizeTarget);\r\n\t\t\t// return;\r\n\t\t} else if (isDsiabledResizePanel) {\r\n\t\t\tresizeTarget.dataset.is_resize_panel = \"false\";\r\n\t\t}\r\n\r\n\t\tresizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();\r\n\r\n\t\tlet notCloseList = containers.filter(\r\n\t\t\t(e) => e.style.flex != \"0 1 0%\" && e != resizeTarget,\r\n\t\t);\r\n\t\tlet notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n\t\t//let resizeWeight = this.mathWeight(notCloseList, this.#forResizeList.length);\r\n\t\tnotCloseAndOpenTargetList.forEach((e) => {\r\n\t\t\te.style.transition = \"flex 0.5s\";\r\n\t\t\te.ontransitionend = (event) => {\r\n\t\t\t\tif (event.propertyName != \"flex-grow\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tnotCloseAndOpenTargetList.forEach(\r\n\t\t\t\t\t(e) => (e.style.transition = \"\"),\r\n\t\t\t\t);\r\n\t\t\t\t//e.style.transition = '';\r\n\t\t\t\te.ontransitionend = () => {};\r\n\t\t\t};\r\n\r\n\t\t\tif (e == resizeTarget) {\r\n\t\t\t\te.dataset.grow = \"0\";\r\n\t\t\t\te.style.flex = `0 1 0%`;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (isResize) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tlet percent = getGrow(e) / containers.length;\r\n\t\t\t//let percentWeight = this.#forResizeList.length * percent;\r\n\t\t\t//let remainWeight = resizeWeight * percent;\r\n\t\t\tif (notCloseList.length == 1) {\r\n\t\t\t\te.dataset.grow = containers.length.toString();\r\n\t\t\t\te.style.flex = `${containers.length} 1 0%`;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\te.dataset.grow = (containers.length * percent).toString();\r\n\t\t\te.style.flex = `${containers.length * percent} 1 0%`;\r\n\t\t});\r\n\r\n\t\tif (isResize) {\r\n\t\t\tresize(notCloseList, containers.length);\r\n\t\t}\r\n\r\n\t\tresolve(resizeTarget);\r\n\t});\r\n}\r\n\r\nexport function openFlex(\r\n\tresizeTarget: HTMLElement,\r\n\tcontainers: HTMLElement[],\r\n\t{\r\n\t\tisPrevSizeOpen = false,\r\n\t\tisResize = false,\r\n\t\topenGrowImportant = 0,\r\n\t\tsizeName,\r\n\t}: {\r\n\t\tisPrevSizeOpen?: boolean;\r\n\t\tisResize?: boolean;\r\n\t\topenGrowImportant?: number;\r\n\t\tsizeName?: \"width\" | \"height\"; // 유니언 타입으로 수정\r\n\t},\r\n) {\r\n\treturn new Promise((resolve) => {\r\n\t\tif (!resizeTarget.hasAttribute(\"data-is_resize_panel\")) {\r\n\t\t\t// resolve(resizeTarget);\r\n\t\t\t// return;\r\n\t\t} else if (\r\n\t\t\tresizeTarget.hasAttribute(\"data-is_resize_panel\") &&\r\n\t\t\tresizeTarget.dataset.is_resize_panel == \"false\"\r\n\t\t) {\r\n\t\t\tresizeTarget.dataset.is_resize_panel = \"true\";\r\n\t\t}\r\n\r\n\t\tlet notCloseList = containers.filter(\r\n\t\t\t(e) => e.style.flex != \"0 1 0%\" && e != resizeTarget,\r\n\t\t);\r\n\t\tlet notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n\t\t//let resizeWeight = this.mathWeight(notCloseAndOpenTargetList, this.#forResizeList.length);\r\n\t\tlet openTargetGrow = 1;\r\n\t\tconst sizeStyleName = (\"client\" +\r\n\t\t\tsizeName!.charAt(0).toUpperCase() +\r\n\t\t\tsizeName!.substring(1)) as \"clientHeight\" | \"clientWidth\";\r\n\t\tconst parentSize =\r\n\t\t\t(sizeName &&\r\n\t\t\t\tresizeTarget.parentElement &&\r\n\t\t\t\tresizeTarget.parentElement[sizeStyleName]) ||\r\n\t\t\t0;\r\n\t\tif (isPrevSizeOpen && resizeTarget.hasAttribute(\"data-prev_grow\")) {\r\n\t\t\topenTargetGrow =\r\n\t\t\t\tparseFloat(resizeTarget.dataset.prev_grow || \"1\") || 1;\r\n\t\t\t//resizeTarget.removeAttribute('data-prev_grow');\r\n\t\t} else if (parentSize && parentSize !== 0) {\r\n\t\t\topenTargetGrow =\r\n\t\t\t\t(parentSize / notCloseList.length / (parentSize - 1)) *\r\n\t\t\t\tcontainers.length;\r\n\t\t} else {\r\n\t\t\topenTargetGrow = 1;\r\n\t\t}\r\n\t\tif (openGrowImportant) {\r\n\t\t\topenTargetGrow = openGrowImportant;\r\n\t\t}\r\n\t\topenTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;\r\n\t\t//notCloseList.forEach(e=>{\r\n\t\tnotCloseAndOpenTargetList.forEach((e) => {\r\n\t\t\te.style.transition = \"flex 0.5s\";\r\n\t\t\te.ontransitionend = (event) => {\r\n\t\t\t\tif (event.propertyName != \"flex-grow\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tnotCloseAndOpenTargetList.forEach(\r\n\t\t\t\t\t(e) => (e.style.transition = \"\"),\r\n\t\t\t\t);\r\n\t\t\t\t//e.style.transition = '';\r\n\t\t\t\te.ontransitionend = () => {};\r\n\t\t\t};\r\n\r\n\t\t\tif (e == resizeTarget) {\r\n\t\t\t\tresizeTarget.dataset.grow = openTargetGrow.toString();\r\n\t\t\t\tresizeTarget.style.flex = `${openTargetGrow} 1 0%`;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (isResize) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tlet grow =\r\n\t\t\t\t(parentSize / notCloseList.length / (parentSize - 1)) *\r\n\t\t\t\t(containers.length - openTargetGrow);\r\n\t\t\tgrow = grow === Infinity ? 1 : grow;\r\n\t\t\t//let percent = getGrow(e) / totalGrow - openTargetGrow / totalGrow;\r\n\t\t\te.dataset.grow = grow.toString();\r\n\r\n\t\t\te.style.flex = `${grow} 1 0%`;\r\n\t\t});\r\n\r\n\t\tif (isResize) {\r\n\t\t\tresize(notCloseAndOpenTargetList, containers.length);\r\n\t\t}\r\n\r\n\t\tresolve(openTargetGrow);\r\n\t});\r\n}\r\n"],"mappings":"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","names":["e"]}
|
|
@@ -7,20 +7,20 @@ export declare function getClientXy(event: Event): {
|
|
|
7
7
|
clientY: number;
|
|
8
8
|
} | undefined;
|
|
9
9
|
export declare function isOverMove(elementSize: number, elementMinSize: number): boolean;
|
|
10
|
-
export declare function findNotCloseFlexContent(target: HTMLElement | Element | null, direction:
|
|
10
|
+
export declare function findNotCloseFlexContent(target: HTMLElement | Element | null, direction: "previousElementSibling" | "nextElementSibling"): HTMLElement | null;
|
|
11
11
|
export declare function remain(flexContainerList: Array<HTMLElement>): Promise<unknown>;
|
|
12
12
|
export declare function resize(list: Array<HTMLElement>, totalGrow: number): Promise<unknown>;
|
|
13
13
|
export declare function mathWeight(totalCount: number, totalGrow: number): number;
|
|
14
14
|
export declare function mathGrow(childSize: number, parentSize: number, containerCount: number): number;
|
|
15
|
-
export declare function getGrow(
|
|
15
|
+
export declare function getGrow(el: HTMLElement | Element): number;
|
|
16
16
|
export declare function closeFlex(resizeTarget: HTMLElement, containers: HTMLElement[], { isResize, isDsiabledResizePanel, sizeName, }: {
|
|
17
17
|
isResize?: boolean;
|
|
18
18
|
isDsiabledResizePanel?: boolean;
|
|
19
|
-
sizeName:
|
|
19
|
+
sizeName: "width" | "height";
|
|
20
20
|
}): Promise<unknown>;
|
|
21
21
|
export declare function openFlex(resizeTarget: HTMLElement, containers: HTMLElement[], { isPrevSizeOpen, isResize, openGrowImportant, sizeName, }: {
|
|
22
22
|
isPrevSizeOpen?: boolean;
|
|
23
23
|
isResize?: boolean;
|
|
24
24
|
openGrowImportant?: number;
|
|
25
|
-
sizeName?:
|
|
25
|
+
sizeName?: "width" | "height";
|
|
26
26
|
}): Promise<unknown>;
|
|
@@ -78,9 +78,12 @@ function mathWeight(totalCount, totalGrow) {
|
|
|
78
78
|
function mathGrow(childSize, parentSize, containerCount) {
|
|
79
79
|
return containerCount * (childSize / parentSize);
|
|
80
80
|
}
|
|
81
|
-
function getGrow(
|
|
82
|
-
const target =
|
|
83
|
-
|
|
81
|
+
function getGrow(el) {
|
|
82
|
+
const target = el instanceof Element ? el : el;
|
|
83
|
+
const a = parseFloat(target.style.flex.split(" ")[0]);
|
|
84
|
+
if (!Number.isNaN(a)) return a;
|
|
85
|
+
const b = parseFloat(target.dataset.grow ?? "0");
|
|
86
|
+
return Number.isNaN(b) ? 0 : b;
|
|
84
87
|
}
|
|
85
88
|
function closeFlex(resizeTarget, containers, {
|
|
86
89
|
isResize = false,
|
|
@@ -88,7 +91,8 @@ function closeFlex(resizeTarget, containers, {
|
|
|
88
91
|
sizeName
|
|
89
92
|
}) {
|
|
90
93
|
return new Promise((resolve) => {
|
|
91
|
-
if (!resizeTarget.hasAttribute("data-is_resize_panel"))
|
|
94
|
+
if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
|
|
95
|
+
} else if (isDsiabledResizePanel) {
|
|
92
96
|
resizeTarget.dataset.is_resize_panel = "false";
|
|
93
97
|
}
|
|
94
98
|
resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();
|
|
@@ -138,7 +142,8 @@ function openFlex(resizeTarget, containers, {
|
|
|
138
142
|
sizeName
|
|
139
143
|
}) {
|
|
140
144
|
return new Promise((resolve) => {
|
|
141
|
-
if (!resizeTarget.hasAttribute("data-is_resize_panel"))
|
|
145
|
+
if (!resizeTarget.hasAttribute("data-is_resize_panel")) {
|
|
146
|
+
} else if (resizeTarget.hasAttribute("data-is_resize_panel") && resizeTarget.dataset.is_resize_panel == "false") {
|
|
142
147
|
resizeTarget.dataset.is_resize_panel = "true";
|
|
143
148
|
}
|
|
144
149
|
let notCloseList = containers.filter(
|
|
@@ -190,7 +195,17 @@ function openFlex(resizeTarget, containers, {
|
|
|
190
195
|
resolve(openTargetGrow);
|
|
191
196
|
});
|
|
192
197
|
}
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
198
|
+
export {
|
|
199
|
+
closeFlex,
|
|
200
|
+
findNotCloseFlexContent,
|
|
201
|
+
getClientXy,
|
|
202
|
+
getGrow,
|
|
203
|
+
isDocumentOut,
|
|
204
|
+
isOverMove,
|
|
205
|
+
mathGrow,
|
|
206
|
+
mathWeight,
|
|
207
|
+
openFlex,
|
|
208
|
+
remain,
|
|
209
|
+
resize
|
|
210
|
+
};
|
|
196
211
|
//# sourceMappingURL=FlexLayoutUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/flex-layout/utils/FlexLayoutUtils.ts"],"names":["e"],"mappings":"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","file":"FlexLayoutUtils.js","sourcesContent":["export function isDocumentOut({ x, y }: { x: number; y: number }) {\r\n if (typeof window == 'undefined') return;\r\n const { innerWidth, innerHeight, scrollX, scrollY } = window;\r\n\r\n return (\r\n x < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY\r\n );\r\n}\r\n\r\nlet lastTouchEvent: globalThis.TouchEvent;\r\nexport function getClientXy(event: Event) {\r\n let clientX: number;\r\n let clientY: number;\r\n if (window.MouseEvent && event instanceof window.MouseEvent) {\r\n clientX = event.clientX;\r\n clientY = event.clientY;\r\n } else if (window.TouchEvent && event instanceof window.TouchEvent) {\r\n const _event = event.touches.length == 0 ? lastTouchEvent : event;\r\n clientX = _event!.touches[0].clientX;\r\n clientY = _event!.touches[0].clientY;\r\n lastTouchEvent = event;\r\n } else {\r\n return; // 해당 이벤트 타입이 MouseEvent나 TouchEvent가 아니라면 무시\r\n }\r\n return { clientX, clientY };\r\n}\r\n\r\nexport function isOverMove(elementSize: number, elementMinSize: number) {\r\n return (\r\n Math.floor(elementSize) <= 0 ||\r\n (isNaN(elementMinSize)\r\n ? false\r\n : elementMinSize >= Math.floor(elementSize))\r\n );\r\n}\r\n\r\nexport function findNotCloseFlexContent(\r\n target: HTMLElement | Element | null,\r\n direction: 'previousElementSibling' | 'nextElementSibling'\r\n) {\r\n if (!target) return target;\r\n let _target = target as HTMLElement;\r\n const isCloseCheck = () => {\r\n let grow =\r\n parseFloat(window.getComputedStyle(_target).flex.split(' ')[0]) ||\r\n 0;\r\n if (grow == 0) {\r\n return true;\r\n } else {\r\n return false;\r\n }\r\n };\r\n while (isCloseCheck()) {\r\n let nextTarget = _target[direction]?.[direction];\r\n _target = nextTarget as HTMLElement;\r\n if (!_target) {\r\n break;\r\n }\r\n }\r\n return _target as HTMLElement | HTMLDivElement | null;\r\n}\r\n\r\nexport function remain(flexContainerList: Array<HTMLElement>) {\r\n return new Promise(resolve => {\r\n let notGrowList: Array<HTMLElement> = [];\r\n let totalGrow = flexContainerList.reduce((t, e, i) => {\r\n if (e.hasAttribute('data-grow') == false) {\r\n notGrowList.push(e);\r\n return t;\r\n }\r\n let grow = parseFloat(e.dataset.grow || '');\r\n e.style.flex = `${grow} 1 0%`;\r\n t -= grow;\r\n return t;\r\n }, flexContainerList.length);\r\n\r\n if (notGrowList.length != 0) {\r\n resize(notGrowList, totalGrow);\r\n }\r\n\r\n resolve(flexContainerList);\r\n });\r\n}\r\n\r\nexport function resize(list: Array<HTMLElement>, totalGrow: number) {\r\n return new Promise(resolve => {\r\n // totalGrow 값을 리스트의 개수로 나누어 균등 할당\r\n let resizeWeight = totalGrow / list.length;\r\n list.forEach(e => {\r\n e.dataset.grow = resizeWeight.toString();\r\n e.style.flex = `${resizeWeight} 1 0%`;\r\n });\r\n resolve(resizeWeight);\r\n });\r\n}\r\n\r\nexport function mathWeight(totalCount: number, totalGrow: number) {\r\n return 1 + (totalGrow - totalCount) / totalCount;\r\n}\r\nexport function mathGrow(\r\n childSize: number,\r\n parentSize: number,\r\n containerCount: number\r\n) {\r\n return containerCount * (childSize / parentSize);\r\n}\r\n\r\nexport function getGrow(growTarget: HTMLElement | Element) {\r\n const target =\r\n growTarget instanceof Element\r\n ? (growTarget as HTMLElement)\r\n : growTarget;\r\n return (\r\n parseFloat(target.style.flex.split(' ')[0]) ||\r\n parseFloat(target.dataset.grow || '')\r\n );\r\n}\r\n\r\nexport function closeFlex(\r\n resizeTarget: HTMLElement,\r\n containers: HTMLElement[],\r\n {\r\n isResize = false,\r\n isDsiabledResizePanel = false,\r\n sizeName,\r\n }: {\r\n isResize?: boolean;\r\n isDsiabledResizePanel?: boolean;\r\n sizeName: 'width' | 'height';\r\n }\r\n) {\r\n return new Promise(resolve => {\r\n if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n // resolve(resizeTarget);\r\n // return;\r\n } else if (isDsiabledResizePanel) {\r\n resizeTarget.dataset.is_resize_panel = 'false';\r\n }\r\n\r\n resizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();\r\n\r\n let notCloseList = containers.filter(\r\n e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n );\r\n let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n //let resizeWeight = this.mathWeight(notCloseList, this.#forResizeList.length);\r\n notCloseAndOpenTargetList.forEach(e => {\r\n e.style.transition = 'flex 0.5s';\r\n e.ontransitionend = event => {\r\n if (event.propertyName != 'flex-grow') {\r\n return;\r\n }\r\n notCloseAndOpenTargetList.forEach(\r\n e => (e.style.transition = '')\r\n );\r\n //e.style.transition = '';\r\n e.ontransitionend = () => {};\r\n };\r\n\r\n if (e == resizeTarget) {\r\n e.dataset.grow = '0';\r\n e.style.flex = `0 1 0%`;\r\n return;\r\n }\r\n\r\n if (isResize) {\r\n return;\r\n }\r\n\r\n let percent = getGrow(e) / containers.length;\r\n //let percentWeight = this.#forResizeList.length * percent;\r\n //let remainWeight = resizeWeight * percent;\r\n if (notCloseList.length == 1) {\r\n e.dataset.grow = containers.length.toString();\r\n e.style.flex = `${containers.length} 1 0%`;\r\n return;\r\n }\r\n e.dataset.grow = (containers.length * percent).toString();\r\n e.style.flex = `${containers.length * percent} 1 0%`;\r\n });\r\n\r\n if (isResize) {\r\n resize(notCloseList, containers.length);\r\n }\r\n\r\n resolve(resizeTarget);\r\n });\r\n}\r\n\r\nexport function openFlex(\r\n resizeTarget: HTMLElement,\r\n containers: HTMLElement[],\r\n {\r\n isPrevSizeOpen = false,\r\n isResize = false,\r\n openGrowImportant = 0,\r\n sizeName,\r\n }: {\r\n isPrevSizeOpen?: boolean;\r\n isResize?: boolean;\r\n openGrowImportant?: number;\r\n sizeName?: 'width' | 'height'; // 유니언 타입으로 수정\r\n }\r\n) {\r\n return new Promise(resolve => {\r\n if (!resizeTarget.hasAttribute('data-is_resize_panel')) {\r\n // resolve(resizeTarget);\r\n // return;\r\n } else if (\r\n resizeTarget.hasAttribute('data-is_resize_panel') &&\r\n resizeTarget.dataset.is_resize_panel == 'false'\r\n ) {\r\n resizeTarget.dataset.is_resize_panel = 'true';\r\n }\r\n\r\n let notCloseList = containers.filter(\r\n e => e.style.flex != '0 1 0%' && e != resizeTarget\r\n );\r\n let notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n //let resizeWeight = this.mathWeight(notCloseAndOpenTargetList, this.#forResizeList.length);\r\n let openTargetGrow = 1;\r\n const sizeStyleName = ('client' +\r\n sizeName!.charAt(0).toUpperCase() +\r\n sizeName!.substring(1)) as 'clientHeight' | 'clientWidth';\r\n const parentSize =\r\n (sizeName &&\r\n resizeTarget.parentElement &&\r\n resizeTarget.parentElement[sizeStyleName]) ||\r\n 0;\r\n if (isPrevSizeOpen && resizeTarget.hasAttribute('data-prev_grow')) {\r\n openTargetGrow =\r\n parseFloat(resizeTarget.dataset.prev_grow || '1') || 1;\r\n //resizeTarget.removeAttribute('data-prev_grow');\r\n } else if (parentSize && parentSize !== 0) {\r\n openTargetGrow =\r\n (parentSize / notCloseList.length / (parentSize - 1)) *\r\n containers.length;\r\n } else {\r\n openTargetGrow = 1;\r\n }\r\n if (openGrowImportant) {\r\n openTargetGrow = openGrowImportant;\r\n }\r\n openTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;\r\n //notCloseList.forEach(e=>{\r\n notCloseAndOpenTargetList.forEach(e => {\r\n e.style.transition = 'flex 0.5s';\r\n e.ontransitionend = event => {\r\n if (event.propertyName != 'flex-grow') {\r\n return;\r\n }\r\n notCloseAndOpenTargetList.forEach(\r\n e => (e.style.transition = '')\r\n );\r\n //e.style.transition = '';\r\n e.ontransitionend = () => {};\r\n };\r\n\r\n if (e == resizeTarget) {\r\n resizeTarget.dataset.grow = openTargetGrow.toString();\r\n resizeTarget.style.flex = `${openTargetGrow} 1 0%`;\r\n return;\r\n }\r\n\r\n if (isResize) {\r\n return;\r\n }\r\n\r\n let grow =\r\n (parentSize / notCloseList.length / (parentSize - 1)) *\r\n (containers.length - openTargetGrow);\r\n grow = grow === Infinity ? 1 : grow;\r\n //let percent = getGrow(e) / totalGrow - openTargetGrow / totalGrow;\r\n e.dataset.grow = grow.toString();\r\n\r\n e.style.flex = `${grow} 1 0%`;\r\n });\r\n\r\n if (isResize) {\r\n resize(notCloseAndOpenTargetList, containers.length);\r\n }\r\n\r\n resolve(openTargetGrow);\r\n });\r\n}\r\n"]}
|
|
1
|
+
{"version":3,"sources":["../../../src/flex-layout/utils/FlexLayoutUtils.ts"],"sourcesContent":["export function isDocumentOut({ x, y }: { x: number; y: number }) {\r\n\tif (typeof window == \"undefined\") return;\r\n\tconst { innerWidth, innerHeight, scrollX, scrollY } = window;\r\n\r\n\treturn (\r\n\t\tx < 0 || y < 0 || x > innerWidth + scrollX || y > innerHeight + scrollY\r\n\t);\r\n}\r\n\r\nlet lastTouchEvent: globalThis.TouchEvent;\r\nexport function getClientXy(event: Event) {\r\n\tlet clientX: number;\r\n\tlet clientY: number;\r\n\tif (window.MouseEvent && event instanceof window.MouseEvent) {\r\n\t\tclientX = event.clientX;\r\n\t\tclientY = event.clientY;\r\n\t} else if (window.TouchEvent && event instanceof window.TouchEvent) {\r\n\t\tconst _event = event.touches.length == 0 ? lastTouchEvent : event;\r\n\t\tclientX = _event!.touches[0].clientX;\r\n\t\tclientY = _event!.touches[0].clientY;\r\n\t\tlastTouchEvent = event;\r\n\t} else {\r\n\t\treturn; // 해당 이벤트 타입이 MouseEvent나 TouchEvent가 아니라면 무시\r\n\t}\r\n\treturn { clientX, clientY };\r\n}\r\n\r\nexport function isOverMove(elementSize: number, elementMinSize: number) {\r\n\treturn (\r\n\t\tMath.floor(elementSize) <= 0 ||\r\n\t\t(isNaN(elementMinSize)\r\n\t\t\t? false\r\n\t\t\t: elementMinSize >= Math.floor(elementSize))\r\n\t);\r\n}\r\n\r\nexport function findNotCloseFlexContent(\r\n\ttarget: HTMLElement | Element | null,\r\n\tdirection: \"previousElementSibling\" | \"nextElementSibling\",\r\n) {\r\n\tif (!target) return target;\r\n\tlet _target = target as HTMLElement;\r\n\tconst isCloseCheck = () => {\r\n\t\tlet grow =\r\n\t\t\tparseFloat(window.getComputedStyle(_target).flex.split(\" \")[0]) ||\r\n\t\t\t0;\r\n\t\tif (grow == 0) {\r\n\t\t\treturn true;\r\n\t\t} else {\r\n\t\t\treturn false;\r\n\t\t}\r\n\t};\r\n\twhile (isCloseCheck()) {\r\n\t\tlet nextTarget = _target[direction]?.[direction];\r\n\t\t_target = nextTarget as HTMLElement;\r\n\t\tif (!_target) {\r\n\t\t\tbreak;\r\n\t\t}\r\n\t}\r\n\treturn _target as HTMLElement | HTMLDivElement | null;\r\n}\r\n\r\nexport function remain(flexContainerList: Array<HTMLElement>) {\r\n\treturn new Promise((resolve) => {\r\n\t\tlet notGrowList: Array<HTMLElement> = [];\r\n\t\tlet totalGrow = flexContainerList.reduce((t, e, i) => {\r\n\t\t\tif (e.hasAttribute(\"data-grow\") == false) {\r\n\t\t\t\tnotGrowList.push(e);\r\n\t\t\t\treturn t;\r\n\t\t\t}\r\n\t\t\tlet grow = parseFloat(e.dataset.grow || \"\");\r\n\t\t\te.style.flex = `${grow} 1 0%`;\r\n\t\t\tt -= grow;\r\n\t\t\treturn t;\r\n\t\t}, flexContainerList.length);\r\n\r\n\t\tif (notGrowList.length != 0) {\r\n\t\t\tresize(notGrowList, totalGrow);\r\n\t\t}\r\n\r\n\t\tresolve(flexContainerList);\r\n\t});\r\n}\r\n\r\nexport function resize(list: Array<HTMLElement>, totalGrow: number) {\r\n\treturn new Promise((resolve) => {\r\n\t\t// totalGrow 값을 리스트의 개수로 나누어 균등 할당\r\n\t\tlet resizeWeight = totalGrow / list.length;\r\n\t\tlist.forEach((e) => {\r\n\t\t\te.dataset.grow = resizeWeight.toString();\r\n\t\t\te.style.flex = `${resizeWeight} 1 0%`;\r\n\t\t});\r\n\t\tresolve(resizeWeight);\r\n\t});\r\n}\r\n\r\nexport function mathWeight(totalCount: number, totalGrow: number) {\r\n\treturn 1 + (totalGrow - totalCount) / totalCount;\r\n}\r\nexport function mathGrow(\r\n\tchildSize: number,\r\n\tparentSize: number,\r\n\tcontainerCount: number,\r\n) {\r\n\treturn containerCount * (childSize / parentSize);\r\n}\r\n\r\nexport function getGrow(el: HTMLElement | Element) {\r\n\tconst target = el instanceof Element ? (el as HTMLElement) : el;\r\n\tconst a = parseFloat(target.style.flex.split(\" \")[0]);\r\n\tif (!Number.isNaN(a)) return a; // 0도 정상값\r\n\tconst b = parseFloat(target.dataset.grow ?? \"0\");\r\n\treturn Number.isNaN(b) ? 0 : b;\r\n}\r\n\r\nexport function closeFlex(\r\n\tresizeTarget: HTMLElement,\r\n\tcontainers: HTMLElement[],\r\n\t{\r\n\t\tisResize = false,\r\n\t\tisDsiabledResizePanel = false,\r\n\t\tsizeName,\r\n\t}: {\r\n\t\tisResize?: boolean;\r\n\t\tisDsiabledResizePanel?: boolean;\r\n\t\tsizeName: \"width\" | \"height\";\r\n\t},\r\n) {\r\n\treturn new Promise((resolve) => {\r\n\t\tif (!resizeTarget.hasAttribute(\"data-is_resize_panel\")) {\r\n\t\t\t// resolve(resizeTarget);\r\n\t\t\t// return;\r\n\t\t} else if (isDsiabledResizePanel) {\r\n\t\t\tresizeTarget.dataset.is_resize_panel = \"false\";\r\n\t\t}\r\n\r\n\t\tresizeTarget.dataset.prev_grow = getGrow(resizeTarget).toString();\r\n\r\n\t\tlet notCloseList = containers.filter(\r\n\t\t\t(e) => e.style.flex != \"0 1 0%\" && e != resizeTarget,\r\n\t\t);\r\n\t\tlet notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n\t\t//let resizeWeight = this.mathWeight(notCloseList, this.#forResizeList.length);\r\n\t\tnotCloseAndOpenTargetList.forEach((e) => {\r\n\t\t\te.style.transition = \"flex 0.5s\";\r\n\t\t\te.ontransitionend = (event) => {\r\n\t\t\t\tif (event.propertyName != \"flex-grow\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tnotCloseAndOpenTargetList.forEach(\r\n\t\t\t\t\t(e) => (e.style.transition = \"\"),\r\n\t\t\t\t);\r\n\t\t\t\t//e.style.transition = '';\r\n\t\t\t\te.ontransitionend = () => {};\r\n\t\t\t};\r\n\r\n\t\t\tif (e == resizeTarget) {\r\n\t\t\t\te.dataset.grow = \"0\";\r\n\t\t\t\te.style.flex = `0 1 0%`;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (isResize) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tlet percent = getGrow(e) / containers.length;\r\n\t\t\t//let percentWeight = this.#forResizeList.length * percent;\r\n\t\t\t//let remainWeight = resizeWeight * percent;\r\n\t\t\tif (notCloseList.length == 1) {\r\n\t\t\t\te.dataset.grow = containers.length.toString();\r\n\t\t\t\te.style.flex = `${containers.length} 1 0%`;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\t\t\te.dataset.grow = (containers.length * percent).toString();\r\n\t\t\te.style.flex = `${containers.length * percent} 1 0%`;\r\n\t\t});\r\n\r\n\t\tif (isResize) {\r\n\t\t\tresize(notCloseList, containers.length);\r\n\t\t}\r\n\r\n\t\tresolve(resizeTarget);\r\n\t});\r\n}\r\n\r\nexport function openFlex(\r\n\tresizeTarget: HTMLElement,\r\n\tcontainers: HTMLElement[],\r\n\t{\r\n\t\tisPrevSizeOpen = false,\r\n\t\tisResize = false,\r\n\t\topenGrowImportant = 0,\r\n\t\tsizeName,\r\n\t}: {\r\n\t\tisPrevSizeOpen?: boolean;\r\n\t\tisResize?: boolean;\r\n\t\topenGrowImportant?: number;\r\n\t\tsizeName?: \"width\" | \"height\"; // 유니언 타입으로 수정\r\n\t},\r\n) {\r\n\treturn new Promise((resolve) => {\r\n\t\tif (!resizeTarget.hasAttribute(\"data-is_resize_panel\")) {\r\n\t\t\t// resolve(resizeTarget);\r\n\t\t\t// return;\r\n\t\t} else if (\r\n\t\t\tresizeTarget.hasAttribute(\"data-is_resize_panel\") &&\r\n\t\t\tresizeTarget.dataset.is_resize_panel == \"false\"\r\n\t\t) {\r\n\t\t\tresizeTarget.dataset.is_resize_panel = \"true\";\r\n\t\t}\r\n\r\n\t\tlet notCloseList = containers.filter(\r\n\t\t\t(e) => e.style.flex != \"0 1 0%\" && e != resizeTarget,\r\n\t\t);\r\n\t\tlet notCloseAndOpenTargetList = [...notCloseList, resizeTarget];\r\n\t\t//let resizeWeight = this.mathWeight(notCloseAndOpenTargetList, this.#forResizeList.length);\r\n\t\tlet openTargetGrow = 1;\r\n\t\tconst sizeStyleName = (\"client\" +\r\n\t\t\tsizeName!.charAt(0).toUpperCase() +\r\n\t\t\tsizeName!.substring(1)) as \"clientHeight\" | \"clientWidth\";\r\n\t\tconst parentSize =\r\n\t\t\t(sizeName &&\r\n\t\t\t\tresizeTarget.parentElement &&\r\n\t\t\t\tresizeTarget.parentElement[sizeStyleName]) ||\r\n\t\t\t0;\r\n\t\tif (isPrevSizeOpen && resizeTarget.hasAttribute(\"data-prev_grow\")) {\r\n\t\t\topenTargetGrow =\r\n\t\t\t\tparseFloat(resizeTarget.dataset.prev_grow || \"1\") || 1;\r\n\t\t\t//resizeTarget.removeAttribute('data-prev_grow');\r\n\t\t} else if (parentSize && parentSize !== 0) {\r\n\t\t\topenTargetGrow =\r\n\t\t\t\t(parentSize / notCloseList.length / (parentSize - 1)) *\r\n\t\t\t\tcontainers.length;\r\n\t\t} else {\r\n\t\t\topenTargetGrow = 1;\r\n\t\t}\r\n\t\tif (openGrowImportant) {\r\n\t\t\topenTargetGrow = openGrowImportant;\r\n\t\t}\r\n\t\topenTargetGrow = openTargetGrow === Infinity ? 1 : openTargetGrow;\r\n\t\t//notCloseList.forEach(e=>{\r\n\t\tnotCloseAndOpenTargetList.forEach((e) => {\r\n\t\t\te.style.transition = \"flex 0.5s\";\r\n\t\t\te.ontransitionend = (event) => {\r\n\t\t\t\tif (event.propertyName != \"flex-grow\") {\r\n\t\t\t\t\treturn;\r\n\t\t\t\t}\r\n\t\t\t\tnotCloseAndOpenTargetList.forEach(\r\n\t\t\t\t\t(e) => (e.style.transition = \"\"),\r\n\t\t\t\t);\r\n\t\t\t\t//e.style.transition = '';\r\n\t\t\t\te.ontransitionend = () => {};\r\n\t\t\t};\r\n\r\n\t\t\tif (e == resizeTarget) {\r\n\t\t\t\tresizeTarget.dataset.grow = openTargetGrow.toString();\r\n\t\t\t\tresizeTarget.style.flex = `${openTargetGrow} 1 0%`;\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tif (isResize) {\r\n\t\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tlet grow =\r\n\t\t\t\t(parentSize / notCloseList.length / (parentSize - 1)) *\r\n\t\t\t\t(containers.length - openTargetGrow);\r\n\t\t\tgrow = grow === Infinity ? 1 : grow;\r\n\t\t\t//let percent = getGrow(e) / totalGrow - openTargetGrow / totalGrow;\r\n\t\t\te.dataset.grow = grow.toString();\r\n\r\n\t\t\te.style.flex = `${grow} 1 0%`;\r\n\t\t});\r\n\r\n\t\tif (isResize) {\r\n\t\t\tresize(notCloseAndOpenTargetList, containers.length);\r\n\t\t}\r\n\r\n\t\tresolve(openTargetGrow);\r\n\t});\r\n}\r\n"],"mappings":"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","names":["e"]}
|
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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 utils_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(utils_exports);
|
|
18
|
+
__reExport(utils_exports, require("./FlexLayoutUtils"), module.exports);
|
|
19
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
20
|
+
0 && (module.exports = {
|
|
21
|
+
...require("./FlexLayoutUtils")
|
|
12
22
|
});
|
|
13
|
-
//# sourceMappingURL=index.cjs.map
|
|
14
23
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":["../../../src/flex-layout/utils/index.ts"],"sourcesContent":["export * from \"./FlexLayoutUtils\";\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,8BAAd;","names":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":["../../../src/flex-layout/utils/index.ts"],"sourcesContent":["export * from \"./FlexLayoutUtils\";\r\n"],"mappings":"AAAA,cAAc;","names":[]}
|
package/dist/index.cjs
CHANGED
|
@@ -1,14 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
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 index_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(index_exports);
|
|
18
|
+
__reExport(index_exports, require("./flex-layout"), module.exports);
|
|
19
|
+
// Annotate the CommonJS export names for ESM import in node:
|
|
20
|
+
0 && (module.exports = {
|
|
21
|
+
...require("./flex-layout")
|
|
12
22
|
});
|
|
13
|
-
//# sourceMappingURL=index.cjs.map
|
|
14
23
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["//src/index.ts\r\n\r\nexport * from \"./flex-layout\";\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAEA,0BAAc,0BAFd;","names":[]}
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":[],"
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["//src/index.ts\r\n\r\nexport * from \"./flex-layout\";\r\n"],"mappings":"AAEA,cAAc;","names":[]}
|