{
  "schemaVersion": 1,
  "prefabName": "UI_CommonChat",
  "prefabPath": "Assets/Game/Art/UI/Prefab/UI_CommonChat.prefab",
  "description": "Normal 层通用聊天界面。默认只显示窗口下方的一行聊天输入入口，点击 Btn_CollapsedInput 触发 Chat.Open 后由运行时控制器隐藏 Panel_Collapsed 并显示 Panel_Chat。展开态包含标题、关闭按钮、消息 ScrollRect、消息模板、底部输入框和发送按钮。JsonUIPrefabBuilder 会为 InputHitArea 生成真实 TMP_InputField，并绑定 Txt_InputValue/Txt_InputPlaceholder；消息克隆、滚动到底和聊天开关由 C# 按 bindings/events 接管。",
  "canvas": {
    "canvasScaler": {
      "referenceResolution": [2048, 1024],
      "matchWidthOrHeight": 0.5
    }
  },
  "assets": {
    "sprites": {
      "ui_panel_main": "Assets/Game/Art/UI/Texture/Common/ui_panel_main.png",
      "ui_panel_header": "Assets/Game/Art/UI/Texture/Common/ui_panel_header.png",
      "ui_panel_content": "Assets/Game/Art/UI/Texture/Common/ui_panel_content.png",
      "ui_panel_footer": "Assets/Game/Art/UI/Texture/Common/ui_panel_footer.png",
      "ui_list_item_normal": "Assets/Game/Art/UI/Texture/Common/ui_list_item_normal.png",
      "input_bg_normal": "Assets/Game/Art/UI/Texture/Common/input_bg_normal.png",
      "input_bg_focus": "Assets/Game/Art/UI/Texture/Common/input_bg_focus.png",
      "btn_primary_normal": "Assets/Game/Art/UI/Texture/Common/btn_primary_normal.png",
      "btn_primary_hover": "Assets/Game/Art/UI/Texture/Common/btn_primary_hover.png",
      "btn_primary_pressed": "Assets/Game/Art/UI/Texture/Common/btn_primary_pressed.png",
      "btn_primary_disabled": "Assets/Game/Art/UI/Texture/Common/btn_primary_disabled.png",
      "btn_close": "Assets/Game/Art/UI/Texture/Common/btn_close.png",
      "ico_chat": "Assets/Game/Art/UI/Texture/Common/ico_chat.png",
      "ico_clear": "Assets/Game/Art/UI/Texture/Common/ico_clear.png",
      "ico_keyboard": "Assets/Game/Art/UI/Texture/Common/ico_keyboard.png"
    }
  },
  "nodes": [
    {
      "name": "UI_CommonChat",
      "parent": null,
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [0, 0],
        "offsetMax": [0, 0]
      },
      "components": [
        {
          "type": "Canvas",
          "sortingOrder": 12000
        },
        {
          "type": "CanvasScaler",
          "referenceResolution": [2048, 1024],
          "matchWidthOrHeight": 0.5
        },
        {
          "type": "GraphicRaycaster"
        }
      ]
    },
    {
      "name": "Panel_Collapsed",
      "parent": "UI_CommonChat",
      "active": true,
      "rect": {
        "anchorMin": [0.5, 0],
        "anchorMax": [0.5, 0],
        "pivot": [0.5, 0],
        "anchoredPosition": [0, 40],
        "sizeDelta": [720, 88]
      },
      "components": [
        {
          "type": "CanvasGroup",
          "alpha": 0.98,
          "interactable": true,
          "blocksRaycasts": true
        }
      ]
    },
    {
      "name": "Btn_CollapsedInput",
      "parent": "Panel_Collapsed",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [0, 0],
        "offsetMax": [0, 0]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "input_bg_normal",
          "imageType": "Sliced",
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        },
        {
          "type": "Button",
          "transition": "SpriteSwap",
          "spriteHighlighted": "input_bg_focus",
          "spritePressed": "input_bg_focus",
          "spriteDisabled": "input_bg_normal",
          "onClick": "Chat.Open"
        },
        {
          "type": "Shadow",
          "effectColor": "#06101F55",
          "effectDistance": [0, -6],
          "useGraphicAlpha": true
        }
      ]
    },
    {
      "name": "Img_CollapsedChatIcon",
      "parent": "Btn_CollapsedInput",
      "active": true,
      "rect": {
        "anchorMin": [0, 0.5],
        "anchorMax": [0, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [48, 0],
        "sizeDelta": [48, 48]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ico_chat",
          "imageType": "Simple",
          "preserveAspect": true,
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Txt_CollapsedPlaceholder",
      "parent": "Btn_CollapsedInput",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [92, 0],
        "offsetMax": [-32, 0]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "点击输入消息...",
          "fontSize": 30,
          "alignment": "Left",
          "color": "#6B7E92FF",
          "raycastTarget": false
        }
      ]
    },
    {
      "name": "Panel_Chat",
      "parent": "UI_CommonChat",
      "active": false,
      "rect": {
        "anchorMin": [0.5, 0],
        "anchorMax": [0.5, 0],
        "pivot": [0.5, 0],
        "anchoredPosition": [0, 40],
        "sizeDelta": [960, 720]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ui_panel_main",
          "imageType": "Sliced",
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        },
        {
          "type": "Shadow",
          "effectColor": "#06101F66",
          "effectDistance": [0, -10],
          "useGraphicAlpha": true
        }
      ]
    },
    {
      "name": "Panel_Header",
      "parent": "Panel_Chat",
      "active": true,
      "rect": {
        "anchorMin": [0, 1],
        "anchorMax": [1, 1],
        "pivot": [0.5, 1],
        "anchoredPosition": [0, 0],
        "sizeDelta": [0, 104]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ui_panel_header",
          "imageType": "Sliced",
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Img_HeaderChatIcon",
      "parent": "Panel_Header",
      "active": true,
      "rect": {
        "anchorMin": [0, 0.5],
        "anchorMax": [0, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [58, 0],
        "sizeDelta": [52, 52]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ico_chat",
          "imageType": "Simple",
          "preserveAspect": true,
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Txt_Title",
      "parent": "Panel_Header",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [104, 0],
        "offsetMax": [-112, 0]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "聊天",
          "fontSize": 42,
          "fontStyle": "Bold",
          "alignment": "Left",
          "color": "#102033FF",
          "raycastTarget": false
        }
      ]
    },
    {
      "name": "Btn_Close",
      "parent": "Panel_Header",
      "active": true,
      "rect": {
        "anchorMin": [1, 0.5],
        "anchorMax": [1, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [-56, 0],
        "sizeDelta": [72, 72]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "btn_close",
          "imageType": "Simple",
          "preserveAspect": true,
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        },
        {
          "type": "Button",
          "transition": "ColorTint",
          "onClick": "Chat.Close"
        }
      ]
    },
    {
      "name": "Panel_MessageArea",
      "parent": "Panel_Chat",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [32, 132],
        "offsetMax": [-32, -120]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ui_panel_content",
          "imageType": "Sliced",
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Scroll_Messages",
      "parent": "Panel_MessageArea",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [20, 20],
        "offsetMax": [-20, -20]
      },
      "components": [
        {
          "type": "ScrollRect",
          "horizontal": false,
          "vertical": true,
          "viewport": "Viewport_Messages",
          "content": "Content_Messages"
        }
      ]
    },
    {
      "name": "Viewport_Messages",
      "parent": "Scroll_Messages",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [0, 0],
        "offsetMax": [0, 0]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ui_panel_content",
          "imageType": "Sliced",
          "raycastTarget": true,
          "color": "#FFFFFF00"
        },
        {
          "type": "RectMask2D"
        }
      ]
    },
    {
      "name": "Content_Messages",
      "parent": "Viewport_Messages",
      "active": true,
      "rect": {
        "anchorMin": [0, 1],
        "anchorMax": [1, 1],
        "pivot": [0.5, 1],
        "anchoredPosition": [0, 0],
        "sizeDelta": [0, 0]
      },
      "components": [
        {
          "type": "VerticalLayoutGroup",
          "spacing": 14,
          "padding": [8, 8, 8, 8],
          "childAlignment": "UpperCenter",
          "childControlWidth": true,
          "childControlHeight": true,
          "childForceExpandWidth": false,
          "childForceExpandHeight": false
        },
        {
          "type": "ContentSizeFitter",
          "verticalFit": "PreferredSize",
          "horizontalFit": "Unconstrained"
        }
      ]
    },
    {
      "name": "Item_MessageOther_Template",
      "parent": "Content_Messages",
      "active": false,
      "rect": {
        "anchorMin": [0, 1],
        "anchorMax": [1, 1],
        "pivot": [0.5, 1],
        "anchoredPosition": [0, 0],
        "sizeDelta": [0, 112]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ui_list_item_normal",
          "imageType": "Sliced",
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        },
        {
          "type": "LayoutElement",
          "preferredHeight": 112,
          "preferredWidth": 840
        }
      ]
    },
    {
      "name": "Txt_OtherName",
      "parent": "Item_MessageOther_Template",
      "active": true,
      "rect": {
        "anchorMin": [0, 1],
        "anchorMax": [1, 1],
        "pivot": [0.5, 1],
        "anchoredPosition": [0, -12],
        "sizeDelta": [-40, 30]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "玩家",
          "fontSize": 22,
          "fontStyle": "Bold",
          "alignment": "Left",
          "color": "#2F6AA8FF",
          "raycastTarget": false
        }
      ]
    },
    {
      "name": "Txt_OtherMessage",
      "parent": "Item_MessageOther_Template",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [20, 14],
        "offsetMax": [-32, -42]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "你好，欢迎来到聊天频道。",
          "fontSize": 28,
          "alignment": "Left",
          "color": "#23384CFF",
          "raycastTarget": false
        }
      ]
    },
    {
      "name": "Item_MessageSelf_Template",
      "parent": "Content_Messages",
      "active": false,
      "rect": {
        "anchorMin": [0, 1],
        "anchorMax": [1, 1],
        "pivot": [0.5, 1],
        "anchoredPosition": [0, 0],
        "sizeDelta": [0, 104]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ui_list_item_normal",
          "imageType": "Sliced",
          "raycastTarget": false,
          "color": "#DDF8E6FF"
        },
        {
          "type": "LayoutElement",
          "preferredHeight": 104,
          "preferredWidth": 840
        }
      ]
    },
    {
      "name": "Txt_SelfMessage",
      "parent": "Item_MessageSelf_Template",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [28, 16],
        "offsetMax": [-28, -16]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "这是我发送的消息。",
          "fontSize": 28,
          "alignment": "Right",
          "color": "#1E4A2EFF",
          "raycastTarget": false
        }
      ]
    },
    {
      "name": "Panel_InputBar",
      "parent": "Panel_Chat",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 0],
        "pivot": [0.5, 0],
        "anchoredPosition": [0, 0],
        "sizeDelta": [0, 120]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ui_panel_footer",
          "imageType": "Sliced",
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "InputHitArea",
      "parent": "Panel_InputBar",
      "active": true,
      "rect": {
        "anchorMin": [0, 0.5],
        "anchorMax": [1, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [-84, 0],
        "sizeDelta": [-256, 76]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "input_bg_normal",
          "imageType": "Sliced",
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        },
        {
          "type": "TMP_InputField",
          "textComponent": "Txt_InputValue",
          "placeholderComponent": "Txt_InputPlaceholder",
          "placeholder": "输入聊天内容...",
          "characterLimit": 200,
          "lineType": "SingleLine",
          "contentType": "Standard"
        }
      ]
    },
    {
      "name": "Img_Keyboard",
      "parent": "InputHitArea",
      "active": true,
      "rect": {
        "anchorMin": [0, 0.5],
        "anchorMax": [0, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [42, 0],
        "sizeDelta": [40, 40]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ico_keyboard",
          "imageType": "Simple",
          "preserveAspect": true,
          "raycastTarget": false,
          "color": "#FFFFFFFF"
        }
      ]
    },
    {
      "name": "Txt_InputPlaceholder",
      "parent": "InputHitArea",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [76, 0],
        "offsetMax": [-72, 0]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "输入聊天内容...",
          "fontSize": 28,
          "alignment": "Left",
          "color": "#7A8DA1FF",
          "raycastTarget": false
        }
      ]
    },
    {
      "name": "Txt_InputValue",
      "parent": "InputHitArea",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [76, 0],
        "offsetMax": [-72, 0]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "",
          "fontSize": 28,
          "alignment": "Left",
          "color": "#23384CFF",
          "raycastTarget": false
        }
      ]
    },
    {
      "name": "Btn_ClearInput",
      "parent": "InputHitArea",
      "active": true,
      "rect": {
        "anchorMin": [1, 0.5],
        "anchorMax": [1, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [-38, 0],
        "sizeDelta": [44, 44]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "ico_clear",
          "imageType": "Simple",
          "preserveAspect": true,
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        },
        {
          "type": "Button",
          "transition": "ColorTint",
          "onClick": "Chat.ClearInput"
        }
      ]
    },
    {
      "name": "Btn_Send",
      "parent": "Panel_InputBar",
      "active": true,
      "rect": {
        "anchorMin": [1, 0.5],
        "anchorMax": [1, 0.5],
        "pivot": [0.5, 0.5],
        "anchoredPosition": [-92, 0],
        "sizeDelta": [160, 76]
      },
      "components": [
        {
          "type": "Image",
          "sprite": "btn_primary_normal",
          "imageType": "Sliced",
          "raycastTarget": true,
          "color": "#FFFFFFFF"
        },
        {
          "type": "Button",
          "transition": "SpriteSwap",
          "spriteHighlighted": "btn_primary_hover",
          "spritePressed": "btn_primary_pressed",
          "spriteDisabled": "btn_primary_disabled",
          "onClick": "Chat.Send"
        }
      ]
    },
    {
      "name": "Txt_Send",
      "parent": "Btn_Send",
      "active": true,
      "rect": {
        "anchorMin": [0, 0],
        "anchorMax": [1, 1],
        "offsetMin": [0, 0],
        "offsetMax": [0, 0]
      },
      "components": [
        {
          "type": "TextMeshProUGUI",
          "text": "发送",
          "fontSize": 30,
          "fontStyle": "Bold",
          "alignment": "Center",
          "color": "#1F3A0EFF",
          "raycastTarget": false
        },
        {
          "type": "Outline",
          "effectColor": "#FFFFFFFF",
          "effectDistance": [1, -1],
          "useGraphicAlpha": true
        }
      ]
    }
  ],
  "bindings": [
    "Panel_Collapsed",
    "Btn_CollapsedInput",
    "Panel_Chat",
    "Btn_Close",
    "Scroll_Messages",
    "Viewport_Messages",
    "Content_Messages",
    "Item_MessageOther_Template",
    "Item_MessageSelf_Template",
    "Panel_InputBar",
    "InputHitArea",
    "Txt_InputPlaceholder",
    "Txt_InputValue",
    "Btn_ClearInput",
    "Btn_Send",
    "Txt_Title"
  ],
  "events": [
    {
      "name": "Chat.Open",
      "node": "Btn_CollapsedInput"
    },
    {
      "name": "Chat.Close",
      "node": "Btn_Close"
    },
    {
      "name": "Chat.ClearInput",
      "node": "Btn_ClearInput"
    },
    {
      "name": "Chat.Send",
      "node": "Btn_Send"
    }
  ]
}