@fy-/fws-vue 1.3.0 → 1.3.2

package/components/ui/DefaultInput.vue

@@ -3,7 +3,7 @@ import { LinkIcon } from "@heroicons/vue/24/solid";
 import { computed, onMounted, onUnmounted, ref, toRef } from "vue";
 import type { ErrorObject } from "@vuelidate/core";
 import { useTranslation } from "../../composables/translations";
-//import DefaultTagInput from "./DefaultTagInput.vue";
+import DefaultTagInput from "./DefaultTagInput.vue";
 
 type modelValueType = string | number | string[] | number[] | undefined;
 
@@ -96,16 +96,11 @@ const modelCheckbox = computed({
 });
 defineExpose({ focus, blur, getInputRef });
 const dpComponent = ref<any | null>(null);
-const dptagComponent = ref<any | null>(null);
 onMounted(async () => {
   if (props.type === "datepicker") {
     const { default: VueDatePicker } = await import("@vuepic/vue-datepicker");
     dpComponent.value = VueDatePicker;
   }
-  if (props.type === "tags" || props.type === "chips") {
-    const { default: DefaultTagInput } = await import("./DefaultTagInput.vue");
-    dptagComponent.value = DefaultTagInput;
-  }
 });
 </script>
 <template>
@@ -215,9 +210,7 @@ onMounted(async () => {
             >{{ label ? label : placeholder }}
           </label>
           <!-- @vue-skip -->
-          <component
-            :is="dptagComponent"
-            v-if="dptagComponent"
+          <DefaultTagInput
             v-model="model"
             :id="id"
             :disabled="disabled"

package/components/ui/DefaultTagInput.vue

@@ -63,12 +63,13 @@ const removeTag = (index: number) => {
   focusInput();
 };
 
+/*
 const removeLastTag = () => {
-  if (!import.meta.env.SSR) {
-    if (!textInput.value) return;
-    if (textInput.value.innerText === "") {
-      model.value.pop();
-    } else {
+  if (!textInput.value) return;
+  if (textInput.value.innerText === "") {
+    model.value.pop();
+  } else {
+    try {
       const currentLength = textInput.value.innerText.length;
       textInput.value.innerText = textInput.value.innerText.slice(0, -1);
 
@@ -79,9 +80,12 @@ const removeLastTag = () => {
       if (!sel) return;
       sel.removeAllRanges();
       sel.addRange(range);
+    } catch (e) {
+      console.error(e);
     }
   }
 };
+*/
 const focusInput = () => {
   if (!textInput.value) return;
 
@@ -89,17 +93,15 @@ const focusInput = () => {
 };
 
 const handlePaste = (e: any) => {
-  if (!import.meta.env.SSR) {
-    if (!textInput.value) return;
-
-    // @ts-ignore
-    const text = (e.clipboardData || window.clipboardData).getData("text");
-    const separatorsRegex = new RegExp(props.separators.join("|"), "g");
-    const pasteText = text.replace(separatorsRegex, ",");
-    textInput.value.innerText += pasteText;
-    e.preventDefault();
-    addTag();
-  }
+  if (!textInput.value) return;
+
+  // @ts-ignore
+  const text = (e.clipboardData || window.clipboardData).getData("text");
+  const separatorsRegex = new RegExp(props.separators.join("|"), "g");
+  const pasteText = text.replace(separatorsRegex, ",");
+  textInput.value.innerText += pasteText;
+  e.preventDefault();
+  addTag();
 };
 </script>
 
@@ -107,7 +109,6 @@ const handlePaste = (e: any) => {
   <ClientOnly
     :class="`tags-input ${$props.error ? 'error' : ''}`"
     @click="focusInput"
-    @keydown.delete.prevent="removeLastTag"
     @keydown.enter.prevent="addTag"
   >
     <span

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fy-/fws-vue",
-  "version": "1.3.0",
+  "version": "1.3.2",
   "author": "Florian 'Fy' Gasquez <m@fy.to>",
   "license": "MIT",
   "repository": {