@meistrari/tela-build 1.47.1 → 1.47.2
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.
|
@@ -28,7 +28,7 @@ const size = computed(() => ({
|
|
|
28
28
|
<div
|
|
29
29
|
v-if="type === 'default' && column"
|
|
30
30
|
w-full
|
|
31
|
-
min-w-52px pr-12px text-start h-full flex items-center
|
|
31
|
+
min-w-52px pr-12px text-start h-full flex items-center overflow-hidden
|
|
32
32
|
bg-white whitespace-nowrap
|
|
33
33
|
body-12-medium gap-4px
|
|
34
34
|
:class="[column.isDefault && 'text-gray-400 italic', column.class]"
|
|
@@ -38,8 +38,8 @@ const size = computed(() => ({
|
|
|
38
38
|
paddingLeft: `${size}px`,
|
|
39
39
|
}"
|
|
40
40
|
>
|
|
41
|
-
<TelaIcon v-if="column.icon" :name="column.icon.name" :size="column.icon.size" :style="column.icon.style" />
|
|
42
|
-
{{ column.title }}
|
|
41
|
+
<TelaIcon v-if="column.icon" :name="column.icon.name" :size="column.icon.size" :style="column.icon.style" shrink-0 />
|
|
42
|
+
<span min-w-0 flex-1 truncate>{{ column.title }}</span>
|
|
43
43
|
</div>
|
|
44
44
|
|
|
45
45
|
<div v-else-if="type === 'checkbox' && rows" flex="~" justify-center h-full items-center bg-white z-2>
|
|
@@ -26,12 +26,12 @@ const emit = defineEmits(['selectAll'])
|
|
|
26
26
|
body-12-medium text="gray-800" h-56px px-12px py-10px
|
|
27
27
|
bg-white :class="headerClass"
|
|
28
28
|
>
|
|
29
|
-
<th v-if="allowSelect && rows?.length" class="sticky left-0 top-0 bg-white h-
|
|
30
|
-
<div flex="~" justify-center h-
|
|
29
|
+
<th v-if="allowSelect && rows?.length" class="sticky left-0 top-0 bg-white h-full z-30 w-32px p-0px" :class="headerClass">
|
|
30
|
+
<div flex="~" justify-center h-full items-center bg-white z-2 border-b-0.5px border-gray-200 :class="headerClass">
|
|
31
31
|
<TelaCheckbox v-if="rows.length" :model-value="selectedRows?.length === rows.length" @update:model-value="emit('selectAll', $event)" />
|
|
32
32
|
</div>
|
|
33
33
|
</th>
|
|
34
|
-
<th v-if="allowRowIndex" class="sticky top-0 h-
|
|
34
|
+
<th v-if="allowRowIndex" class="sticky top-0 h-full bg-white z-30 p-0px" :style="{ left: (allowSelect && rows?.length) ? '32px' : '0', width: '48px', minWidth: '48px', maxWidth: '48px' }" :class="headerClass">
|
|
35
35
|
<TelaTableHeaderCell type="default" :column="{ title: 'ID' }" />
|
|
36
36
|
</th>
|
|
37
37
|
<slot name="leading-header" />
|
|
@@ -39,7 +39,7 @@ const emit = defineEmits(['selectAll'])
|
|
|
39
39
|
v-for="column in columns"
|
|
40
40
|
:key="column.key"
|
|
41
41
|
z-11
|
|
42
|
-
sticky top-0px h-
|
|
42
|
+
sticky top-0px h-full
|
|
43
43
|
p-0px
|
|
44
44
|
:class="headerClass"
|
|
45
45
|
:style="column.style"
|
|
@@ -50,11 +50,11 @@ const emit = defineEmits(['selectAll'])
|
|
|
50
50
|
</th>
|
|
51
51
|
<th v-for="(_, idx) in (rows?.length ? 0 : 3)" :key="idx" sticky top-0px p-0px />
|
|
52
52
|
<th sticky top-0px z-10 w-full p-0px>
|
|
53
|
-
<div h-
|
|
53
|
+
<div h-full bg-white border-b-0.5px border-gray-200 rounded-tr-8px :class="headerClass" />
|
|
54
54
|
</th>
|
|
55
|
-
<th v-if="allowRowAction && rows?.length" sticky right-0px top-0px h-
|
|
55
|
+
<th v-if="allowRowAction && rows?.length" sticky right-0px top-0px h-full rounded-tr-8px p-0px :class="headerClass">
|
|
56
56
|
<div
|
|
57
|
-
w-full h-
|
|
57
|
+
w-full h-full rounded-tr-8px class="shadow"
|
|
58
58
|
bg-white b="b-0.5px l-0.5px gray-200"
|
|
59
59
|
/>
|
|
60
60
|
</th>
|