@dataloop-ai/components 0.19.66 → 0.19.68

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/src/components/compound/DlInput/DlInput.vue +1 -0
  3. package/src/components/compound/DlTable/DlTable.vue +6 -3
  4. package/src/demos/DlTableDemo.vue +5 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.19.66",
3
+ "version": "0.19.68",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/compound/DlInput/DlInput.vue CHANGED
@@ -743,6 +743,7 @@ export default defineComponent({
743
743
  emit('update:model-value', newValue)
744
744
  input.value.innerHTML = newValue
745
745
  setCaretAtTheEnd(input.value)
746
+ isInternalChange.value = true
746
747
  }
747
748
  }
748
749
 
package/src/components/compound/DlTable/DlTable.vue CHANGED
@@ -349,7 +349,9 @@
349
349
  <td v-if="expandableRows">
350
350
  <dl-icon
351
351
  :icon="getRowExpandedIcon(props.item)"
352
- @click="updateExpanded(props.item)"
352
+ @click.stop.prevent="
353
+ updateExpanded(props.item)
354
+ "
353
355
  />
354
356
  </td>
355
357
  <DlTd
@@ -409,7 +411,8 @@
409
411
  v-if="isRowExpanded(props.item)"
410
412
  :key="getRowExpandedKey(props.item)"
411
413
  >
412
- <td :colspan="columns.length + 1">
414
+ <!-- cols + icon col + expandable icon col-->
415
+ <td :colspan="columns.length + 1 + 1">
413
416
  <slot
414
417
  v-bind="{ row: props.item }"
415
418
  name="body-cell-expandable-content"
@@ -804,7 +807,7 @@
804
807
  v-if="isRowExpanded(row)"
805
808
  :key="getRowExpandedKey(row)"
806
809
  >
807
- <td :colspan="columns.length + 1">
810
+ <td :colspan="columns.length + 1 + 1">
808
811
  <slot
809
812
  v-bind="{ row }"
810
813
  name="body-cell-expandable-content"
package/src/demos/DlTableDemo.vue CHANGED
@@ -601,7 +601,8 @@ import {
601
601
  DlOptionGroup,
602
602
  DlSwitch,
603
603
  DlInput,
604
- DlButton
604
+ DlButton,
605
+ DlAvatar
605
606
  } from '../components'
606
607
  import { defineComponent, ref, computed, nextTick } from 'vue-demi'
607
608
  import { times, cloneDeep, isNumber } from 'lodash'
@@ -904,7 +905,8 @@ export default defineComponent({
904
905
  DlSwitch,
905
906
  DlOptionGroup,
906
907
  DlInput,
907
- DlButton
908
+ DlButton,
909
+ DlAvatar
908
910
  },
909
911
  setup() {
910
912
  const filter = ref('')
@@ -1149,7 +1151,7 @@ export default defineComponent({
1149
1151
  align-items: flex-start;
1150
1152
  gap: 10px;
1151
1153
  padding: 10px;
1152
- background-color: #f4f4f4;
1154
+ background-color: var(--dl-color-panel-background);
1153
1155
  border-radius: 4px;
1154
1156
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
1155
1157
  }