ketekny-ui-kit 1.0.28 → 1.0.29
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/ui/kDatatable.vue +6 -4
package/package.json
CHANGED
package/src/ui/kDatatable.vue
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
:headers="headers"
|
|
6
6
|
:items="items"
|
|
7
7
|
:search="search"
|
|
8
|
+
:theme-color="themeColor"
|
|
8
9
|
:show-select="effectiveSelectionMode !== 'none'"
|
|
9
10
|
:single-select="effectiveSelectionMode === 'single'"
|
|
10
11
|
v-if="effectiveSelectionMode !== 'none'"
|
|
@@ -23,7 +24,7 @@
|
|
|
23
24
|
</EasyDataTable>
|
|
24
25
|
|
|
25
26
|
<!-- Render separate table without v-model when no selection -->
|
|
26
|
-
<EasyDataTable v-else v-bind="$attrs" :headers="headers" :items="items" :search="search" :show-select="false" :body-row-class-name="composeBodyRowClassName" alternating buttons-pagination table-class-name="customize-table">
|
|
27
|
+
<EasyDataTable v-else v-bind="$attrs" :headers="headers" :items="items" :search="search" :theme-color="themeColor" :show-select="false" :body-row-class-name="composeBodyRowClassName" alternating buttons-pagination table-class-name="customize-table">
|
|
27
28
|
<template v-for="(_, name) in $slots" :key="name" v-slot:[name]="slotProps">
|
|
28
29
|
<slot :name="name" v-bind="slotProps" />
|
|
29
30
|
</template>
|
|
@@ -44,6 +45,7 @@ export default {
|
|
|
44
45
|
headers: { type: Array, required: true },
|
|
45
46
|
items: { type: Array, required: true },
|
|
46
47
|
search: { type: String, default: "" },
|
|
48
|
+
themeColor: { type: String, default: "#2563eb" },
|
|
47
49
|
|
|
48
50
|
selectionMode: {
|
|
49
51
|
type: String,
|
|
@@ -310,7 +312,7 @@ export default {
|
|
|
310
312
|
--easy-table-body-row-height: 3.2rem;
|
|
311
313
|
--easy-table-body-row-font-size: 12px;
|
|
312
314
|
--easy-table-body-row-hover-font-color: #1f2937;
|
|
313
|
-
--easy-table-body-row-hover-background-color: #
|
|
315
|
+
--easy-table-body-row-hover-background-color: #eff6ff;
|
|
314
316
|
--easy-table-body-item-padding: 0.5rem 0.75rem;
|
|
315
317
|
|
|
316
318
|
--easy-table-footer-background-color: transparent;
|
|
@@ -327,7 +329,7 @@ export default {
|
|
|
327
329
|
|
|
328
330
|
--easy-table-scrollbar-track-color: transparent;
|
|
329
331
|
--easy-table-scrollbar-color: transparent;
|
|
330
|
-
--easy-table-scrollbar-thumb-color: #
|
|
332
|
+
--easy-table-scrollbar-thumb-color: #93c5fd;
|
|
331
333
|
--easy-table-scrollbar-corner-color: transparent;
|
|
332
334
|
|
|
333
335
|
--easy-table-loading-mask-background-color: rgba(255, 255, 255, 0.6);
|
|
@@ -338,7 +340,7 @@ export default {
|
|
|
338
340
|
background-color: #fff; /* white dropdown background */
|
|
339
341
|
color: #1f2937; /* gray-800 text */
|
|
340
342
|
padding: 0.25rem 0.5rem; /* small padding */
|
|
341
|
-
border: 1px solid #
|
|
343
|
+
border: 1px solid #bfdbfe;
|
|
342
344
|
border-radius: 0.25rem;
|
|
343
345
|
}
|
|
344
346
|
|