vue-table2next 0.0.18 → 0.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/Vuetable.vue +83 -81
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vue-table2next",
3
- "version": "0.0.18",
3
+ "version": "0.0.21",
4
4
  "description": "Datatable component for Vue 2.x",
5
5
  "main": "dist/vuetable-2.js",
6
6
  "license": "MIT",
package/src/components/Vuetable.vue CHANGED
@@ -26,19 +26,30 @@
26
26
  <slot name="tableFooter" :fields="tableFields" :data="tableTotalData" :data-is-available="dataIsAvailable"></slot>
27
27
  </tfoot>
28
28
  <tbody v-cloak class="vuetable-body">
29
- <tr v-for="(item, itemIndex) in tableData" :item-index="itemIndex" :key="itemIndex"
30
- :class="onRowClass(item, itemIndex)"
31
- @click="onRowClicked(item, itemIndex, $event)"
32
- @dblclick="onRowDoubleClicked(item, itemIndex, $event)"
33
- @mouseover="onMouseOver(item, itemIndex, $event)"
34
- >
35
- <template v-for="(field, fieldIndex) in tableFields">
36
- <template v-if="field.visible">
37
- <template v-if="isFieldComponent(field.name)">
38
- <template v-if="field.children && Array.isArray(field.children)">
39
- <component v-for="(fieldChildren, fieldChildrenIndex) in field.children"
40
- :is="fieldChildren.name"
41
- :key="'child_td_'+ fieldChildren.name"
29
+ <template v-for="(item, itemIndex) in tableData" :key="itemIndex">
30
+ <tr :item-index="itemIndex"
31
+ :class="onRowClass(item, itemIndex)"
32
+ @click="onRowClicked(item, itemIndex, $event)"
33
+ @dblclick="onRowDoubleClicked(item, itemIndex, $event)"
34
+ @mouseover="onMouseOver(item, itemIndex, $event)"
35
+ >
36
+ <template v-for="(field, fieldIndex) in tableFields">
37
+ <template v-if="field.visible">
38
+ <template v-if="isFieldComponent(field.name)">
39
+ <template v-if="field.children && Array.isArray(field.children)">
40
+ <component v-for="(fieldChildren, fieldChildrenIndex) in field.children"
41
+ :is="fieldChildren.name"
42
+ :key="'child_td_'+ fieldChildren.name"
43
+ :row-data="item" :row-index="itemIndex" :row-field="field"
44
+ :vuetable="vuetable"
45
+ :class="bodyClass('vuetable-component', field)"
46
+ :style="{width: field.width}"
47
+ @vuetable:field-event="onFieldEvent"
48
+ ></component>
49
+ </template>
50
+ <component v-else
51
+ :is="field.name"
52
+ :key="fieldIndex"
42
53
  :row-data="item" :row-index="itemIndex" :row-field="field"
43
54
  :vuetable="vuetable"
44
55
  :class="bodyClass('vuetable-component', field)"
@@ -46,80 +57,71 @@
46
57
  @vuetable:field-event="onFieldEvent"
47
58
  ></component>
48
59
  </template>
49
- <component v-else
50
- :is="field.name"
51
- :key="fieldIndex"
52
- :row-data="item" :row-index="itemIndex" :row-field="field"
53
- :vuetable="vuetable"
54
- :class="bodyClass('vuetable-component', field)"
55
- :style="{width: field.width}"
56
- @vuetable:field-event="onFieldEvent"
57
- ></component>
58
- </template>
59
- <template v-else-if="isFieldSlot(field.name)">
60
- <td :class="bodyClass('vuetable-slot', field)"
61
- :key="fieldIndex"
62
- :style="{width: field.width}"
63
- >
64
- <slot :name="field.name"
65
- :row-data="item" :row-index="itemIndex" :row-field="field"
66
- ></slot>
67
- </td>
68
- </template>
69
- <template v-else>
70
- <template v-if="field.children && Array.isArray(field.children)">
71
- <td v-for="(fieldChildren, fieldChildrenIndex) in field.children"
72
- :class="bodyClass('vuetable-td-'+fieldChildren.name, fieldChildren)"
73
- :key="'child_td_'+ fieldChildren.name"
74
- :style="{width: fieldChildren.width}"
75
- v-html="renderNormalField(fieldChildren, item)"
76
- @click="onCellClicked(item, itemIndex, fieldChildren, $event)"
77
- @dblclick="onCellDoubleClicked(item, itemIndex, fieldChildren, $event)"
78
- @contextmenu="onCellRightClicked(item, itemIndex, fieldChildren, $event)"
60
+ <template v-else-if="isFieldSlot(field.name)">
61
+ <td :class="bodyClass('vuetable-slot', field)"
62
+ :key="fieldIndex"
63
+ :style="{width: field.width}"
64
+ >
65
+ <slot :name="field.name"
66
+ :row-data="item" :row-index="itemIndex" :row-field="field"
67
+ ></slot>
68
+ </td>
69
+ </template>
70
+ <template v-else>
71
+ <template v-if="field.children && Array.isArray(field.children)">
72
+ <td v-for="(fieldChildren, fieldChildrenIndex) in field.children"
73
+ :class="bodyClass('vuetable-td-'+fieldChildren.name, fieldChildren)"
74
+ :key="'child_td_'+ fieldChildren.name"
75
+ :style="{width: fieldChildren.width}"
76
+ v-html="renderNormalField(fieldChildren, item)"
77
+ @click="onCellClicked(item, itemIndex, fieldChildren, $event)"
78
+ @dblclick="onCellDoubleClicked(item, itemIndex, fieldChildren, $event)"
79
+ @contextmenu="onCellRightClicked(item, itemIndex, fieldChildren, $event)"
80
+ ></td>
81
+ </template>
82
+ <td v-else :class="bodyClass('vuetable-td-'+field.name, field)"
83
+ :key="fieldIndex"
84
+ :style="{width: field.width}"
85
+ v-html="renderNormalField(field, item)"
86
+ @click="onCellClicked(item, itemIndex, field, $event)"
87
+ @dblclick="onCellDoubleClicked(item, itemIndex, field, $event)"
88
+ @contextmenu="onCellRightClicked(item, itemIndex, field, $event)"
79
89
  ></td>
