mirror of
https://github.com/DeNNiiInc/dbgate.git
synced 2026-04-21 00:06:01 +00:00
27 lines
749 B
Svelte
27 lines
749 B
Svelte
<script lang="ts">
|
|
import FontIcon from '../icons/FontIcon.svelte';
|
|
|
|
import { currentDropDownMenu } from '../stores';
|
|
|
|
import ToolStripButton from './ToolStripButton.svelte';
|
|
|
|
export let menu;
|
|
export let title = undefined;
|
|
export let label;
|
|
export let icon;
|
|
export let component = ToolStripButton;
|
|
|
|
function handleClick(e) {
|
|
const rect = e.detail.target.getBoundingClientRect();
|
|
const left = rect.left;
|
|
const top = rect.top;
|
|
// const top = rect.bottom;
|
|
currentDropDownMenu.set({ left, bottom: window.innerHeight - top, items: menu });
|
|
}
|
|
</script>
|
|
|
|
<svelte:component this={component} {title} {icon} on:click={handleClick} {...$$restProps}>
|
|
{label}
|
|
<FontIcon icon="icon chevron-down" />
|
|
</svelte:component>
|