id: first_chest_replacement
version: 1
title: 第一个箱子替换示例
size:
  width: window.width
  height: window.height
coordinateMode: absolute
display:
  mode: container
  container:
    target: chest
    title:
      mode: exact
      value: ChaUI First Chest
    rows:
      - 3
    priority: 100
elements:
  - id: panel
    type: rect
    visible: true
    enabled: false
    pointerEvents: block
    opacity: 0.92
    z: 0
    layout:
      x: window.width * 0.5 - 120
      y: window.height * 0.5 - 65
      width: 240
      height: 130
    rect:
      color: '#151A24'
  - id: title
    type: text
    visible: true
    enabled: false
    pointerEvents: pass
    z: 1
    layout:
      x: window.width * 0.5 - 105
      y: window.height * 0.5 - 52
      width: 210
      height: 14
    text:
      value: 第一个箱子替换界面
      textSize: 1.0
      textLineLength: 24
      align: center
  - id: menu_button_back
    type: rect
    visible: true
    enabled: false
    pointerEvents: pass
    z: 1
    layout:
      x: window.width * 0.5 - 70
      y: window.height * 0.5 - 20
      width: 140
      height: 30
    rect:
      color: '#334866'
  - id: menu_item
    type: item_display
    visible: true
    enabled: false
    pointerEvents: pass
    containerBinding: container_13
    z: 2
    layout:
      x: window.width * 0.5 - 62
      y: window.height * 0.5 - 13
      width: 18
      height: 18
    itemDisplay: {}
  - id: menu_button
    type: button
    visible: true
    enabled: true
    pointerEvents: auto
    containerBinding: container_13
    containerTooltip: true
    z: 3
    layout:
      x: window.width * 0.5 - 70
      y: window.height * 0.5 - 20
      width: 140
      height: 30
    button:
      label: '{vals.container.components.menu_button.name}'
      textSize: 0.9
      textX: 12
      textY: 0
      textLineLength: 20
      align: center
  - id: menu_lore
    type: text
    visible: true
    enabled: false
    pointerEvents: pass
    containerBinding: container_13
    z: 2
    layout:
      x: window.width * 0.5 - 100
      y: window.height * 0.5 + 22
      width: 200
      height: 32
    text:
      value: '{vals.container.components.menu_lore.loreText}'
      textSize: 0.75
      textLineLength: 34
      align: center
