@sfxcode/formkit-primevue 2.9.8 → 2.9.9

package/dist/components/PrimeAutoComplete.vue

@@ -1,9 +1,8 @@
 <script setup lang='ts'>
 import type { FormKitFrameworkContext } from '@formkit/core'
 import type { AutoCompleteCompleteEvent, AutoCompleteProps } from 'primevue/autocomplete'
-
 import type { PropType } from 'vue'
-import { ref } from 'vue'
+import { ref, watch } from 'vue'
 import { useFormKitInput } from '../composables'
 
 export interface FormKitPrimeAutoCompleteProps {
@@ -35,11 +34,30 @@ const suggestions = ref(['', {}])
 suggestions.value = []
 const loading = ref(false)
 
+// Local value for v-model
+const localValue = ref(props.context._value)
+
+// Sync localValue with context._value
+watch(
+  () => props.context._value,
+  (newVal) => {
+    localValue.value = newVal
+  },
+)
+
+// Emit changes from localValue to context
+watch(
+  localValue,
+  (newVal) => {
+    if (newVal !== props.context._value) {
+      props.context._value = newVal
+      props.context?.node?.input?.(newVal)
+    }
+  },
+)
+
 /**
  * Searches for suggestions based on the input query.
- * If options and optionLabel are provided, it filters the options.
- * Otherwise, it calls the complete function from the context to fetch suggestions.
- * @param event - The AutoCompleteCompleteEvent containing the query.
  */
 async function search(event: AutoCompleteCompleteEvent) {
   if (props.context?.options && props.context?.optionLabel) {
@@ -64,7 +82,6 @@ async function search(event: AutoCompleteCompleteEvent) {
 
 /**
  * Handles paste event to transform a string separated by any of the provided separators into multiple items.
- * @param event - The paste event from the input.
  */
 function handlePaste(event: ClipboardEvent) {
   if (!props.context?.multiple)
@@ -76,21 +93,32 @@ function handlePaste(event: ClipboardEvent) {
   const separators = Array.isArray(props.context?.separators) && props.context.separators.length > 0
     ? props.context.separators
     : [',']
-  // Create a regex to split by any separator, escaping special regex characters
   const regex = new RegExp(`[${separators.map(s => s.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&')).join('')}]`)
+  // If separators are provided, split the pasted text by them
   if (pastedText && regex.test(pastedText)) {
     event.preventDefault()
     const items = pastedText
       .split(regex)
       .map(item => item.trim())
       .filter(item => item.length > 0)
-    if (Array.isArray(props.context._value)) {
-      props.context._value.push(...items)
+    // Use a local ref, never mutate context._value directly
+    if (Array.isArray(localValue.value)) {
+      localValue.value = [...localValue.value, ...items]
+    }
+    else {
+      localValue.value = items
+    }
+  }
+  // If no separators, just set the value directly
+  else if (pastedText) {
+    event.preventDefault()
+    // If no separators, just set the value directly
+    if (Array.isArray(localValue.value)) {
+      localValue.value = [...localValue.value, pastedText.trim()]
     }
     else {
-      props.context._value = items
+      localValue.value = [pastedText.trim()]
     }
-    props.context?.node?.input?.(props.context?._value)
   }
 }
 </script>
@@ -99,7 +127,7 @@ function handlePaste(event: ClipboardEvent) {
   <div class="p-formkit">
     <AutoComplete
       :id="context.id"
-      v-model="context._value"
+      v-model="localValue"
       v-bind="context?.attrs"
       :disabled="!!context?.disabled"
       :class="context?.attrs?.class"

package/dist/composables/useFormKitRepeater.js

@@ -21,8 +21,11 @@ function useFormKitRepeater() {
   }
   function addListGroupFunctions(data, addNodeDefaultObject = {}) {
     const swapElements = (array, index1, index2) => {
-      array[index1] = array.splice(index2, 1, array[index1])[0];
-      return array;
+      const newArray = [...array];
+      const temp = newArray[index1];
+      newArray[index1] = newArray[index2];
+      newArray[index2] = temp;
+      return newArray;
     };
     data.addNode = parentNode => () => {
       const newArray = [...parentNode.value, addNodeDefaultObject];

package/dist/composables/useFormKitRepeater.mjs

@@ -8,8 +8,11 @@ export function useFormKitRepeater() {
   }
   function addListGroupFunctions(data, addNodeDefaultObject = {}) {
     const swapElements = (array, index1, index2) => {
-      array[index1] = array.splice(index2, 1, array[index1])[0];
-      return array;
+      const newArray = [...array];
+      const temp = newArray[index1];
+      newArray[index1] = newArray[index2];
+      newArray[index2] = temp;
+      return newArray;
     };
     data.addNode = (parentNode) => () => {
       const newArray = [...parentNode.value, addNodeDefaultObject];

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@sfxcode/formkit-primevue",
   "type": "module",
-  "version": "2.9.8",
-  "packageManager": "pnpm@10.10.0+sha512.d615db246fe70f25dcfea6d8d73dee782ce23e2245e3c4f6f888249fb568149318637dca73c2c5c8ef2a4ca0d5657fb9567188bfab47f566d1ee6ce987815c39",
+  "version": "2.9.9",
+  "packageManager": "pnpm@10.13.1+sha512.37ebf1a5c7a30d5fabe0c5df44ee8da4c965ca0c5af3dbab28c3a1681b70a256218d05c81c9c0dcf767ef6b8551eb5b960042b9ed4300c59242336377e01cfad",
   "author": {
     "name": "Tom",
     "email": "tom@sfxcode.com"
@@ -123,7 +123,7 @@
     "happy-dom": "^18.0.1",
     "json-editor-vue": "^0.18.1",
     "mkdist": "^2.3.0",
-    "quill": "^2.0.3",
+    "quill": "1.3.7",
     "sass": "^1.89.2",
     "tslib": "^2.8.1",
     "typescript": "^5.8.3",