mirror of
https://github.com/johndoe6345789/low-code-react-app-b.git
synced 2026-05-01 09:04:55 +00:00
75 lines
2.3 KiB
JSON
75 lines
2.3 KiB
JSON
{
|
|
"id": "binding-indicator-root",
|
|
"type": "TooltipProvider",
|
|
"children": [
|
|
{
|
|
"id": "binding-indicator-tooltip",
|
|
"type": "Tooltip",
|
|
"children": [
|
|
{
|
|
"id": "binding-indicator-trigger",
|
|
"type": "TooltipTrigger",
|
|
"props": {
|
|
"asChild": true
|
|
},
|
|
"children": [
|
|
{
|
|
"id": "binding-indicator-content",
|
|
"type": "div",
|
|
"bindings": {
|
|
"className": {
|
|
"source": "className",
|
|
"transform": "(() => { const path = $props.path; const sourceId = $props.sourceId; const baseClass = 'inline-flex items-center gap-1 px-2 py-1 rounded text-xs bg-accent/10 text-accent border border-accent/30'; return baseClass + ' ' + (data || ''); })()"
|
|
}
|
|
},
|
|
"children": [
|
|
{
|
|
"id": "binding-indicator-icon",
|
|
"type": "Icon",
|
|
"props": {
|
|
"name": "Link",
|
|
"weight": "bold",
|
|
"className": "w-3 h-3"
|
|
}
|
|
},
|
|
{
|
|
"id": "binding-indicator-text",
|
|
"type": "span",
|
|
"props": {
|
|
"className": "font-mono"
|
|
},
|
|
"bindings": {
|
|
"children": {
|
|
"source": "sourceId",
|
|
"transform": "(() => { const path = $props.path; return path ? $props.sourceId + '.' + path : $props.sourceId; })()"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
},
|
|
{
|
|
"id": "binding-indicator-tooltip-content",
|
|
"type": "TooltipContent",
|
|
"children": [
|
|
{
|
|
"id": "binding-indicator-tooltip-text",
|
|
"type": "p",
|
|
"props": {
|
|
"className": "text-xs"
|
|
},
|
|
"bindings": {
|
|
"children": {
|
|
"source": "sourceId",
|
|
"transform": "(() => { const path = $props.path; const bindingText = path ? $props.sourceId + '.' + path : $props.sourceId; return 'Bound to: ' + bindingText; })()"
|
|
}
|
|
}
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
}
|