Refactor on DataViewLayoutOptions
parent
e879d1d2c8
commit
90aecf226e
|
@ -60,6 +60,11 @@ export interface DataViewLayoutOptionsPassThroughOptions {
|
||||||
* @see {@link SelectButtonPassThroughOptions}
|
* @see {@link SelectButtonPassThroughOptions}
|
||||||
*/
|
*/
|
||||||
root?: SelectButtonPassThroughOptions<DataViewLayoutOptionsSharedPassThroughMethodOptions>;
|
root?: SelectButtonPassThroughOptions<DataViewLayoutOptionsSharedPassThroughMethodOptions>;
|
||||||
|
/**
|
||||||
|
* Used to pass attributes to the root's DOM element.
|
||||||
|
* @see {@link SelectButtonPassThroughOptions}
|
||||||
|
*/
|
||||||
|
selectbutton?: SelectButtonPassThroughOptions<DataViewLayoutOptionsSharedPassThroughMethodOptions>;
|
||||||
/**
|
/**
|
||||||
* Used to pass attributes to the list icon's DOM element.
|
* Used to pass attributes to the list icon's DOM element.
|
||||||
*/
|
*/
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<template>
|
<template>
|
||||||
<SelectButton :class="cx('root')" :modelValue="modelValue" :options="options" :allowEmpty="false" :unstyled="unstyled" :pt="ptm('selectbutton')" @update:modelValue="changeLayout">
|
<SelectButton :class="cx('root')" :modelValue="modelValue" :options="options" :allowEmpty="false" :unstyled="unstyled" :pt="{ ...ptm('selectbutton'), ...ptm('root') }" @update:modelValue="changeLayout">
|
||||||
<template #option="{ option }">
|
<template #option="{ option }">
|
||||||
<slot v-if="option === 'list'" name="listicon">
|
<slot v-if="option === 'list'" name="listicon">
|
||||||
<BarsIcon v-bind="ptm('listIcon')" />
|
<BarsIcon v-bind="ptm('listIcon')" />
|
||||||
|
|
Loading…
Reference in New Issue