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