@dataloop-ai/components 0.19.42 → 0.19.43

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dataloop-ai/components",
-  "version": "0.19.42",
+  "version": "0.19.43",
   "exports": {
     ".": "./index.ts",
     "./models": "./models.ts",

package/src/components/compound/DlInput/DlInput.vue

@@ -343,7 +343,8 @@ import {
     onMounted,
     PropType,
     ref,
-    toRefs
+    toRefs,
+    watch
 } from 'vue-demi'
 import { DlInfoErrorMessage, DlTooltip } from '../../shared'
 import { DlListItem } from '../../basic'
@@ -734,6 +735,14 @@ export default defineComponent({
             () => !modelValue.value || !String(modelValue.value)?.length
         )
 
+        watch(modelValue, (value: string | number) => {
+            if (String(value ?? '').length) {
+                input.value.innerHTML = value
+            } else {
+                input.value.innerHTML = ''
+            }
+        })
+
         onMounted(() => {
             if (String(modelValue.value ?? '').length) {
                 input.value.innerHTML = modelValue.value

package/src/demos/DlInputDemo.vue

@@ -1,5 +1,20 @@
 <template>
     <div>
+        <div>
+            <input v-model="textVal">
+
+            <div>This is to test v-model reactivity</div>
+            <dl-input
+                v-model="textVal"
+                placeholder="testestestset"
+                disabled
+            />
+            <dl-input
+                v-model="textVal"
+                disabled
+            />
+        </div>
+
         <dl-input
             placeholder="placeholder input readonly"
             readonly
@@ -267,8 +282,11 @@ export default defineComponent({
             files.value = val
         }
 
+        const textVal = ref<string>('test me')
+
         return {
             log: console.log,
+            textVal,
             textInputValue,
             passFieldValue,
             warningFieldValue,