@bagelink/vue 1.15.261 → 1.15.263
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/dist/components/EmptyState.vue.d.ts.map +1 -1
- package/dist/components/dataTable/useTableSelection.d.ts.map +1 -1
- package/dist/index.cjs +2 -2
- package/dist/index.mjs +9 -4
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/EmptyState.vue +10 -10
- package/src/components/dataTable/useTableSelection.ts +6 -0
- package/src/components/layout/TabsNav.vue +5 -5
package/package.json
CHANGED
|
@@ -41,9 +41,9 @@ const slots = useSlots()
|
|
|
41
41
|
<template>
|
|
42
42
|
<div class="bgl-empty txt-center" :class="[{ 'bgl-empty--compact': compact }, className]">
|
|
43
43
|
<div v-if="slots.icon || icon !== 'none'" class="bgl-empty-icon flex-center">
|
|
44
|
-
<slot name="icon"><Icon :icon="icon" :size="compact ? 1.
|
|
44
|
+
<slot name="icon"><Icon :icon="icon" :size="compact ? 1.9 : 2.4" weight="300" /></slot>
|
|
45
45
|
</div>
|
|
46
|
-
<p v-if="title" class="bgl-empty-title m-0">{{ title }}</p>
|
|
46
|
+
<p v-if="title" class="bgl-empty-title m-0 opacity-7">{{ title }}</p>
|
|
47
47
|
<p v-if="description || slots.default" class="bgl-empty-desc m-0">
|
|
48
48
|
<slot>{{ description }}</slot>
|
|
49
49
|
</p>
|
|
@@ -70,19 +70,19 @@ const slots = useSlots()
|
|
|
70
70
|
padding: 1.25rem 1rem;
|
|
71
71
|
}
|
|
72
72
|
.bgl-empty-icon {
|
|
73
|
-
width:
|
|
74
|
-
height:
|
|
73
|
+
width: 4rem;
|
|
74
|
+
height: 4rem;
|
|
75
75
|
border-radius: 50%;
|
|
76
|
-
background: var(--bgl-gray-tint
|
|
77
|
-
color: var(--bgl-gray);
|
|
76
|
+
background: var(--bgl-gray-tint);
|
|
77
|
+
color: var(--bgl-gray-110);
|
|
78
78
|
}
|
|
79
79
|
.bgl-empty--compact .bgl-empty-icon {
|
|
80
|
-
width: 2.
|
|
81
|
-
height: 2.
|
|
80
|
+
width: 2.8rem;
|
|
81
|
+
height: 2.8rem;
|
|
82
82
|
}
|
|
83
83
|
.bgl-empty-title {
|
|
84
|
-
font-weight:
|
|
85
|
-
font-size:
|
|
84
|
+
font-weight: 400;
|
|
85
|
+
font-size: 0.875rem;
|
|
86
86
|
color: var(--bgl-text-color, inherit);
|
|
87
87
|
}
|
|
88
88
|
.bgl-empty-desc {
|
|
@@ -43,6 +43,12 @@ export function useTableSelection<T extends { [key: string]: any }>(options: Use
|
|
|
43
43
|
function toggleSelectItem(item: T, event?: MouseEvent) {
|
|
44
44
|
const currentIndex = allItems.value.findIndex(i => i.id === item.id)
|
|
45
45
|
|
|
46
|
+
if (!options.selectable) {
|
|
47
|
+
options.onSelect(options.cleanData ? options.cleanData(item) : { ...item })
|
|
48
|
+
lastSelectedIndex.value = currentIndex
|
|
49
|
+
return
|
|
50
|
+
}
|
|
51
|
+
|
|
46
52
|
// Handle Shift+click for range selection
|
|
47
53
|
if (event?.shiftKey && lastSelectedIndex.value !== null && currentIndex !== -1) {
|
|
48
54
|
const startIndex = Math.min(lastSelectedIndex.value, currentIndex)
|
|
@@ -188,12 +188,12 @@ onBeforeUnmount(() => {
|
|
|
188
188
|
--bgl-tab-hover-bg: rgba(255, 255, 255, .4);
|
|
189
189
|
--bgl_tabs-indicator-color: var(--bgl-popup-bg);
|
|
190
190
|
--bgl-tabs-flat-indicator-color: var(--bgl-primary);
|
|
191
|
+
--bgl_tab-border-radius: var(--bgl_tabs-border-radius);
|
|
191
192
|
}
|
|
192
193
|
|
|
193
194
|
</style>
|
|
194
195
|
|
|
195
196
|
<style scoped>
|
|
196
|
-
|
|
197
197
|
.bgl_tabs_wrap {
|
|
198
198
|
background: var(--bgl_tabs-background);
|
|
199
199
|
border-radius: calc(var(--bgl_tabs-border-radius) * 1.4);
|
|
@@ -224,18 +224,18 @@ font-family: inherit;
|
|
|
224
224
|
height: calc(var(--bgl-btn-height) - var(--bgl_tabs-block-padding) * 2);
|
|
225
225
|
padding-inline: var(--bgl_tab-inline-padding);
|
|
226
226
|
padding-block: 0;
|
|
227
|
-
|
|
227
|
+
border-radius: var(--bgl_tab-border-radius);
|
|
228
228
|
transition: var(--bgl-transition);
|
|
229
229
|
color: inherit;
|
|
230
230
|
display: flex;
|
|
231
231
|
align-items: center;
|
|
232
|
-
|
|
232
|
+
gap: var(--bgl_tab-gap);
|
|
233
233
|
}
|
|
234
234
|
|
|
235
|
-
.bgl_tab:hover {
|
|
235
|
+
/* .bgl_tab:hover {
|
|
236
236
|
background: var(--bgl-tab-hover-bg);
|
|
237
237
|
border-radius: var(--bgl_tab-border-radius, 7px);
|
|
238
|
-
}
|
|
238
|
+
} */
|
|
239
239
|
|
|
240
240
|
.bgl_tabs_wrap::before {
|
|
241
241
|
content: '';
|