2022-09-06 12:03:37 +00:00
|
|
|
<template>
|
2023-08-05 12:45:17 +00:00
|
|
|
<div :class="containerClass" :style="style" v-bind="ptm('root')" data-pc-name="dock">
|
2023-07-27 14:38:02 +00:00
|
|
|
<DockSub
|
|
|
|
:model="model"
|
|
|
|
:templates="$slots"
|
|
|
|
:exact="exact"
|
|
|
|
:tooltipOptions="tooltipOptions"
|
|
|
|
:position="position"
|
|
|
|
:menuId="menuId"
|
|
|
|
:aria-label="ariaLabel"
|
|
|
|
:aria-labelledby="ariaLabelledby"
|
|
|
|
:tabindex="tabindex"
|
|
|
|
:pt="pt"
|
|
|
|
:unstyled="unstyled"
|
|
|
|
></DockSub>
|
2022-09-06 12:03:37 +00:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2023-05-30 12:56:18 +00:00
|
|
|
import BaseDock from './BaseDock.vue';
|
2022-09-06 12:03:37 +00:00
|
|
|
import DockSub from './DockSub.vue';
|
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'Dock',
|
2023-05-30 12:56:18 +00:00
|
|
|
extends: BaseDock,
|
2023-08-05 12:45:17 +00:00
|
|
|
computed: {
|
|
|
|
containerClass() {
|
2023-08-07 11:05:37 +00:00
|
|
|
return [this.class, this.cx('root')];
|
2023-08-05 12:45:17 +00:00
|
|
|
}
|
|
|
|
},
|
2022-09-06 12:03:37 +00:00
|
|
|
components: {
|
|
|
|
DockSub
|
|
|
|
}
|
2022-09-14 11:26:01 +00:00
|
|
|
};
|
2022-09-06 12:03:37 +00:00
|
|
|
</script>
|