nuxt-unified-ui 0.2.25 → 0.2.27

package/app/app.config.js

@@ -11,7 +11,7 @@ export default defineAppConfig({
 
     table: {
       slots: {
-        td: 'p-3',
+        td: 'py-3',
       },
     },
 

package/app/components/un-form.vue

@@ -63,7 +63,7 @@ const filteredFields = computed(() => {
         :is="elementsMap[field.identifier]"
         :field="field"
         :model-value="radGet(props.target, field.key)"
-        @update:model-value="radSet(props.target, field.key, $event)"
+        @update:model-value="unSet(props.target, field.key, $event)"
       />
     </div>
   </div>

package/app/utils/unified-set.ts

@@ -0,0 +1,53 @@
+
+
+/**
+ * Dynamically set a nested value into an object using a key path.
+ * Modifies the given initial object.
+ *
+ * @example
+ * unSet({}, 'name', 'ra')
+ * // => { name: 'ra' }
+ *
+ * @example
+ * unSet({}, 'cards[0].value', 2)
+ * // => { cards: [{ value: 2 }] }
+ */
+
+export function unSet(target: any, key: string, value: any) {
+
+  const segments = (
+    key
+      .replace(/\[(\d+)\]/g, '.$1')
+      .split('.')
+      .filter(Boolean)
+  );
+
+  if (segments.length === 0) {
+    return target;
+  }
+
+
+  let current = target;
+
+
+  for (let i = 0; i < segments.length - 1; i++) {
+
+    const segment = segments[i]!;
+    const nextSegment = segments[i + 1]!;
+    const isNextArray = /^\d+$/.test(nextSegment);
+
+    if (current[segment] === undefined || current[segment] === null) {
+      current[segment] = isNextArray ? [] : {};
+    }
+
+    current = current[segment];
+
+  }
+
+
+  const lastSegment = segments[segments.length - 1]!;
+  current[lastSegment] = value;
+
+  return target;
+
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "nuxt-unified-ui",
   "type": "module",
-  "version": "0.2.25",
+  "version": "0.2.27",
   "main": "./nuxt.config.ts",
   "types": "./index.d.ts",
   "exports": {