@mouseless/baked 1.3.4 → 1.3.6

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "@mouseless/baked",
   "configKey": "baked",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/InputText.vue

@@ -7,9 +7,10 @@
     </template>
     <FloatLabel variant="on">
       <InputText
-        v-model="model"
+        v-model="input"
         v-bind="$attrs"
         class="min-w-60"
+        @update:model-value="onUpdate"
       />
       <label :for="path">{{ l(label) }}</label>
     </FloatLabel>
@@ -17,6 +18,7 @@
 </template>
 
 <script setup>
+import { ref } from "vue";
 import { FloatLabel, InputText, Skeleton } from "primevue";
 import { useContext, useLocalization } from "#imports";
 import { AwaitLoading } from "#components";
@@ -26,6 +28,11 @@ const { schema } = defineProps({
   schema: { type: null, required: true }
 });
 const model = defineModel({ type: null, required: true });
-const { label } = schema;
+const { label, targetProp } = schema;
 const path = context.injectPath();
+const input = ref("");
+function onUpdate(value) {
+  input.value = value;
+  model.value = value && targetProp ? { [targetProp]: value } : value || void 0;
+}
 </script>

package/dist/runtime/components/Text.vue

@@ -13,15 +13,24 @@ import { computed } from "vue";
 import { useFormat } from "#imports";
 import { AwaitLoading } from "#components";
 const { truncate } = useFormat();
-const { schema, data } = defineProps({
+const { schema, data: rawData } = defineProps({
   schema: { type: null, required: true },
   data: { type: null, required: true }
 });
-const { maxLength } = schema;
-const lengthIsExceeded = computed(() => maxLength && data.length > maxLength);
-const text = computed(() => lengthIsExceeded.value ? truncate(data, maxLength) : data);
+const { maxLength, prop } = schema;
+const data = computed(() => {
+  if (!rawData) {
+    return null;
+  }
+  if (prop) {
+    return rawData[prop];
+  }
+  return rawData;
+});
+const lengthIsExceeded = computed(() => maxLength && data.value.length > maxLength);
+const text = computed(() => lengthIsExceeded.value ? truncate(data.value, maxLength) : data.value);
 const tooltip = computed(() => ({
-  value: `${data}`,
+  value: `${data.value}`,
   disabled: !lengthIsExceeded.value,
   pt: {
     root: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mouseless/baked",
-  "version": "1.3.4",
+  "version": "1.3.6",
   "description": "Baked is an opinionated framework for .NET and Vue. This is the UI package of Baked project.",
   "keywords": [
     "baked",