hl-core 0.0.9-beta.9 → 0.0.10-beta.1

package/components/Panel/PanelSelectItem.vue

@@ -1,7 +1,10 @@
 <template>
-  <div class="flex justify-between p-4 items-center cursor-pointer" :class="[$styles.rounded, $styles.blueBgLight, $styles.blueBgLightHover]">
+  <div
+    class="transition-all flex justify-between p-4 items-center cursor-pointer"
+    :class="[$styles.rounded, $styles.blueBgLight, $styles.blueBgLightHover, disabled ? $styles.disabled : '']"
+  >
     <span :class="[$styles.textSimple]">{{ text }}</span>
-    <i class="mdi text-xl" :class="[selected ? `mdi-radiobox-marked ${$styles.greenText}` : 'mdi-radiobox-blank text-[#636363]']"></i>
+    <i class="mdi text-xl" :class="[selected ? `${trueIcon} ${$styles.greenText}` : `${falseIcon} text-[#636363]`]"></i>
   </div>
 </template>
 
@@ -15,6 +18,18 @@ export default defineComponent({
       type: Boolean,
       default: false,
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
+    trueIcon: {
+      type: String,
+      default: 'mdi-radiobox-marked',
+    },
+    falseIcon: {
+      type: String,
+      default: 'mdi-radiobox-blank ',
+    },
   },
 });
 </script>

package/components/Panel/RightPanelCloser.vue

@@ -0,0 +1,7 @@
+<script setup lang="ts">
+const dataStore = useDataStore();
+
+onUnmounted(() => {
+  dataStore.rightPanel.open = false;
+});
+</script>

package/components/Transitions/Animation.vue

@@ -0,0 +1,28 @@
+<template>
+  <component v-if="!!type && Object.keys(vuetifyAnimations).includes(type)" :is="vuetifyAnimations[type]">
+    <slot></slot>
+  </component>
+  <slot v-else></slot>
+</template>
+
+<script setup lang="ts">
+defineProps({
+  type: {
+    type: String as PropType<Utils.VuetifyAnimations>,
+    default: 'expand',
+  },
+});
+
+const vuetifyAnimations: { [key in Utils.VuetifyAnimations]: string } = {
+  expand: 'v-expand-transition',
+  fab: 'v-fab-transition',
+  fade: 'v-fade-transition',
+  scale: 'v-scale-transition',
+  'scroll-x': 'v-scroll-x-transition',
+  'scroll-y': 'v-scroll-x-transition',
+  'slide-x': 'v-slide-x-transition',
+  'slide-x-r': 'v-slide-x-reverse-transition',
+  'slide-y': 'v-slide-y-transition',
+  'slide-y-r': 'v-slide-y-reverse-transition',
+};
+</script>

package/components/Utilities/JsonViewer.vue

@@ -1,6 +1,6 @@
 <template>
   <vue-json-pretty
-    :data="(data as JSONDataType)"
+    :data="data"
     :show-icon="true"
     :show-line="true"
     :show-line-number="true"
@@ -14,12 +14,13 @@
 <script lang="ts">
 import VueJsonPretty from 'vue-json-pretty';
 import 'vue-json-pretty/lib/styles.css';
-import { JSONDataType } from 'vue-json-pretty/types/utils';
+import { type JSONDataType } from 'vue-json-pretty/types/utils';
 
 export default defineComponent({
   components: { VueJsonPretty },
   props: {
     data: {
+      type: Object as PropType<JSONDataType>,
       required: false,
     },
   },

package/components/Utilities/Qr.vue

@@ -0,0 +1,44 @@
+<template>
+  <qrcode-vue v-if="!!value" :value="value" :size="size" :level="level" :margin="margin" :render-as="renderAs" :background="background" :foreground="foreground" />
+</template>
+
+<script lang="ts">
+import QrcodeVue from 'qrcode.vue';
+
+export default defineComponent({
+  components: {
+    QrcodeVue,
+  },
+  props: {
+    value: {
+      type: String,
+      default: '',
+      required: true,
+    },
+    size: {
+      type: Number,
+      default: 250,
+    },
+    renderAs: {
+      type: String as PropType<'canvas' | 'svg'>,
+      default: 'canvas',
+    },
+    margin: {
+      type: Number,
+      default: 0,
+    },
+    level: {
+      type: String as PropType<'L' | 'M' | 'Q' | 'H'>,
+      default: 'M',
+    },
+    background: {
+      type: String,
+      default: '#ffffff',
+    },
+    foreground: {
+      type: String,
+      default: '#000000',
+    },
+  },
+});
+</script>

package/composables/axios.ts

@@ -4,6 +4,7 @@ import interceptors from '../api/interceptors';
 export const useAxiosInstance = (baseURL: string) => {
   const axiosInstance = axios.create({
     baseURL: baseURL,
+    signal: useDataStore().rController.signal,
   });
   interceptors(axiosInstance);