@v1nt1248/3nclient-lib 0.1.68 → 0.1.70

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.1.68",
+  "version": "0.1.70",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

package/src/components/ui3n-dialog/ui3n-dialog.vue

@@ -10,7 +10,6 @@
   const emits = defineEmits<Ui3nDialogComponentEmits>();
 
   const currentDialogProps = computed(() => ({
-    teleport: props.dialogProps?.teleport || 'body',
     title: props.dialogProps?.title || '',
     cssClass: props.dialogProps?.cssClass || [],
     cssStyle: props.dialogProps?.cssStyle || {},
@@ -87,7 +86,7 @@
 
   function onKeydown(event: KeyboardEvent) {
     const { code } = event;
-    console.log('onKeydown: ', code, props.dialogProps?.closeOnEsc);
+
     if (code === 'Escape' && props.dialogProps?.closeOnEsc) {
       event.preventDefault();
       event.stopPropagation();
@@ -206,12 +205,12 @@
       v-on="
         dialogProps?.draggable
           ? {
-            dragstart: onDragstart,
-            mousedown: onMousedown,
-            mouseup: onMouseup,
-            mousemove: onMousemove,
-            keydown: onKeydown
-        }
+              dragstart: onDragstart,
+              mousedown: onMousedown,
+              mouseup: onMouseup,
+              mousemove: onMousemove,
+              keydown: onKeydown,
+            }
           : { keydown: onKeydown }
       "
     >
@@ -262,7 +261,7 @@
       >
         <ui3n-button
           v-if="currentDialogProps.cancelButton"
-          type="secondary"
+          type="custom"
           :color="currentDialogProps.cancelButtonBackground"
           :text-color="currentDialogProps.cancelButtonColor"
           @click="handleEvent($event, 'cancel')"
@@ -272,6 +271,7 @@
 
         <ui3n-button
           v-if="currentDialogProps.confirmButton"
+          type="custom"
           :color="currentDialogProps.confirmButtonBackground"
           :text-color="currentDialogProps.confirmButtonColor"
           :disabled="!isValid"

package/src/components/ui3n-table/types.ts

@@ -43,12 +43,12 @@ export interface Ui3nTableProps<T extends Ui3nTableBodyBaseItem> {
 
 export interface Ui3nTableEmits<T extends Ui3nTableBodyBaseItem> {
   (ev: 'change:sort', val: Ui3nTableSort<T>): void;
-
   (ev: 'select:row', val: T[]): void;
 }
 
-export type Ui3nTableNoDataSlot = {
+export type Ui3nTableOtherSlots = {
   'no-data': () => VNode;
+  'unused-place': () => VNode;
 };
 
 export type Ui3nTableGroupActionsSlot<T extends Ui3nTableBodyBaseItem> = {
@@ -86,7 +86,7 @@ export type Ui3nTableBodyRowCellSlot<T extends Ui3nTableBodyBaseItem, K extends
   [p in `row-cell-${K}`]: (scope: Ui3nTableBodyRowCellSlotScope<T, K>) => VNode;
 };
 
-export type Ui3nTableSlots<T extends Ui3nTableBodyBaseItem, K extends string & keyof T> = Ui3nTableNoDataSlot &
+export type Ui3nTableSlots<T extends Ui3nTableBodyBaseItem, K extends string & keyof T> = Ui3nTableOtherSlots &
   Ui3nTableGroupActionsSlot<T> &
   Ui3nTableHeaderCellSlot<T, K> &
   Ui3nTableBodyRowSlot<T> &

package/src/components/ui3n-table/ui3n-table.vue

@@ -105,7 +105,7 @@
       </template>
     </div>
 
-    <!-- table body -->
+    <!-- table: body -->
     <div :class="$style.body">
       <template v-if="config?.showNoDataMessage && !size(body.content)">
         <slot name="no-data">
@@ -177,6 +177,11 @@
         </template>
       </template>
     </div>
+
+    <!-- table: unused space-->
+    <div :class="$style.unusedPlace">
+      <slot name="unused-place" />
+    </div>
   </div>
 </template>
 
@@ -200,6 +205,10 @@
     height: 100%;
     background-color: transparent;
     overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: stretch;
   }
 
   .header {
@@ -360,4 +369,8 @@
     font-weight: 600;
     color: var(--ui3n-table-nodata-color);
   }
+
+  .unusedPlace {
+    flex-grow: 1;
+  }
 </style>