@dataloop-ai/components 0.18.3 → 0.18.5

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/DlSelect/DlSelect.vue +4 -7
  3. package/src/components/compound/DlStepper/components/DlStepperSidebar.vue +1 -1
  4. package/src/demos/DlSelectDemo.vue +7 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dataloop-ai/components",
3
- "version": "0.18.3",
3
+ "version": "0.18.5",
4
4
  "exports": {
5
5
  ".": "./index.ts",
6
6
  "./models": "./models.ts",
package/src/components/compound/DlSelect/DlSelect.vue CHANGED
@@ -232,13 +232,10 @@
232
232
  name="option"
233
233
  :opt="item"
234
234
  >
235
- {{
236
- capitalizedOptions
237
- ? typeof getOptionLabel(item) ===
238
- 'string' &&
239
- getOptionLabel(item).toLowerCase()
240
- : getOptionLabel(item)
241
- }}
235
+ <span
236
+ class="inner-option"
237
+ v-html="getOptionHtml(item)"
238
+ />
242
239
  </slot>
243
240
  </dl-select-option>
244
241
  </dl-virtual-scroll>
package/src/components/compound/DlStepper/components/DlStepperSidebar.vue CHANGED
@@ -7,7 +7,7 @@
7
7
  :data-test-index="index"
8
8
  :end-icon="endIcon(step)"
9
9
  :clickable="!disabled"
10
- :disabled="!isStepDisabled(step)"
10
+ :disabled="isStepDisabled(step)"
11
11
  :class="sidebarItemClasses(step)"
12
12
  @click="handleStepClick(step, index)"
13
13
  >
package/src/demos/DlSelectDemo.vue CHANGED
@@ -172,6 +172,7 @@
172
172
  />
173
173
  With Fit
174
174
  <dl-select
175
+ v-model="selectedWithFit"
175
176
  :options="[
176
177
  { label: 'Option 1', value: 1 },
177
178
  { label: 'Option 2, longer one', value: 2 },
@@ -182,10 +183,12 @@
182
183
  searchable
183
184
  capitalized-options
184
185
  fit-content
186
+ @change="logEvent"
185
187
  />
186
188
  With Label and sub label
187
189
  <dl-select
188
190
  v-model="selectedOption"
191
+ searchable
189
192
  :options="[
190
193
  {
191
194
  subLabel: 'not so high',
@@ -487,6 +490,7 @@ export default defineComponent({
487
490
  components: { DlSelect, DlIcon, DlChip, DlBadge },
488
491
  data() {
489
492
  return {
493
+ selectedWithFit: [],
490
494
  selectedOption: {
491
495
  label: 'High',
492
496
  value: 'high',
@@ -537,6 +541,9 @@ export default defineComponent({
537
541
  }
538
542
  },
539
543
  methods: {
544
+ logEvent(e: any) {
545
+ console.log(e)
546
+ },
540
547
  filterFn(val: string) {
541
548
  this.searchOptions = defaultOptions.filter(
542
549
  (v: { label: string; value: string } | undefined) =>