Fixed #4985 - metaKeySelection default type is changed as false

pull/4987/head
tugcekucukoglu 2023-12-20 13:28:13 +03:00
parent ff272de38b
commit bb82382190
13 changed files with 24 additions and 27 deletions

View File

@ -124,7 +124,7 @@ export default {
}, },
metaKeySelection: { metaKeySelection: {
type: Boolean, type: Boolean,
default: true default: false
}, },
contextMenu: { contextMenu: {
type: Boolean, type: Boolean,

View File

@ -25,7 +25,7 @@ export default {
}, },
metaKeySelection: { metaKeySelection: {
type: Boolean, type: Boolean,
default: true default: false
}, },
filter: Boolean, filter: Boolean,
filterPlaceholder: String, filterPlaceholder: String,

View File

@ -24,7 +24,7 @@ export default {
}, },
metaKeySelection: { metaKeySelection: {
type: Boolean, type: Boolean,
default: true default: false
}, },
responsive: { responsive: {
type: Boolean, type: Boolean,

View File

@ -24,7 +24,7 @@ export default {
}, },
metaKeySelection: { metaKeySelection: {
type: Boolean, type: Boolean,
default: true default: false
}, },
responsive: { responsive: {
type: Boolean, type: Boolean,

View File

@ -24,7 +24,7 @@ export default {
}, },
metaKeySelection: { metaKeySelection: {
type: Boolean, type: Boolean,
default: true default: false
}, },
loading: { loading: {
type: Boolean, type: Boolean,

View File

@ -42,7 +42,7 @@ export default {
}, },
metaKeySelection: { metaKeySelection: {
type: Boolean, type: Boolean,
default: true default: false
}, },
inputId: { inputId: {
type: String, type: String,

View File

@ -28,7 +28,7 @@ export default {
}, },
metaKeySelection: { metaKeySelection: {
type: Boolean, type: Boolean,
default: true default: false
}, },
rows: { rows: {
type: Number, type: Number,

View File

@ -1,9 +1,6 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p> <p>Specifying <i>selectionMode</i> as <i>multiple</i> on a Column, displays a checkbox inside that column for selection.</p>
More than one row is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is necessary to add to existing selections however this can be configured with
disabling the <i>metaKeySelection</i> property. Note that in touch enabled devices, DataTable always ignores metaKey.
</p>
<p>The header checkbox toggles the selection state of the whole dataset by default, when paginator is enabled you may add <i>selectAll</i> property and <i>select-all-change</i> event to only control the selection of visible rows.</p> <p>The header checkbox toggles the selection state of the whole dataset by default, when paginator is enabled you may add <i>selectAll</i> property and <i>select-all-change</i> event to only control the selection of visible rows.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">

View File

@ -1,8 +1,8 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p> <p>
More than one row is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is necessary to add to existing selections however this can be configured with More than one row is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is not necessary to add to existing selections. When the optional
disabling the <i>metaKeySelection</i> property. Note that in touch enabled devices, DataTable always ignores metaKey. <i>metaKeySelection</i> is present, behavior is changed in a way that selecting a new row requires meta key to be present. Note that in touch enabled devices, DataTable always ignores metaKey.
</p> </p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">

View File

@ -6,7 +6,7 @@
</p> </p>
</DocSectionText> </DocSectionText>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<Listbox v-model="selectedCity" :options="cities" multiple metaKeySelection optionLabel="name" class="w-full md:w-14rem" /> <Listbox v-model="selectedCity" :options="cities" multiple optionLabel="name" class="w-full md:w-14rem" />
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
@ -25,12 +25,12 @@ export default {
], ],
code: { code: {
basic: ` basic: `
<Listbox v-model="selectedCity" :options="cities" multiple metaKeySelection optionLabel="name" class="w-full md:w-14rem" /> <Listbox v-model="selectedCity" :options="cities" multiple optionLabel="name" class="w-full md:w-14rem" />
`, `,
options: ` options: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<Listbox v-model="selectedCity" :options="cities" multiple metaKeySelection optionLabel="name" class="w-full md:w-14rem" /> <Listbox v-model="selectedCity" :options="cities" multiple optionLabel="name" class="w-full md:w-14rem" />
</div> </div>
</template> </template>
@ -54,7 +54,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<Listbox v-model="selectedCity" :options="cities" multiple metaKeySelection optionLabel="name" class="w-full md:w-14rem" /> <Listbox v-model="selectedCity" :options="cities" multiple optionLabel="name" class="w-full md:w-14rem" />
</div> </div>
</template> </template>

View File

@ -1,8 +1,8 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p> <p>
More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is necessary to add to existing selections however this can be configured with More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is not necessary to add to existing selections. When the optional
disabling the <i>metaKeySelection</i> property. Note that in touch enabled devices, Tree always ignores metaKey. <i>metaKeySelection</i> is present, behavior is changed in a way that selecting a new node requires meta key to be present. Note that in touch enabled devices, Tree always ignores metaKey.
</p> </p>
<p>In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.</p> <p>In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.</p>
</DocSectionText> </DocSectionText>

View File

@ -1,14 +1,14 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p> <p>
More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is necessary to add to existing selections however this can be configured with More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is not necessary to add to existing selections. When the optional
disabling the <i>metaKeySelection</i> property. Note that in touch enabled devices, TreeSelect always ignores metaKey. <i>metaKeySelection</i> is present, behavior is changed in a way that selecting a new node requires meta key to be present. Note that in touch enabled devices, TreeSelect always ignores metaKey.
</p> </p>
<p>In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.</p> <p>In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.</p>
</DocSectionText> </DocSectionText>
<DocSectionCode :code="activeNodes" hideToggleCode importCode hideCodeSandbox hideStackBlitz v-bind="$attrs" /> <DocSectionCode :code="activeNodes" hideToggleCode importCode hideCodeSandbox hideStackBlitz v-bind="$attrs" />
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" :metaKeySelection="false" placeholder="Select Items" class="md:w-20rem w-full" /> <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Items" class="md:w-20rem w-full" />
</div> </div>
<DocSectionCode :code="code" :service="['NodeService']" v-bind="$attrs" /> <DocSectionCode :code="code" :service="['NodeService']" v-bind="$attrs" />
</template> </template>
@ -30,12 +30,12 @@ export default {
}, },
code: { code: {
basic: ` basic: `
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" :metaKeySelection="false" placeholder="Select Item" class="md:w-20rem w-full" /> <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" class="md:w-20rem w-full" />
`, `,
options: ` options: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" :metaKeySelection="false" placeholder="Select Item" class="md:w-20rem w-full" /> <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" class="md:w-20rem w-full" />
</div> </div>
</template> </template>
@ -58,7 +58,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" :metaKeySelection="false" placeholder="Select Item" class="md:w-20rem w-full" /> <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" class="md:w-20rem w-full" />
</div> </div>
</template> </template>

View File

@ -1,8 +1,8 @@
<template> <template>
<DocSectionText v-bind="$attrs"> <DocSectionText v-bind="$attrs">
<p> <p>
More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is necessary to add to existing selections however this can be configured with More than one node is selectable by setting <i>selectionMode</i> to <i>multiple</i>. By default in multiple selection mode, metaKey press (e.g. <i></i>) is not necessary to add to existing selections. When the optional
disabling the <i>metaKeySelection</i> property. Note that in touch enabled devices, TreeTable always ignores metaKey. <i>metaKeySelection</i> is present, behavior is changed in a way that selecting a new node requires meta key to be present. Note that in touch enabled devices, TreeTable always ignores metaKey.
</p> </p>
<p>In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.</p> <p>In multiple selection mode, value binding should be a key-value pair where key is the node key and value is a boolean to indicate selection.</p>
</DocSectionText> </DocSectionText>