Refactor #5621
parent
28d563323c
commit
fa07db180c
|
@ -13,8 +13,8 @@
|
||||||
>
|
>
|
||||||
<component :is="templates.previousicon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('previousIcon')" />
|
<component :is="templates.previousicon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('previousIcon')" />
|
||||||
</button>
|
</button>
|
||||||
<div ref="content" :class="cx('content')" @scroll="onScroll" :style="{ height: $pcTabs.scrollHeight }" v-bind="ptm('content')">
|
<div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
|
||||||
<div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation" v-bind="ptm('tabs')">
|
<div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabs')">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
<span ref="inkbar" :class="cx('inkbar')" role="presentation" aria-hidden="true" v-bind="ptm('inkbar')"></span>
|
<span ref="inkbar" :class="cx('inkbar')" role="presentation" aria-hidden="true" v-bind="ptm('inkbar')"></span>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -14,19 +14,10 @@ export default {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
orientation: {
|
|
||||||
// @todo
|
|
||||||
type: String,
|
|
||||||
default: 'horizontal'
|
|
||||||
},
|
|
||||||
scrollable: {
|
scrollable: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false
|
default: false
|
||||||
},
|
},
|
||||||
scrollHeight: {
|
|
||||||
type: String,
|
|
||||||
default: undefined
|
|
||||||
},
|
|
||||||
showNavigators: {
|
showNavigators: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true
|
default: true
|
||||||
|
|
|
@ -94,20 +94,11 @@ export interface TabsProps {
|
||||||
* @defaultValue false
|
* @defaultValue false
|
||||||
*/
|
*/
|
||||||
lazy?: boolean | undefined;
|
lazy?: boolean | undefined;
|
||||||
/**
|
|
||||||
* Specifies the layout of the component, valid values are 'horizontal' and 'vertical'.
|
|
||||||
* @defaultValue horizontal
|
|
||||||
*/
|
|
||||||
orientation?: 'horizontal' | 'vertical' | undefined;
|
|
||||||
/**
|
/**
|
||||||
* When specified, enables horizontal and/or vertical scrolling.
|
* When specified, enables horizontal and/or vertical scrolling.
|
||||||
* @defaultValue false
|
* @defaultValue false
|
||||||
*/
|
*/
|
||||||
scrollable?: boolean | undefined;
|
scrollable?: boolean | undefined;
|
||||||
/**
|
|
||||||
* Height of the viewport, a scrollbar is defined if height of list exceeds this value.
|
|
||||||
*/
|
|
||||||
scrollHeight?: string | undefined;
|
|
||||||
/**
|
/**
|
||||||
* Whether to display navigation buttons in container when scrollable is enabled.
|
* Whether to display navigation buttons in container when scrollable is enabled.
|
||||||
* @defaultValue true
|
* @defaultValue true
|
||||||
|
|
Loading…
Reference in New Issue