feat: add demo label plugin for FormKit nodes with help text support by title and hide help section

sfxcode · sfxcode · commit a44d2a2c8fe7 · 2025-07-28T23:08:18.000+02:00
diff --git a/src/plugins/index.ts b/src/plugins/index.ts
@@ -24,3 +24,39 @@ export function addPrimeAsteriskPlugin(node: FormKitNode): void {
     }
   })
 }
+
+export function addLabelPlugin(node: FormKitNode): void {
+  if (!node.props.type.startsWith('prime'))
+    return
+
+  node.on('created', () => {
+    if (node.props.definition?.schema) {
+      const schemaFn = node.props.definition?.schema as FormKitExtendableSchemaRoot
+      node.props.definition!.schema = (sectionsSchema = {}) => {
+        sectionsSchema.label = {
+          children: [{
+            $el: 'span',
+            attrs: {
+              title: '$help',
+              class: 'p-formkit-label',
+            },
+            children: ['$label'],
+          }, {
+            $el: 'span',
+            if: '$state.required',
+            attrs: {
+              class: 'p-formkit-required',
+              title: '$help',
+            },
+            children: ['*'],
+          }],
+        }
+        sectionsSchema.help = {
+          children: [],
+        }
+
+        return schemaFn(sectionsSchema)
+      }
+    }
+  })
+}
