Merge pull request #709 from dnum-mi/develop

Develop

Author: laruiss

docs/types.md

@@ -168,6 +168,12 @@ outline: [2,3]
 <<< ../src/components/DsfrRadioButton/DsfrRadioButton.types.ts
 :::
 
+### `DsfrRange`
+
+::: code-group
+<<< ../src/components/DsfrRange/DsfrRange.types.ts
+:::
+
 ### `DsfrSearchBar`
 
 ::: code-group

src/components/DsfrRange/DsfrRange.types.ts

@@ -0,0 +1,16 @@
+export type DsfrRangeProps = {
+  id?: string
+  min?: number
+  max?: number
+  modelValue?: number
+  lowerValue?: number
+  label: string
+  hint?: string
+  message?: string
+  prefix?: string
+  suffix?: string
+  small?: boolean
+  hideIndicators?: boolean
+  step?: number
+  disabled?: boolean
+}

src/components/DsfrRange/DsfrRange.vue

@@ -3,22 +3,9 @@ import { computed, onMounted, ref, watch } from 'vue'
 
 import { getRandomId } from '../../utils/random-utils'
 
-const props = withDefaults(defineProps<{
-  id?: string
-  min?: number
-  max?: number
-  modelValue?: number
-  lowerValue?: number
-  label: string
-  hint?: string
-  message?: string
-  prefix?: string
-  suffix?: string
-  small?: boolean
-  hideIndicators?: boolean
-  step?: number
-  disabled?: boolean
-}>(), {
+import type { DsfrRangeProps } from './DsfrRange.types'
+
+const props = withDefaults(defineProps<DsfrRangeProps>(), {
   id: () => getRandomId('range'),
   min: 0,
   max: 100,

src/components/index.ts

@@ -72,8 +72,13 @@ export * from './DsfrQuote/DsfrQuote.types'
 export { default as DsfrRadioButton } from './DsfrRadioButton/DsfrRadioButton.vue'
 export * from './DsfrRadioButton/DsfrRadioButton.types'
 export { default as DsfrRadioButtonSet } from './DsfrRadioButton/DsfrRadioButtonSet.vue'
+export { default as DsfrRange } from './DsfrRange/DsfrRange.vue'
+export * from './DsfrRange/DsfrRange.types'
 export { default as DsfrSearchBar } from './DsfrSearchBar/DsfrSearchBar.vue'
 export * from './DsfrSearchBar/DsfrSearchBar.types'
+export { default as DsfrSegmented } from './DsfrSegmented/DsfrSegmented.vue'
+export * from './DsfrSegmented/DsfrSegmented.types'
+export { default as DsfrSegmentedSet } from './DsfrSegmented/DsfrSegmentedSet.vue'
 export { default as DsfrSelect } from './DsfrSelect/DsfrSelect.vue'
 export * from './DsfrSelect/DsfrSelect.types'
 export { default as DsfrShare } from './DsfrShare/DsfrShare.vue'