Hopiu/vue-material
1
0
Fork 0
mirror of https://github.com/Hopiu/vue-material.git synced 2026-05-26 15:44:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

create chip documentation

Browse source
This commit is contained in:
Marcos Moura 2016-12-27 17:11:31 -02:00
parent 0f13a5436b
commit c9168ee984
2 changed files with 65 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
docs/src/pages/components/Chips.vue
View file

@ -6,6 +6,50 @@
</div>
<div slot="api">
<api-table name="md-chip">
<md-table slot="properties">
<md-table-header>
<md-table-row>
<md-table-head>Name</md-table-head>
<md-table-head>Type</md-table-head>
<md-table-head>Description</md-table-head>
</md-table-row>
</md-table-header>
<md-table-body>
<md-table-row>
<md-table-cell>disabled</md-table-cell>
<md-table-cell><code>Boolean</code></md-table-cell>
<md-table-cell>Disable the chip and prevent his actions. Default: <code>false</code></md-table-cell>
</md-table-row>
<md-table-row>
<md-table-cell>md-deletable</md-table-cell>
<md-table-cell><code>Boolean</code></md-table-cell>
<md-table-cell>Enable delete button. Default: <code>false</code></md-table-cell>
</md-table-row>
</md-table-body>
</md-table>
<md-table slot="events">
<md-table-header>
<md-table-row>
<md-table-head>Name</md-table-head>
<md-table-head>Value</md-table-head>
<md-table-head>Description</md-table-head>
</md-table-row>
</md-table-header>
<md-table-body>
<md-table-row>
<md-table-cell>delete</md-table-cell>
<md-table-cell>None</md-table-cell>
<md-table-cell>Triggered when delete button is clicked.</md-table-cell>
</md-table-row>
</md-table-body>
</md-table>
</api-table>
<api-table name="md-chips">
<md-table slot="properties">
<md-table-header>
@ -66,6 +110,24 @@
</md-table-row>
</md-table-body>
</md-table>
<md-table slot="events">
<md-table-header>
<md-table-row>
<md-table-head>Name</md-table-head>
<md-table-head>Value</md-table-head>
<md-table-head>Description</md-table-head>
</md-table-row>
</md-table-header>
<md-table-body>
<md-table-row>
<md-table-cell>change</md-table-cell>
<md-table-cell>The selcted chips Array</md-table-cell>
<md-table-cell>Triggered when the chips is created or deleted.</md-table-cell>
</md-table-row>
</md-table-body>
</md-table>
</api-table>
</div>

3
src/components/mdChips/mdChips.vue
View file

@ -85,6 +85,7 @@
this.selectedChips.push(value);
this.currentChip = null;
this.$emit('input', this.selectedChips);
this.$emit('change', this.selectedChips);
this.applyInputFocus();
}
}
@ -96,11 +97,13 @@
this.selectedChips.splice(index, 1);
}
this.$emit('change', this.selectedChips);
this.applyInputFocus();
},
deleteLastChip() {
if (!this.currentChip) {
this.selectedChips.pop();
this.$emit('change', this.selectedChips);
this.applyInputFocus();
}
}