public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Fix more TS errors in strict mode

Browse Source
This commit is contained in:
Ryan Gossiaux
2021-12-15 14:49:19 -08:00
parent 5b36ce9404
commit da6d2c3be6
9 changed files with 94 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/lib/components/tabs/TabGroup.svelte
View File

@@ -27,10 +27,8 @@
const TABS_CONTEXT_NAME = "TabsContext";
export function useTabsContext(
component: string
): Writable<StateDefinition | undefined> {
let context: Writable<StateDefinition | undefined> | undefined =
export function useTabsContext(component: string): Writable<StateDefinition> {
let context: Writable<StateDefinition> | undefined =
getContext(TABS_CONTEXT_NAME);
if (context === undefined) {
@@ -54,10 +52,7 @@
const dispatch = createEventDispatcher();
let api: Writable<StateDefinition | undefined> = writable();
setContext(TABS_CONTEXT_NAME, api);
$: api.set({
let api: Writable<StateDefinition> = writable({
selectedIndex,
orientation: vertical ? "vertical" : "horizontal",
activation: manual ? "manual" : "auto",
@@ -81,6 +76,18 @@
panels = panels.filter((p) => p !== panel);
},
});
setContext(TABS_CONTEXT_NAME, api);
$: api.update((obj) => {
return {
...obj,
selectedIndex,
orientation: vertical ? "vertical" : "horizontal",
activation: manual ? "manual" : "auto",
tabs,
panels,
};
});
onMount(() => {
if ($api.tabs.length <= 0) return;