Commit d627e322 authored by Дмитрий Малюгин's avatar Дмитрий Малюгин 🕓
Browse files

fix: 'Checkbox', 'Select', 'Rating', 'ProgressBar' and 'Knob' for 'Table' work

parent e95d4093

src/components/Checkbox/Checkbox.vue

+2 −1
Original line number Diff line number Diff line
@@ -24,7 +24,8 @@ const emit = defineEmits(['update']); 
if (props.active) {

  active.value = props.active;

}



const propActive = computed(() => props.active);

watch(propActive, () => (active.value = propActive.value));

watch(active, () => emit('update', active));



const themeColor = computed(() => convertThemeToColor(props.theme, props.darknessTheme));

src/components/Knob/Knob.vue

+2 −0
Original line number Diff line number Diff line
@@ -30,6 +30,8 @@ const emit = defineEmits(['update']); 
if (props.value) {

  value.value = props.value;

}

const propValue = computed(() => props.value);

watch(propValue, () => (value.value = propValue.value));

watch(value, () => emit('update', value));



const isClickHold = ref<boolean>(false);

src/components/ProgressBar/ProgressBar.vue

+2 −3
Original line number Diff line number Diff line
@@ -17,9 +17,8 @@ const props = withDefaults(defineProps<IProgressBarProps>(), { 
const value = defineModel() as Ref<number>;

const emit = defineEmits(['update']);



if (props.value) {

  value.value = props.value;

}

const propValue = computed(() => props.value);

watch(propValue, () => (value.value = propValue.value), { immediate: true });

watch(value, () => emit('update', value));



const active = computed(() => `${(value.value / props.max) * 100}%`);

src/components/Rating/Rating.vue

+2 −0
Original line number Diff line number Diff line
@@ -21,6 +21,8 @@ const emit = defineEmits(['update']); 
if (props.value) {

  value.value = props.value;

}

const propValue = computed(() => props.value);

watch(propValue, () => (value.value = propValue.value));

watch(value, () => emit('update', value));



const onHoverIndex = ref();

src/components/Select/Select.vue

+2 −1
Original line number Diff line number Diff line
@@ -25,7 +25,8 @@ const emit = defineEmits(['update']); 
if (props.selected) {

  selected.value = props.selected;

}



const propSelected = computed(() => props.selected);

watch(propSelected, () => (selected.value = propSelected.value));

watch(selected, () => emit('update', selected));



const isOpen = ref<boolean>(false);