flameresttable 1.0.65 → 1.0.66
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.
- package/package.json +1 -1
- package/src/Table/Table.vue +9 -4
package/package.json
CHANGED
package/src/Table/Table.vue
CHANGED
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
|
|
63
63
|
<!-- ЧЕКБОКСЫ -->
|
|
64
64
|
<!-- class="defaultRow cursor-pointer hover:bg-slate-100" -->
|
|
65
|
-
<div class="col-span-1 align-middle w-[21px]" :key="'chkbox_row_' + (row as any).id"
|
|
65
|
+
<div class="col-span-1 align-middle w-[21px] defaultRow" :key="'chkbox_row_' + (row as any).id"
|
|
66
66
|
:style="'grid-column:' + 1">
|
|
67
67
|
<label class="checkbox" v-if="Table.opts.rowSelectors">
|
|
68
68
|
<input type='checkbox' v-model="Table.RowsParams[(row as any)[primaryKey]].selected"
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
<template v-for=" (column, index) in columnsArray ">
|
|
75
75
|
<div v-if="column.Table.isShow" :key="'tc_' + column.name + '_row_' + (row as any).id"
|
|
76
76
|
:class="' defaultCell ' + column.Table.classes"
|
|
77
|
-
class=" col-span-1 align-middle border-r border-r-slate-100 px-2 last:border-r-0 last:pr-0"
|
|
77
|
+
class="defaultRow col-span-1 align-middle border-r border-r-slate-100 px-2 last:border-r-0 last:pr-0"
|
|
78
78
|
@click="columnClick(row, column)"
|
|
79
79
|
:style="'grid-column:' + (index + 2) + ';' + (column.Table.width === null ? '' : 'width:' + column.Table.width + 'px;')">
|
|
80
80
|
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
<span v-else v-html="column.Table.value(row, column)"></span>
|
|
84
84
|
</div>
|
|
85
85
|
</template>
|
|
86
|
-
<div v-if="opts.Edit.can" class=" col-span-1 border-r border-r-slate-100 px-2 text-center"
|
|
86
|
+
<div v-if="opts.Edit.can" class="defaultRow col-span-1 border-r border-r-slate-100 px-2 text-center"
|
|
87
87
|
:style="'grid-column:' + (columnCount() - 1)" :key="'edit_' + 'row_' + (row as any).id">
|
|
88
88
|
<button class="mobile:hidden px-2 py-1 bg-green-600 text-white my-1" @click="edit(row)">
|
|
89
89
|
Изменить
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
<img src="/src/assets/icons/edit.svg" class="w-4 h-4 fill-white" />
|
|
93
93
|
</button>
|
|
94
94
|
</div>
|
|
95
|
-
<div v-if="opts.Remove.can" class=" col-span-1 border-r border-r-slate-100 px-2 text-center"
|
|
95
|
+
<div v-if="opts.Remove.can" class="defaultRow col-span-1 border-r border-r-slate-100 px-2 text-center"
|
|
96
96
|
:key="'delete_' + 'row_' + (row as any).id" :style="'grid-column:' + (columnCount())">
|
|
97
97
|
<button class="mobile:hidden px-2 py-1 bg-gray-600 opacity-30 text-white my-1" @click="deleteRow(row)">
|
|
98
98
|
Удалить
|
|
@@ -496,6 +496,11 @@ export default defineComponent({
|
|
|
496
496
|
border: 1px solid rgb(233, 233, 231);
|
|
497
497
|
}
|
|
498
498
|
|
|
499
|
+
.defaultRow:hover {
|
|
500
|
+
cursor: pointer;
|
|
501
|
+
@apply bg-slate-100;
|
|
502
|
+
}
|
|
503
|
+
|
|
499
504
|
// ЧЕКБОКСЫ
|
|
500
505
|
$black: #2D3137;
|
|
501
506
|
$blue: #3785BC;
|