You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
For fields containing sensitive data (like passwords, API keys, tokens, or other confidential values), you can create a renderer that blurs the value by default and reveals it on click.
589
-
590
-
Create a file `SensitiveBlurCell.vue` in your `custom` directory:
For fields containing sensitive data (like passwords, API keys, tokens, or other confidential values), use the `SensitiveBlurCell` renderer. It blurs the value by default and reveals it on click.
635
589
636
590
```ts title='./resources/anyResource.ts'
637
591
columns: [
@@ -641,15 +595,15 @@ Now use it in your resource configuration:
641
595
//diff-add
642
596
components: {
643
597
//diff-add
644
-
show:'@@/SensitiveBlurCell.vue',
598
+
show:'@/renderers/SensitiveBlurCell.vue',
645
599
//diff-add
646
-
list:'@@/SensitiveBlurCell.vue',
600
+
list:'@/renderers/SensitiveBlurCell.vue',
647
601
//diff-add
648
602
},
649
603
...
650
604
```
651
605
652
-
This component works with any field type — it wraps the standard `ValueRenderer` (the same renderer AdminForth would use by default) and adds a click-to-reveal blur effect. The value is blurred until the user clicks on it, and clicking again hides it.
606
+
The renderer wraps the standard value output and adds a click-to-reveal blur effect. Clicking again hides the value.
0 commit comments