Added fontawsome, fix active value

Author: AntonL9vov

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue3-hive-ui-kit",
   "private": false,
-  "version": "0.7.4",
+  "version": "0.7.5",
   "type": "module",
   "description": "UI kit for Vue 3",
   "files": [

src/common/hooks/use-list-methods.ts

@@ -104,6 +104,8 @@ export const useListMethods = ({
   const expand = () => {
     isExpanded.value = true;
 
+    setFirstActiveValue();
+
     if (currentValue.value && !Array.isArray(currentValue.value)) {
       activeValue.value = currentValue.value;
     }

src/examples/components/all-widgets.vue

@@ -237,15 +237,15 @@ const optionsObject = {
 
 const maritalStatusList = ref([
   {
-    id: 0,
+    id: 1,
     title: 'холост',
   },
   {
-    id: 1,
+    id: 2,
     title: 'женат',
   },
   {
-    id: 2,
+    id: 3,
     title: 'женат2',
   },
 ]);
@@ -823,7 +823,7 @@ const optionsObject1 = {
       </widget-wrapper>
       <widget-wrapper title="Multiselect">
         {{ checkbox }}
-        <!-- <hive-multiselect :options="a" v-model="store" with-null /> -->
+        <hive-multiselect :options="maritalStatusList" v-model="multiselect" title-field="title" value-field="id" />
         <hive-textarea v-model="text" resize-direction="both" :style="{ width: '300px' }" disabled />
       </widget-wrapper>
       <widget-wrapper title="Autocompelte">

src/index.ts

@@ -36,6 +36,15 @@ import type { HiveUploadFilesType } from './components/hive-upload-file/hive-upl
 
 import '@/assets/variables.scss';
 
+/* import the fontawesome core */
+import { library } from '@fortawesome/fontawesome-svg-core';
+
+/* import font awesome icon component */
+import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome';
+
+/* import specific icons */
+import { faSearch, faXmark } from '@fortawesome/free-solid-svg-icons';
+
 export {
   HiveAutocomplete,
   HiveBadge,
@@ -66,6 +75,10 @@ export {
   Notification,
   notify,
   useNotification,
+  library,
+  FontAwesomeIcon,
+  faSearch,
+  faXmark,
 };
 
 export type {
@@ -81,4 +94,4 @@ export type {
   ChoosenNode,
   TreeImg,
   HiveUploadFilesType,
-}
+};