@allbluecn/web-app 0.18.2 → 0.19.0

package/src/components/design/canvas/document/__tests__/canvas-tree-fixture-snapshot.ts

@@ -0,0 +1,589 @@
+// SPDX-License-Identifier: AGPL-3.0-or-later
+// AllBlue - 理想之海
+// Copyright (C) 2026 AllBlue Contributors
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program. If not, see <https://www.gnu.org/licenses/>.
+
+// 真实 LeaferJSONPackage 快照（web 侧副本——跨包 exports 不放行 __tests__
+// 深路径导入，按「数据文件复制 + 注释互指」口径从 collab-core 冻结件复制）：
+// packages/collab-core/src/__tests__/canvas-tree-fixture.ts
+//
+// 生成方式与再生成步骤见该文件头注释（真实 leafer-editor getJSON 回放，
+// pkg = exportLeaferJSON(scene, 真实 tree) 重打包自洽）。两份副本必须
+// 同步再生成——canvas-tree-fixture-reconcile.test.ts 的活体门卫对账会把
+// 「web 门卫演进而副本未跟」挡红。
+
+export const CANVAS_TREE_FIXTURE_SNAPSHOT = {
+  "pkg": {
+    "format": "leafer-json",
+    "version": 1,
+    "meta": {
+      "device": "desktop",
+      "background": "#f8fafc"
+    },
+    "tree": {
+      "tag": "Group",
+      "width": 1200,
+      "height": 812,
+      "id": "board",
+      "editable": false,
+      "children": [
+        {
+          "tag": "Frame",
+          "fill": "#ffffff",
+          "width": 390,
+          "height": 844,
+          "id": "frame_1",
+          "name": "首页",
+          "x": 80,
+          "y": 60,
+          "editable": false,
+          "children": []
+        },
+        {
+          "tag": "Rect",
+          "id": "rect_1",
+          "x": 10,
+          "y": 20,
+          "width": 100,
+          "height": 50,
+          "editable": true,
+          "fill": [
+            {
+              "type": "solid",
+              "color": "#f5f5f5",
+              "opacity": 1,
+              "visible": true
+            }
+          ],
+          "stroke": "oklch(1 0 0 / 10%)",
+          "strokeWidth": 1,
+          "cornerRadius": 12
+        },
+        {
+          "tag": "Group",
+          "width": 320,
+          "height": 180,
+          "id": "group_1",
+          "x": 500,
+          "y": 120,
+          "editable": true,
+          "children": [
+            {
+              "tag": "Rect",
+              "id": "rect_2",
+              "x": 0,
+              "width": 320,
+              "height": 180,
+              "editable": true,
+              "fill": [
+                {
+                  "type": "solid",
+                  "color": "#3b82f6",
+                  "opacity": 1,
+                  "visible": true
+                }
+              ],
+              "stroke": "oklch(1 0 0 / 10%)",
+              "strokeWidth": 1,
+              "cornerRadius": 8
+            },
+            {
+              "tag": "Text",
+              "width": 180,
+              "height": 32,
+              "fill": [
+                {
+                  "type": "solid",
+                  "color": "#0f172a",
+                  "opacity": 1,
+                  "visible": true
+                }
+              ],
+              "text": "按钮",
+              "fontSize": 16,
+              "fontWeight": 500,
+              "id": "text_1",
+              "x": 8,
+              "y": 8,
+              "editable": true
+            }
+          ]
+        },
+        {
+          "tag": "Rect",
+          "id": "rect_x",
+          "x": 600,
+          "y": 400,
+          "width": 200,
+          "height": 200,
+          "editable": true,
+          "fill": [
+            {
+              "type": "image",
+              "url": "leafer://shader/rect_x/p_sha",
+              "opacity": 1,
+              "visible": true,
+              "changeful": true
+            }
+          ],
+          "stroke": "oklch(1 0 0 / 10%)",
+          "strokeWidth": 1,
+          "cornerRadius": 8
+        },
+        {
+          "tag": "Ellipse",
+          "id": "ellipse_1",
+          "x": 240,
+          "y": 300,
+          "width": 120,
+          "height": 90,
+          "editable": true,
+          "fill": [
+            {
+              "type": "solid",
+              "color": "#f5f5f5",
+              "opacity": 1,
+              "visible": true
+            }
+          ],
+          "stroke": [
+            {
+              "type": "solid",
+              "color": "#111827",
+              "opacity": 1,
+              "visible": true
+            }
+          ],
+          "strokeWidth": 2,
+          "dashPattern": [
+            4,
+            4
+          ]
+        }
+      ]
+    },
+    "extensions": {
+      "board": {
+        "props": {}
+      },
+      "frame_1": {
+        "props": {},
+        "constraints": {
+          "horizontal": "min",
+          "vertical": "min"
+        },
+        "locked": true
+      },
+      "rect_1": {
+        "props": {},
+        "exports": [
+          {
+            "id": "exp_1",
+            "format": "png",
+            "scale": 2,
+            "suffix": "@2x"
+          }
+        ],
+        "constraints": {
+          "horizontal": "center",
+          "vertical": "stretch"
+        },
+        "aspectLocked": true,
+        "refCorner": "center"
+      },
+      "group_1": {
+        "props": {}
+      },
+      "rect_2": {
+        "props": {}
+      },
+      "text_1": {
+        "props": {
+          "text": "按钮"
+        }
+      },
+      "rect_x": {
+        "props": {},
+        "fills": [
+          {
+            "id": "p_sha",
+            "type": "shader",
+            "shaderId": "mesh-gradient",
+            "props": {
+              "colors": [
+                "#ff0000",
+                "#00ff00"
+              ]
+            },
+            "speed": 0.5,
+            "opacity": 1,
+            "visible": true
+          }
+        ]
+      },
+      "ellipse_1": {
+        "props": {}
+      }
+    }
+  },
+  "scene": {
+    "version": 1,
+    "meta": {
+      "device": "desktop",
+      "background": "#f8fafc"
+    },
+    "nodes": [
+      {
+        "id": "board",
+        "kind": "group",
+        "type": "board",
+        "parentId": null,
+        "x": 0,
+        "y": 0,
+        "width": 1200,
+        "height": 812,
+        "style": {
+          "editable": false
+        },
+        "props": {},
+        "locked": true
+      },
+      {
+        "id": "frame_1",
+        "kind": "group",
+        "type": "frame",
+        "parentId": "board",
+        "x": 80,
+        "y": 60,
+        "width": 390,
+        "height": 844,
+        "style": {
+          "fill": "#ffffff"
+        },
+        "props": {},
+        "name": "首页",
+        "locked": true,
+        "constraints": {
+          "horizontal": "min",
+          "vertical": "min"
+        },
+        "fills": [
+          {
+            "id": "p_1yxfdlw",
+            "type": "solid",
+            "color": "#ffffff",
+            "opacity": 1,
+            "visible": true
+          }
+        ]
+      },
+      {
+        "id": "rect_1",
+        "kind": "shape",
+        "type": "rect",
+        "parentId": "board",
+        "x": 10,
+        "y": 20,
+        "width": 100,
+        "height": 50,
+        "style": {
+          "editable": true,
+          "fill": [
+            {
+              "type": "solid",
+              "color": "#f5f5f5",
+              "opacity": 1,
+              "visible": true
+            }
+          ],
+          "stroke": "oklch(1 0 0 / 10%)",
+          "strokeWidth": 1,
+          "cornerRadius": 12
+        },
+        "props": {},
+        "exports": [
+          {
+            "id": "exp_1",
+            "format": "png",
+            "scale": 2,
+            "suffix": "@2x"
+          }
+        ],
+        "constraints": {
+          "horizontal": "center",
+          "vertical": "stretch"
+        },
+        "aspectLocked": true,
+        "refCorner": "center",
+        "fills": [
+          {
+            "id": "p_40417rf",
+            "type": "solid",
+            "color": "#f5f5f5",
+            "opacity": 1,
+            "visible": true
+          }
+        ],
+        "strokes": [
+          {
+            "id": "s_11u0f6z",
+            "paint": {
+              "id": "p_fedxbym",
+              "type": "solid",
+              "color": "oklch(1 0 0 / 10%)",
+              "opacity": 1,
+              "visible": true
+            },
+            "width": 1,
+            "visible": true
+          }
+        ],
+        "corners": [
+          12,
+          12,
+          12,
+          12
+        ]
+      },
+      {
+        "id": "group_1",
+        "kind": "group",
+        "type": "group",
+        "parentId": "board",
+        "x": 500,
+        "y": 120,
+        "width": 320,
+        "height": 180,
+        "style": {
+          "editable": true
+        },
+        "props": {}
+      },
+      {
+        "id": "rect_2",
+        "kind": "shape",
+        "type": "rect",
+        "parentId": "group_1",
+        "x": 0,
+        "y": 0,
+        "width": 320,
+        "height": 180,
+        "style": {
+          "editable": true,
+          "fill": [
+            {
+              "type": "solid",
+              "color": "#3b82f6",
+              "opacity": 1,
+              "visible": true
+            }
+          ],
+          "stroke": "oklch(1 0 0 / 10%)",
+          "strokeWidth": 1,
+          "cornerRadius": 8
+        },
+        "props": {},
+        "fills": [
+          {
+            "id": "p_mi55kfy",
+            "type": "solid",
+            "color": "#3b82f6",
+            "opacity": 1,
+            "visible": true
+          }
+        ],
+        "strokes": [
+          {
+            "id": "s_uw9ynwc",
+            "paint": {
+              "id": "p_uy5hx3u",
+              "type": "solid",
+              "color": "oklch(1 0 0 / 10%)",
+              "opacity": 1,
+              "visible": true
+            },
+            "width": 1,
+            "visible": true
+          }
+        ],
+        "corners": [
+          8,
+          8,
+          8,
+          8
+        ]
+      },
+      {
+        "id": "text_1",
+        "kind": "shape",
+        "type": "text",
+        "parentId": "group_1",
+        "x": 8,
+        "y": 8,
+        "width": 180,
+        "height": 32,
+        "style": {
+          "fill": [
+            {
+              "type": "solid",
+              "color": "#0f172a",
+              "opacity": 1,
+              "visible": true
+            }
+          ],
+          "fontSize": 16,
+          "fontWeight": 500,
+          "editable": true
+        },
+        "props": {
+          "text": "按钮"
+        },
+        "fills": [
+          {
+            "id": "p_ydc71kl",
+            "type": "solid",
+            "color": "#0f172a",
+            "opacity": 1,
+            "visible": true
+          }
+        ]
+      },
+      {
+        "id": "rect_x",
+        "kind": "shape",
+        "type": "rect",
+        "parentId": "board",
+        "x": 600,
+        "y": 400,
+        "width": 200,
+        "height": 200,
+        "style": {
+          "editable": true,
+          "fill": [
+            {
+              "type": "image",
+              "url": "leafer://shader/rect_x/p_sha",
+              "opacity": 1,
+              "visible": true,
+              "changeful": true
+            }
+          ],
+          "stroke": "oklch(1 0 0 / 10%)",
+          "strokeWidth": 1,
+          "cornerRadius": 8
+        },
+        "props": {},
+        "fills": [
+          {
+            "id": "p_sha",
+            "type": "shader",
+            "shaderId": "mesh-gradient",
+            "props": {
+              "colors": [
+                "#ff0000",
+                "#00ff00"
+              ]
+            },
+            "speed": 0.5,
+            "opacity": 1,
+            "visible": true
+          }
+        ],
+        "strokes": [
+          {
+            "id": "s_usrtwy8",
+            "paint": {
+              "id": "p_xm50n8g",
+              "type": "solid",
+              "color": "oklch(1 0 0 / 10%)",
+              "opacity": 1,
+              "visible": true
+            },
+            "width": 1,
+            "visible": true
+          }
+        ],
+        "corners": [
+          8,
+          8,
+          8,
+          8
+        ]
+      },
+      {
+        "id": "ellipse_1",
+        "kind": "shape",
+        "type": "ellipse",
+        "parentId": "board",
+        "x": 240,
+        "y": 300,
+        "width": 120,
+        "height": 90,
+        "style": {
+          "editable": true,
+          "fill": [
+            {
+              "type": "solid",
+              "color": "#f5f5f5",
+              "opacity": 1,
+              "visible": true
+            }
+          ],
+          "stroke": [
+            {
+              "type": "solid",
+              "color": "#111827",
+              "opacity": 1,
+              "visible": true
+            }
+          ],
+          "strokeWidth": 2,
+          "dashPattern": [
+            4,
+            4
+          ]
+        },
+        "props": {},
+        "fills": [
+          {
+            "id": "p_qw9tnse",
+            "type": "solid",
+            "color": "#f5f5f5",
+            "opacity": 1,
+            "visible": true
+          }
+        ],
+        "strokes": [
+          {
+            "id": "s_iz84k6p",
+            "paint": {
+              "id": "p_djrymuh",
+              "type": "solid",
+              "color": "#111827",
+              "opacity": 1,
+              "visible": true
+            },
+            "width": 2,
+            "dashPattern": [
+              4,
+              4
+            ],
+            "visible": true
+          }
+        ]
+      }
+    ]
+  }
+} as const