@dataloop-ai/components 0.19.2 → 0.19.3

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.19.2",
3
+ "version": "0.19.3",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
@@ -133,7 +133,25 @@
133
133
  :props="getHeaderScope({ col })"
134
134
  :col-index="colIndex"
135
135
  >
136
- {{ col.label }}
136
+ <div
137
+ style="
138
+ width: 100%;
139
+ display: flex;
140
+ align-items: center;
141
+ gap: 2px;
142
+ "
143
+ >
144
+ {{ col.label }}
145
+ <dl-icon
146
+ v-if="col.hint"
147
+ icon="icon-dl-info"
148
+ size="10px"
149
+ >
150
+ <dl-tooltip>
151
+ {{ col.hint }}
152
+ </dl-tooltip>
153
+ </dl-icon>
154
+ </div>
137
155
  </DlTh>
138
156
  </slot>
139
157
 
@@ -318,31 +336,34 @@
318
336
  />
319
337
  </slot>
320
338
  </td>
321
- <slot
339
+ <DlTd
322
340
  v-for="(col, colIndex) in computedCols"
323
- v-bind="
324
- getBodyCellScope({
325
- key: getRowKey(props.item),
326
- row: props.item,
327
- pageIndex: props.pageIndex,
328
- col
329
- })
330
- "
331
- :name="
332
- hasSlotByName(`body-cell-${col.name}`)
333
- ? `body-cell-${col.name}`
334
- : 'body-cell'
335
- "
341
+ :key="col.name"
342
+ :class="col.tdClass(props.item)"
343
+ :style="col.tdStyle(props.item)"
344
+ :no-hover="noHover"
345
+ :col-index="colIndex"
336
346
  >
337
- <DlTd
338
- :class="col.tdClass(props.item)"
339
- :style="col.tdStyle(props.item)"
340
- :no-hover="noHover"
341
- :col-index="colIndex"
347
+ <slot
348
+ v-bind="
349
+ getBodyCellScope({
350
+ key: getRowKey(props.item),
351
+ row: props.item,
352
+ pageIndex: props.pageIndex,
353
+ col
354
+ })
355
+ "
356
+ :name="
357
+ hasSlotByName(
358
+ `body-cell-${col.name}`
359
+ )
360
+ ? `body-cell-${col.name}`
361
+ : 'body-cell'
362
+ "
342
363
  >
343
364
  {{ getCellValue(col, props.item) }}
344
- </DlTd>
345
- </slot>
365
+ </slot>
366
+ </DlTd>
346
367
  <DlTd
347
368
  v-if="showRowActions"
348
369
  key="visibleColumnsSlot"
@@ -466,7 +487,25 @@
466
487
  :col-index="colIndex"
467
488
  @click="onThClick($event, col.name)"
468
489
  >
469
- {{ col.label }}
490
+ <div
491
+ style="
492
+ width: 100%;
493
+ display: flex;
494
+ align-items: center;
495
+ gap: 2px;
496
+ "
497
+ >
498
+ {{ col.label }}
499
+ <dl-icon
500
+ v-if="col.hint"
501
+ icon="icon-dl-info"
502
+ size="10px"
503
+ >
504
+ <dl-tooltip>
505
+ {{ col.hint }}
506
+ </dl-tooltip>
507
+ </dl-icon>
508
+ </div>
470
509
  </DlTh>
471
510
  </slot>
472
511
  <DlTh
@@ -811,7 +850,6 @@ import {
811
850
  getCurrentInstance,
812
851
  ComputedRef,
813
852
  onMounted,
814
- toRef,
815
853
  toRefs,
816
854
  nextTick,
817
855
  PropType