hl-core 0.0.7 → 0.0.8-beta.2

package/components/Panel/PanelItem.vue

@@ -0,0 +1,5 @@
+<template>
+  <p class="transition-all h-[64px] px-4 flex justify-between items-center border-b-[1px] hover:border-b-[#A0B3D8] text-[16px]">
+    <slot></slot>
+  </p>
+</template>

package/components/Panel/PanelSelectItem.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="flex justify-between px-4 items-center cursor-pointer h-[60px]" :class="[$libStyles.rounded, $libStyles.blueBgLight, $libStyles.blueBgLightHover]">
+    <span :class="[$libStyles.textSimple]">{{ text }}</span>
+    <i class="mdi text-xl" :class="[selected ? `mdi-radiobox-marked ${$libStyles.greenText}` : 'mdi-radiobox-blank text-[#636363]']"></i>
+  </div>
+</template>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    text: {
+      type: [String, Number],
+    },
+    selected: {
+      type: Boolean,
+      default: false,
+    },
+  },
+});
+</script>

package/components/Transitions/FadeTransition.vue

@@ -0,0 +1,5 @@
+<template>
+  <transition-group enter-active-class="animate__animated animate__fadeIn">
+    <slot></slot>
+  </transition-group>
+</template>

package/components/Transitions/SlideTransition.vue

@@ -0,0 +1,5 @@
+<template>
+  <transition-group enter-active-class="animate__animated animate__slideInRight">
+    <slot></slot>
+  </transition-group>
+</template>

package/composables/axios.ts

@@ -0,0 +1,11 @@
+import axios from 'axios';
+import interceptors from '@/api/interceptors';
+
+export const useAxios = (baseURL: string) => {
+  const axiosInstance = axios.create({
+    baseURL: baseURL,
+  });
+  interceptors(axiosInstance);
+
+  return axiosInstance;
+};