fix: types

altai-ui · May 31, 2022 · e4dff26 · e4dff26
1 parent bb88049
commit e4dff26
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/qComponents/QSelect/src/components/QSelectDropdown/index.vue b/src/qComponents/QSelect/src/components/QSelectDropdown/index.vue
@@ -65,7 +65,7 @@
 <script lang="ts">
 import { get, isPlainObject } from 'lodash-es';
 import { defineComponent, computed, inject, ref, watch } from 'vue';
-import type { CSSProperties } from 'vue';
+import type { StyleValue } from 'vue';
 
 import { getConfig } from '@/qComponents/config';
 import { QCheckbox } from '@/qComponents/QCheckbox';
@@ -114,7 +114,7 @@ export default defineComponent({
     const multiple = qSelect.multiple ?? ref(false);
     const zIndex = ref<number>(DEFAULT_Z_INDEX);
 
-    const styles = computed<CSSProperties>(() => ({
+    const styles = computed<StyleValue>(() => ({
       zIndex: zIndex.value,
       width: props.width ? `${props.width}px` : undefined
     }));

diff --git a/src/qComponents/QSelect/src/components/QSelectDropdown/types.ts b/src/qComponents/QSelect/src/components/QSelectDropdown/types.ts
@@ -1,4 +1,4 @@
-import type { ComputedRef, Ref, CSSProperties } from 'vue';
+import type { ComputedRef, Ref, StyleValue } from 'vue';
 
 import type { QScrollbarInstance } from '@/qComponents/QScrollbar';
 import type { QSelectState } from '@/qComponents/QSelect';
@@ -19,7 +19,7 @@ export interface QSelectDropdownProps {
 
 export interface QSelectDropdownInstance {
   zIndex: Ref<number>;
-  styles: ComputedRef<CSSProperties>;
+  styles: ComputedRef<StyleValue>;
   isVisibleOptionExist: ComputedRef<boolean>;
   areAllSelected: ComputedRef<boolean>;
   isIndeterminate: ComputedRef<boolean>;

diff --git a/src/qComponents/QSelect/src/components/QSelectTags/index.vue b/src/qComponents/QSelect/src/components/QSelectTags/index.vue
@@ -71,7 +71,7 @@ export default defineComponent({
   setup(props, ctx): QSelectTagsInstance {
     const input = ref<Nullable<HTMLInputElement>>(null);
     const qSelect = inject<Nullable<QSelectProvider>>('qSelect', null);
-    const { selected = ref([]), query = ref('') } = toRefs(
+    const { selected = ref<QOptionModel[]>([]), query = ref('') } = toRefs(
       qSelect?.state ?? {}
     );