Merge pull request #293 from qor5/feat-ui-reborn

fix: sendVariables
qor5 · Sep 23, 2024 · f079f9f · f079f9f
2 parents 106596f + e43ea52
commit f079f9f
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 7 deletions.
diff --git a/ui/vuetifyx/vuetifyxjs/dist/assets/vuetifyx.min.css b/ui/vuetifyx/vuetifyxjs/dist/assets/vuetifyx.min.css
diff --git a/ui/vuetifyx/vuetifyxjs/dist/vuetifyx.min.js b/ui/vuetifyx/vuetifyxjs/dist/vuetifyx.min.js
diff --git a/ui/vuetifyx/vuetifyxjs/docs/Components/VXField/sendVariables.md b/ui/vuetifyx/vuetifyxjs/docs/Components/VXField/sendVariables.md
@@ -27,6 +27,7 @@ const value = ref('1eiuh1ihaubfiad')
     >
     </vx-field>
     <vx-field
+      type="textarea"
       counter="200"
       v-model="value"
       label="textarea"

diff --git a/ui/vuetifyx/vuetifyxjs/src/lib/SendVariables.vue b/ui/vuetifyx/vuetifyxjs/src/lib/SendVariables.vue
@@ -13,16 +13,16 @@ const addTags = (tag: any) => {
   let lazyValue = vnode.value.modelValue
   let selectionStart = vnode.value.selectionStart
   let selectionEnd = vnode.value.selectionEnd
-  const input = vnode.value.$el.querySelector('input')
-  if (input) {
-    selectionStart = input.selectionStart
-    selectionEnd = input.selectionEnd
+  const inputFiled = vnode.value.$el.querySelector('input') || vnode.value.$el.querySelector('textarea')
+  if (inputFiled) {
+    selectionStart = inputFiled.selectionStart
+    selectionEnd = inputFiled.selectionEnd
   }
   let startString = lazyValue.substring(0, selectionStart)
   let endString = lazyValue.substring(selectionEnd, lazyValue.length)
 
   vnode.value.$emit('update:modelValue', startString + '{{' + tag + '}}' + endString)
-  input.focus()
+  inputFiled.focus()
 }
 defineExpose({
   tagInputsFocus,