monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

ci(#10336): add static option to PageHeader.tabs

Browse source
This commit is contained in:
Acid Chicken (硫酸鶏) 2023-04-02 23:42:04 +09:00
parent d6b1e5be2f
commit dfb6df018a
No known key found for this signature in database
GPG key ID: 3E87B98A3F6BAB99
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
packages/frontend/src/components/global/MkPageHeader.stories.impl.ts
View file

@ -23,6 +23,7 @@ export const Empty = {
}; };
}, },
args: { args: {
static: true,
tabs: [], tabs: [],
}, },
parameters: { parameters: {

7
packages/frontend/src/components/global/MkPageHeader.tabs.vue
View file

@ -52,6 +52,7 @@ import { onMounted, onUnmounted, watch, nextTick, shallowRef } from 'vue';
import { defaultStore } from '@/store'; import { defaultStore } from '@/store';
const props = withDefaults(defineProps<{ const props = withDefaults(defineProps<{
static?: boolean;
tabs?: Tab[]; tabs?: Tab[];
tab?: string; tab?: string;
rootEl?: HTMLElement; rootEl?: HTMLElement;
@ -127,7 +128,11 @@ async function enter(el: HTMLElement) {
entering = false; entering = false;
}); });
setTimeout(renderTab, 170); if (props.static) {
renderTab();
} else {
setTimeout(renderTab, 170);
}
} }
function afterEnter(el: HTMLElement) { function afterEnter(el: HTMLElement) {
//el.style.width = ''; //el.style.width = '';

3
packages/frontend/src/components/global/MkPageHeader.vue
View file

@ -19,7 +19,7 @@
</div> </div>
</div> </div>
</div> </div>
<XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :tab="tab" :tabs="tabs" :root-el="el" @update:tab="key => emit('update:tab', key)" @tab-click="onTabClick"/> <XTabs v-if="!narrow || hideTitle" :class="$style.tabs" :static="static" :tab="tab" :tabs="tabs" :root-el="el" @update:tab="key => emit('update:tab', key)" @tab-click="onTabClick"/>
</template> </template>
<div v-if="(!thin_ && narrow && !hideTitle) || (actions && actions.length > 0)" :class="$style.buttonsRight"> <div v-if="(!thin_ && narrow && !hideTitle) || (actions && actions.length > 0)" :class="$style.buttonsRight">
<template v-for="action in actions"> <template v-for="action in actions">
@ -43,6 +43,7 @@ import { injectPageMetadata } from '@/scripts/page-metadata';
import { $i, openAccountMenu as openAccountMenu_ } from '@/account'; import { $i, openAccountMenu as openAccountMenu_ } from '@/account';
const props = withDefaults(defineProps<{ const props = withDefaults(defineProps<{
static?: boolean;
tabs?: Tab[]; tabs?: Tab[];
tab?: string; tab?: string;
actions?: { actions?: {