property-data-source.json

{
  "project": {
    "name": "属性数据源示例",
    "screen": {
      "uid": "screen_main",
      "type": "screen",
      "name": "主页面",
      "options": {
        "fullscreen-mode": "fill-uniform", "fill-auto-expand": true,
        "size": [1920, 1080],
        "background-color": "#0c0d0e"
      },
      "stateOverrides": {},
      "widgets": [
        {
          "uid": "w_title",
          "type": "basic-text",
          "options": {
            "position": [140, 70],
            "size": [1640, 90],
            "text": "属性数据源：组件 A 把它的「文本」属性「生成属性数据源」→ B 文本 / C 表格订阅该属性的 value 字段。改 A 的文本，B/C 同步。",
            "text-font": { "size": 28, "color": "#ffffff" },
            "text-position": "left"
          },
          "stateOverrides": {}
        },
        {
          "uid": "w_src",
          "type": "basic-text",
          "name": "组件A(属性数据源)",
          "options": {
            "position": [140, 220],
            "size": [560, 160],
            "text": "本月主推：新能源汽车",
            "text-font": { "size": 30, "color": "#36d1a6" },
            "text-position": "center",
            "border": true,
            "prop-source-entries": [
              {
                "name": "[\"text\"]",
                "alias": "主推文案",
                "cUID": "w_src",
                "connectionUID": "__vp_prop_w_src"
              }
            ]
          },
          "stateOverrides": {}
        },
        {
          "uid": "w_echo",
          "type": "basic-text",
          "name": "组件B(订阅属性)",
          "options": {
            "position": [760, 220],
            "size": [560, 160],
            "text": "(等待 A 的属性…)",
            "text-font": { "size": 30, "color": "#ffd666" },
            "text-position": "center",
            "border": true,
            "value-field": [["__vp_prop_w_src", "w_src::[\"text\"]", "value"]]
          },
          "stateOverrides": {}
        },
        {
          "uid": "w_table",
          "type": "basic-table",
          "name": "组件C(属性即数据表)",
          "options": {
            "position": [140, 430],
            "size": [1180, 280],
            "row-count": 5,
            "table-data-fields": [["__vp_prop_w_src", "w_src::[\"text\"]", "value"]]
          },
          "stateOverrides": {}
        }
      ]
    },
    "screens": [],
    "params": {},
    "settings": {}
  },
  "connections": [
    {
      "uid": "__vp_prop_w_src",
      "name": "属性数据源",
      "type": "prop-source",
      "connectorType": "prop-source",
      "tables": [
        {
          "uid": "w_src::[\"text\"]",
          "name": "主推文案",
          "fields": [{ "uid": "value", "alias": "value", "type": "string" }]
        }
      ]
    }
  ],
  "connectionData": {
    "__vp_prop_w_src": [
      {
        "tableId": "w_src::[\"text\"]",
        "fields": [
          { "uid": "value", "alias": "value", "type": "string" }
        ],
        "rows": [{ "value": "本月主推：新能源汽车" }]
      }
    ]
  },
  "dataRules": []
}