dennii/dbgate
1
0
Fork 0
mirror of https://github.com/DeNNiiInc/dbgate.git synced 2026-04-18 00:56:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

horizontal splitter improved

Browse Source
This commit is contained in:
SPRINX0\prochazka
2024-11-18 09:25:58 +01:00
parent 534deff274
commit b1893234c7
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/web/src/elements/HorizontalSplitter.svelte
View File

@@ -1,8 +1,11 @@
<script context="module">
export function computeSplitterSize(initialValue, clientSize, customRatio) {
export function computeSplitterSize(initialValue, clientSize, customRatio, initialSizeRight) {
if (customRatio != null) {
return clientSize * customRatio;
}
if (initialSizeRight) {
return clientSize - initialSizeRight;
}
if (_.isString(initialValue) && initialValue.startsWith('~') && initialValue.endsWith('px'))
return clientSize - parseInt(initialValue.slice(1, -2));
if (_.isString(initialValue) && initialValue.endsWith('px')) return parseInt(initialValue.slice(0, -2));
@@ -20,6 +23,7 @@
export let isSplitter = true;
export let initialValue = undefined;
export let initialSizeRight = undefined;
export let hideFirst = false;
export let allowCollapseChild1 = false;
@@ -32,7 +36,7 @@
let clientWidth;
let customRatio = null;
$: size = computeSplitterSize(initialValue, clientWidth, customRatio);
$: size = computeSplitterSize(initialValue, clientWidth, customRatio, initialSizeRight);
</script>
<div class="container" bind:clientWidth>
@@ -43,8 +47,8 @@
? collapsed1
? 'display:none'
: collapsed2
? 'flex:1'
: `width:${size}px; min-width:${size}px; max-width:${size}px}`
? 'flex:1'
: `width:${size}px; min-width:${size}px; max-width:${size}px}`
: `flex:1`}
>
<slot name="1" />