80
90
  </template>
81
- <td v-else :class="bodyClass('vuetable-td-'+field.name, field)"
82
- :key="fieldIndex"
83
- :style="{width: field.width}"
84
- v-html="renderNormalField(field, item)"
85
- @click="onCellClicked(item, itemIndex, field, $event)"
86
- @dblclick="onCellDoubleClicked(item, itemIndex, field, $event)"
87
- @contextmenu="onCellRightClicked(item, itemIndex, field, $event)"
88
- ></td>
89
91
  </template>
90
92
  </template>
93
+ </tr>
94
+ <template v-if="useDetailRow">
95
+ <transition :name="detailRowTransition" :key="itemIndex">
96
+ <tr v-if="isVisibleDetailRow(item[trackBy])"
97
+ @click="onDetailRowClick(item, itemIndex, $event)"
98
+ :class="onDetailRowClass(item, itemIndex)"
99
+ >
100
+ <td :colspan="countVisibleFields">
101
+ <component :is="detailRowComponent"
102
+ :row-data="item"
103
+ :row-index="itemIndex"
104
+ :options="detailRowOptions"
105
+ ></component>
106
+ </td>
107
+ </tr>
108
+ </transition>
91
109
  </template>
92
- </tr>
93
- <template v-if="useDetailRow">
94
- <transition :name="detailRowTransition" :key="itemIndex">
95
- <tr v-if="isVisibleDetailRow(item[trackBy])"
96
- @click="onDetailRowClick(item, itemIndex, $event)"
97
- :class="onDetailRowClass(item, itemIndex)"
98
- >
99
- <td :colspan="countVisibleFields">
100
- <component :is="detailRowComponent"
101
- :row-data="item"
102
- :row-index="itemIndex"
103
- :options="detailRowOptions"
104
- ></component>
105
- </td>
110
+ <template v-if="displayEmptyDataRow">
111
+ <tr>
112
+ <td :colspan="countVisibleFields"
113
+ class="vuetable-empty-result"
114
+ v-html="noDataTemplate"
115
+ ></td>
106
116
  </tr>
107
- </transition>
108
- </template>
109
- <template v-if="displayEmptyDataRow">
110
- <tr>
111
- <td :colspan="countVisibleFields"
112
- class="vuetable-empty-result"
113
- v-html="noDataTemplate"
114
- ></td>
115
- </tr>
116
- </template>
117
- <template v-if="lessThanMinRows">
118
- <tr v-for="i in blankRows" class="blank-row" :key="i">
119
- <template v-for="(field, fieldIndex) in tableFields">
120
- <td v-if="field.visible" :key="fieldIndex">&nbsp;</td>
121
- </template>
122
- </tr>
117
+ </template>
118
+ <template v-if="lessThanMinRows">
119
+ <tr v-for="i in blankRows" class="blank-row" :key="i">
120
+ <template v-for="(field, fieldIndex) in tableFields">
121
+ <td v-if="field.visible" :key="fieldIndex">&nbsp;</td>
122
+ </template>
123
+ </tr>
124
+ </template>
123
125
  </template>
124
126
  </tbody>
125
127
  </table>