@designbasekorea/ui 0.1.31 → 0.1.32
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/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.css.map +1 -1
- package/dist/index.esm.js +7 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +7 -4
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +1 -1
- package/dist/index.umd.css.map +1 -1
- package/dist/index.umd.js +7 -4
- package/dist/index.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/index.umd.js
CHANGED
|
@@ -9732,9 +9732,15 @@
|
|
|
9732
9732
|
return (jsxRuntime.jsx("div", { ref: containerRef, className: classes, style: style, children: panels.map((panel, index) => {
|
|
9733
9733
|
const size = panelSizes[index];
|
|
9734
9734
|
const isLast = index === panels.length - 1;
|
|
9735
|
+
const isFlexible = panel.flexible !== undefined ? panel.flexible : isLast;
|
|
9735
9736
|
const isResizable = panel.resizable !== false && !isLast;
|
|
9736
9737
|
const panelStyle = {};
|
|
9737
|
-
if (
|
|
9738
|
+
if (isFlexible) {
|
|
9739
|
+
// flexible 패널은 나머지 공간을 자동으로 채움
|
|
9740
|
+
panelStyle.flex = 1;
|
|
9741
|
+
}
|
|
9742
|
+
else {
|
|
9743
|
+
// 고정 크기 또는 비율 패널
|
|
9738
9744
|
if (direction === 'horizontal') {
|
|
9739
9745
|
panelStyle.width = mode === 'fixed' ? `${size}px` : `${size * 100}%`;
|
|
9740
9746
|
panelStyle.flexShrink = 0;
|
|
@@ -9744,9 +9750,6 @@
|
|
|
9744
9750
|
panelStyle.flexShrink = 0;
|
|
9745
9751
|
}
|
|
9746
9752
|
}
|
|
9747
|
-
else {
|
|
9748
|
-
panelStyle.flex = 1;
|
|
9749
|
-
}
|
|
9750
9753
|
return (jsxRuntime.jsxs(React.Fragment, { children: [jsxRuntime.jsx("div", { className: clsx('designbase-split-view__panel', panel.className), style: panelStyle, children: panel.content }), !isLast && isResizable && (jsxRuntime.jsx("div", { className: clsx('designbase-split-view__splitter', `designbase-split-view__splitter--direction-${direction}`), onMouseDown: handleMouseDown(index), style: {
|
|
9751
9754
|
cursor: direction === 'horizontal' ? 'col-resize' : 'row-resize',
|
|
9752
9755
|
} }))] }, index));
|