diff --git a/ui/spx/community.pen b/ui/spx/community.pen
index f4cab0342..d436ba719 100644
--- a/ui/spx/community.pen
+++ b/ui/spx/community.pen
@@ -21,7 +21,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"layout": "vertical",
@@ -179,7 +179,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -247,7 +247,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -395,7 +395,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#cbd2d8",
+ "color": "$gery600",
"offset": {
"x": 0,
"y": 4
@@ -602,7 +602,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#0b8893",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
@@ -9972,14 +9972,14 @@
"children": [
{
"type": "frame",
- "id": "g2XKb",
+ "id": "bjVQm",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -9991,7 +9991,7 @@
"children": [
{
"type": "frame",
- "id": "LGoSC",
+ "id": "c3HPU",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -10004,7 +10004,7 @@
"children": [
{
"type": "frame",
- "id": "uKPEA",
+ "id": "KNw4z",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -10015,7 +10015,7 @@
"children": [
{
"type": "frame",
- "id": "QwSMu",
+ "id": "5xvdc",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -10027,7 +10027,7 @@
"children": [
{
"type": "frame",
- "id": "2hAkv",
+ "id": "LJPyh",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -10041,7 +10041,7 @@
"children": [
{
"type": "frame",
- "id": "1N28D",
+ "id": "KEQZu",
"x": 0,
"y": 4,
"name": "union",
@@ -10055,7 +10055,7 @@
"children": [
{
"type": "path",
- "id": "Fom7S",
+ "id": "gp3Aq",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -10082,7 +10082,7 @@
},
{
"type": "frame",
- "id": "uPXjr",
+ "id": "IkNIc",
"name": "line",
"clip": true,
"width": 1,
@@ -10096,7 +10096,7 @@
},
{
"type": "frame",
- "id": "0K1jy",
+ "id": "HBxrw",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -10118,7 +10118,7 @@
"children": [
{
"type": "frame",
- "id": "ZMm0k",
+ "id": "1b7en",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -10130,14 +10130,14 @@
"children": [
{
"type": "frame",
- "id": "Z1sDR",
+ "id": "fQl6J",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -10148,7 +10148,7 @@
},
{
"type": "frame",
- "id": "ofrv2",
+ "id": "7ruOL",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -10160,7 +10160,7 @@
"children": [
{
"type": "path",
- "id": "jb0LT",
+ "id": "nfgSo",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -10181,7 +10181,7 @@
},
{
"type": "frame",
- "id": "cB3Sp",
+ "id": "D7Gb3",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -10198,14 +10198,14 @@
"children": [
{
"type": "frame",
- "id": "aNp6P",
+ "id": "XDN0Q",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -10220,7 +10220,7 @@
},
{
"type": "frame",
- "id": "E8ZQU",
+ "id": "urgv0",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -10233,7 +10233,7 @@
"children": [
{
"type": "frame",
- "id": "wDSTG",
+ "id": "R8vG5",
"name": "Frame",
"height": 50,
"stroke": {
@@ -10245,7 +10245,7 @@
"children": [
{
"type": "frame",
- "id": "tPiaZ",
+ "id": "gGlHS",
"name": "Search box",
"width": 340,
"height": 32,
@@ -10264,7 +10264,7 @@
"children": [
{
"type": "frame",
- "id": "gUNg8",
+ "id": "bFYo1",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -10276,7 +10276,7 @@
"children": [
{
"type": "path",
- "id": "f7Y87",
+ "id": "Qlr8O",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -10289,7 +10289,7 @@
},
{
"type": "text",
- "id": "U3uVw",
+ "id": "6Tbku",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -10302,7 +10302,7 @@
},
{
"type": "frame",
- "id": "z4Vrc",
+ "id": "vLg5H",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -10319,7 +10319,7 @@
"children": [
{
"type": "frame",
- "id": "Iqebk",
+ "id": "PAzTP",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -10331,7 +10331,7 @@
"children": [
{
"type": "ellipse",
- "id": "yjKNI",
+ "id": "KZb5T",
"x": 2,
"y": 2,
"name": "avatar",
@@ -10341,7 +10341,7 @@
{
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
}
],
@@ -10398,7 +10398,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../user bg.png",
+ "url": "./images/user bg.png",
"mode": "fill"
},
"layout": "none"
@@ -10427,7 +10427,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 152,
@@ -10555,7 +10555,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#0b8893",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
@@ -10624,17 +10624,16 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "8m6Tl",
- "name": "OverviewIcon",
+ "type": "icon_font",
+ "id": "guHdN",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "/Users/yueman/Desktop/test builder/builder-dev/spx-gui/src/components/ui/icons/info.svg",
- "mode": "stretch"
- }
+ "iconFontName": "book-open-check",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$turquoise500"
},
{
"type": "text",
@@ -10679,17 +10678,16 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "Y6keG",
- "name": "ProjectsIcon",
+ "type": "icon_font",
+ "id": "AweoG",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/asset-library.svg",
- "mode": "stretch"
- }
+ "iconFontName": "folder-closed",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
@@ -10734,17 +10732,16 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "rcY1A",
- "name": "LikesIcon",
+ "type": "icon_font",
+ "id": "zi5J8",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/heart-hollow.svg",
- "mode": "stretch"
- }
+ "iconFontName": "heart",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
@@ -10789,17 +10786,16 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "luaor",
- "name": "FollowingIcon",
+ "type": "icon_font",
+ "id": "5yh5b",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/plus.svg",
- "mode": "stretch"
- }
+ "iconFontName": "user-star",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
@@ -10844,17 +10840,16 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "yEh0L",
- "name": "FollowersIcon",
+ "type": "icon_font",
+ "id": "mDyur",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/check.svg",
- "mode": "stretch"
- }
+ "iconFontName": "users-round",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
@@ -11027,7 +11022,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -11151,7 +11146,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -11276,7 +11271,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -11400,7 +11395,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -12026,14 +12021,14 @@
"children": [
{
"type": "frame",
- "id": "kxLxP",
+ "id": "nqPpa",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -12045,7 +12040,7 @@
"children": [
{
"type": "frame",
- "id": "iPJJj",
+ "id": "YoiL8",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -12058,7 +12053,7 @@
"children": [
{
"type": "frame",
- "id": "GSnaV",
+ "id": "SMyPI",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -12069,7 +12064,7 @@
"children": [
{
"type": "frame",
- "id": "BDeEq",
+ "id": "qtVUf",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -12081,7 +12076,7 @@
"children": [
{
"type": "frame",
- "id": "ldVE2",
+ "id": "1GEuD",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -12095,7 +12090,7 @@
"children": [
{
"type": "frame",
- "id": "rRQTW",
+ "id": "QNLoI",
"x": 0,
"y": 4,
"name": "union",
@@ -12109,7 +12104,7 @@
"children": [
{
"type": "path",
- "id": "XpNP1",
+ "id": "ZE8aI",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -12136,7 +12131,7 @@
},
{
"type": "frame",
- "id": "dYicB",
+ "id": "rYGJu",
"name": "line",
"clip": true,
"width": 1,
@@ -12150,7 +12145,7 @@
},
{
"type": "frame",
- "id": "pMeNv",
+ "id": "tChKk",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -12172,7 +12167,7 @@
"children": [
{
"type": "frame",
- "id": "XFW2M",
+ "id": "UhLiU",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -12184,14 +12179,14 @@
"children": [
{
"type": "frame",
- "id": "CsjhQ",
+ "id": "WZ5zv",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -12202,7 +12197,7 @@
},
{
"type": "frame",
- "id": "zAt6g",
+ "id": "XgHcc",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -12214,7 +12209,7 @@
"children": [
{
"type": "path",
- "id": "mJm3k",
+ "id": "nprkL",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -12235,7 +12230,7 @@
},
{
"type": "frame",
- "id": "bMBZh",
+ "id": "w2AFd",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -12252,14 +12247,14 @@
"children": [
{
"type": "frame",
- "id": "BKpZE",
+ "id": "6g5WV",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -12274,7 +12269,7 @@
},
{
"type": "frame",
- "id": "arCiD",
+ "id": "8eNNF",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -12287,7 +12282,7 @@
"children": [
{
"type": "frame",
- "id": "weaBH",
+ "id": "oi1Tv",
"name": "Frame",
"height": 50,
"stroke": {
@@ -12299,7 +12294,7 @@
"children": [
{
"type": "frame",
- "id": "cC3wb",
+ "id": "L65iY",
"name": "Search box",
"width": 340,
"height": 32,
@@ -12318,7 +12313,7 @@
"children": [
{
"type": "frame",
- "id": "ZBNMy",
+ "id": "2SQML",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -12330,7 +12325,7 @@
"children": [
{
"type": "path",
- "id": "Noky3",
+ "id": "Wo4Wr",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -12343,7 +12338,7 @@
},
{
"type": "text",
- "id": "p6Lja",
+ "id": "bT6wH",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -12356,7 +12351,7 @@
},
{
"type": "frame",
- "id": "D2yb2",
+ "id": "tPtPj",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -12373,7 +12368,7 @@
"children": [
{
"type": "frame",
- "id": "96t4I",
+ "id": "4oYcH",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -12385,7 +12380,7 @@
"children": [
{
"type": "ellipse",
- "id": "BlRsk",
+ "id": "YSl2g",
"x": 2,
"y": 2,
"name": "avatar",
@@ -12395,7 +12390,7 @@
{
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
}
],
@@ -13768,14 +13763,14 @@
"children": [
{
"type": "frame",
- "id": "t5Lui",
+ "id": "zCMx8",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -13787,7 +13782,7 @@
"children": [
{
"type": "frame",
- "id": "LbQC2",
+ "id": "lSGI9",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -13800,7 +13795,7 @@
"children": [
{
"type": "frame",
- "id": "B3QX7",
+ "id": "ExMYw",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -13811,7 +13806,7 @@
"children": [
{
"type": "frame",
- "id": "LVdBJ",
+ "id": "r7KPE",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -13823,7 +13818,7 @@
"children": [
{
"type": "frame",
- "id": "BXX5g",
+ "id": "Vm9ep",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -13837,7 +13832,7 @@
"children": [
{
"type": "frame",
- "id": "WoyE7",
+ "id": "0rJoZ",
"x": 0,
"y": 4,
"name": "union",
@@ -13851,7 +13846,7 @@
"children": [
{
"type": "path",
- "id": "sYgLn",
+ "id": "TmLGY",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -13878,7 +13873,7 @@
},
{
"type": "frame",
- "id": "bK4P2",
+ "id": "fi2q0",
"name": "line",
"clip": true,
"width": 1,
@@ -13892,7 +13887,7 @@
},
{
"type": "frame",
- "id": "l9LKs",
+ "id": "Ax5jD",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -13914,7 +13909,7 @@
"children": [
{
"type": "frame",
- "id": "u33Eb",
+ "id": "ZPBaW",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -13926,14 +13921,14 @@
"children": [
{
"type": "frame",
- "id": "PU6LE",
+ "id": "toFTy",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -13944,7 +13939,7 @@
},
{
"type": "frame",
- "id": "6DKne",
+ "id": "wGRwB",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -13956,7 +13951,7 @@
"children": [
{
"type": "path",
- "id": "40PLJ",
+ "id": "QhqV5",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -13977,7 +13972,7 @@
},
{
"type": "frame",
- "id": "e4c7q",
+ "id": "R1Y10",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -13994,14 +13989,14 @@
"children": [
{
"type": "frame",
- "id": "eUPoN",
+ "id": "wlyCC",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -14016,7 +14011,7 @@
},
{
"type": "frame",
- "id": "3un0D",
+ "id": "kmFYT",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -14029,7 +14024,7 @@
"children": [
{
"type": "frame",
- "id": "Y9pdj",
+ "id": "JFUJN",
"name": "Frame",
"height": 50,
"stroke": {
@@ -14041,7 +14036,7 @@
"children": [
{
"type": "frame",
- "id": "sUECh",
+ "id": "vdwo4",
"name": "Search box",
"width": 340,
"height": 32,
@@ -14060,7 +14055,7 @@
"children": [
{
"type": "frame",
- "id": "zLwwN",
+ "id": "zEVvF",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -14072,7 +14067,7 @@
"children": [
{
"type": "path",
- "id": "3g3sh",
+ "id": "hsgx6",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -14085,7 +14080,7 @@
},
{
"type": "text",
- "id": "UtbKy",
+ "id": "qLXaB",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -14098,7 +14093,7 @@
},
{
"type": "frame",
- "id": "LexAG",
+ "id": "KFKuw",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -14115,7 +14110,7 @@
"children": [
{
"type": "frame",
- "id": "iXVSa",
+ "id": "UaZQp",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -14127,17 +14122,20 @@
"children": [
{
"type": "ellipse",
- "id": "FAGVr",
+ "id": "ZEnkI",
"x": 2,
"y": 2,
"name": "avatar",
"sweepAngle": -360.00001001791264,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "./images/generated-1770102178998.png",
- "mode": "fill"
- },
+ "fill": [
+ "#fffaeeff",
+ {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/用户头像.png",
+ "mode": "fill"
+ }
+ ],
"width": 28,
"height": 28,
"stroke": {
@@ -14196,7 +14194,7 @@
{
"type": "image",
"enabled": true,
- "url": "../企业微信截图_ad7aca22-d816-4984-83ca-780db82809d9.png",
+ "url": "./images/项目运行.png",
"mode": "fill"
},
"#24292f99"
@@ -14216,8 +14214,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$turquoise700"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$turquoise700",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 8,
"padding": [
@@ -14254,7 +14260,7 @@
},
{
"type": "frame",
- "id": "ZMGH4",
+ "id": "ze5nD",
"name": "Operations Row",
"width": "fill_container",
"gap": 12,
@@ -14262,7 +14268,7 @@
"children": [
{
"type": "frame",
- "id": "rI8i1",
+ "id": "mXKrb",
"name": "Rerun Button",
"enabled": false,
"height": 28,
@@ -14272,8 +14278,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$turquoise700"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$turquoise700",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 4,
"padding": [
@@ -14285,7 +14299,7 @@
"children": [
{
"type": "icon_font",
- "id": "kHsdq",
+ "id": "bVRBZ",
"name": "rerunIcon",
"width": 14,
"height": 14,
@@ -14295,7 +14309,7 @@
},
{
"type": "text",
- "id": "s0XsR",
+ "id": "Tl3z8",
"name": "rerunLabel",
"fill": "#FFFFFF",
"content": "Rerun",
@@ -14308,7 +14322,7 @@
},
{
"type": "frame",
- "id": "AuFmN",
+ "id": "CWRpX",
"name": "Stop Button",
"enabled": false,
"height": 28,
@@ -14318,8 +14332,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 8,
"padding": [
@@ -14331,7 +14353,7 @@
"children": [
{
"type": "icon_font",
- "id": "3Jy0G",
+ "id": "QKKBc",
"name": "stopIcon",
"width": 14,
"height": 14,
@@ -14341,7 +14363,7 @@
},
{
"type": "text",
- "id": "Qe5GD",
+ "id": "ZKeiM",
"name": "stopLabel",
"fill": "$grey900",
"content": "Stop",
@@ -14354,7 +14376,7 @@
},
{
"type": "frame",
- "id": "p7ysH",
+ "id": "iIlt0",
"name": "Enter Full Screen Button",
"enabled": false,
"width": 32,
@@ -14365,21 +14387,23 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
- "padding": [
- 0,
- 0,
- 4,
- 0
- ],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "4RD11",
+ "id": "njXD9",
"name": "fullscreenIcon",
"width": 14,
"height": 14,
@@ -14391,25 +14415,31 @@
},
{
"type": "frame",
- "id": "Lfcjs",
+ "id": "4I3Gz",
"name": "Share Button",
"width": 32,
"height": 28,
"fill": "$grey300",
"cornerRadius": 12,
"stroke": {
- "align": "outside",
- "thickness": {
- "bottom": 4
- },
- "fill": "$gery600"
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "0dwmk",
+ "id": "WYVvn",
"name": "shareIcon",
"width": 14,
"height": 14,
@@ -14477,7 +14507,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"cornerRadius": 12
@@ -14609,7 +14639,7 @@
},
{
"type": "frame",
- "id": "E0WRu",
+ "id": "GzI3u",
"name": "Actions",
"width": "fill_container",
"gap": 12,
@@ -14618,7 +14648,7 @@
"children": [
{
"type": "frame",
- "id": "zCqgO",
+ "id": "2Ozec",
"name": "Edit Button",
"width": "fill_container",
"height": 36,
@@ -14628,8 +14658,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$turquoise700"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$turquoise700",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 8,
"padding": [
@@ -14641,7 +14679,7 @@
"children": [
{
"type": "icon_font",
- "id": "BPv32",
+ "id": "iF2f4",
"name": "PaginationEllipsisIcon",
"width": 0,
"height": 0,
@@ -14651,7 +14689,7 @@
},
{
"type": "icon_font",
- "id": "EU0X9",
+ "id": "JSpLH",
"name": "icon",
"width": 18,
"height": 18,
@@ -14661,7 +14699,7 @@
},
{
"type": "text",
- "id": "whYpj",
+ "id": "zHwr4",
"name": "label",
"fill": "#FFFFFF",
"content": "Edit",
@@ -14674,7 +14712,7 @@
},
{
"type": "frame",
- "id": "p9ZPz",
+ "id": "56RuP",
"name": "Publish Button",
"width": "fill_container",
"height": 36,
@@ -14684,8 +14722,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 8,
"padding": [
@@ -14697,7 +14743,7 @@
"children": [
{
"type": "icon_font",
- "id": "ZQ62R",
+ "id": "xNba2",
"name": "icon",
"width": 0,
"height": 0,
@@ -14707,7 +14753,7 @@
},
{
"type": "icon_font",
- "id": "DOFza",
+ "id": "D4tnY",
"name": "PaginationEllipsisIcon",
"width": 18,
"height": 18,
@@ -14717,7 +14763,7 @@
},
{
"type": "text",
- "id": "HcZFA",
+ "id": "XuY2Z",
"name": "label",
"fill": "$grey900",
"content": "Publish",
@@ -14730,7 +14776,7 @@
},
{
"type": "frame",
- "id": "FbM0Y",
+ "id": "JwMjS",
"name": "More Button",
"width": 40,
"height": 36,
@@ -14740,15 +14786,23 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "H2hlL",
+ "id": "yjfLJ",
"name": "icon",
"width": 0,
"height": 0,
@@ -14758,7 +14812,7 @@
},
{
"type": "icon_font",
- "id": "pgxMP",
+ "id": "re4kC",
"name": "PaginationEllipsisIcon",
"width": 18,
"height": 18,
@@ -15608,395 +15662,409 @@
"children": [
{
"type": "frame",
- "id": "M7J3M",
- "name": "Header",
+ "id": "MVM77",
+ "name": "content",
+ "clip": true,
"width": 1440,
- "height": 50,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../image.png",
- "mode": "fill"
- },
- "padding": [
- 0,
- 100
- ],
+ "fill": "$grey300",
+ "layout": "vertical",
+ "gap": 20,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "LAqIH",
- "name": "Frame",
- "width": 1240,
- "height": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
+ "id": "l0ygk",
+ "name": "Header",
+ "width": 1440,
+ "height": 50,
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/navbar bg.png",
+ "mode": "fill"
},
- "gap": 12,
+ "padding": [
+ 0,
+ 100
+ ],
+ "justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "4CiOE",
- "name": "左",
- "width": "fill_container",
+ "id": "wnqkn",
+ "name": "Frame",
+ "width": 1240,
+ "height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
+ "gap": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "01AsR",
- "name": "logo/XBuilder-WordLogo-Nav Bar",
- "width": 150,
- "height": 50,
+ "id": "SfQSh",
+ "name": "左",
+ "width": "fill_container",
"stroke": {
"align": "inside",
- "thickness": 0.1190476194024086
+ "thickness": 1
},
- "layout": "none",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "DVQKQ",
- "x": 24,
- "y": 10,
- "name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
- "width": 102,
- "height": 30,
+ "id": "4lx0u",
+ "name": "logo/XBuilder-WordLogo-Nav Bar",
+ "width": 150,
+ "height": 50,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.1190476194024086
},
"layout": "none",
"children": [
{
"type": "frame",
- "id": "R5lV5",
- "x": 0,
- "y": 4,
- "name": "union",
- "width": 100.27739715576172,
- "height": 22,
+ "id": "50psQ",
+ "x": 24,
+ "y": 10,
+ "name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
+ "width": 102,
+ "height": 30,
"stroke": {
"align": "inside",
- "thickness": 0.2071692943572998
+ "thickness": 1
},
"layout": "none",
"children": [
{
- "type": "path",
- "id": "8x3Yy",
- "x": 1.2998559474945068,
- "y": 1.3505859375,
- "name": "Union",
- "geometry": "M40.66893 5.63184c0.5522 0.0001 1 0.44778 1 1l0 7.69433c0.00007 0.39643 0.04586 0.73128 0.13672 1.00391 0.0992 0.27265 0.23564 0.49638 0.40918 0.66992 0.17354 0.17342 0.37609 0.29771 0.60742 0.37207 0.23973 0.07437 0.50464 0.11133 0.79395 0.11133 0.73562-0.00004 1.31472-0.14877 1.73632-0.44629 0.34207-0.23688 0.60146-0.54302 0.78125-0.91602l0-8.48925c0-0.55228 0.44772-1 1-1l1.57129 0c0.55226 0.00002 1 0.44773 1 1l0 11.41894c-0.00026 0.55205-0.4479 0.99998-1 1l-1.42383 0c-0.5267 0-0.9633-0.40908-0.99804-0.93457l-0.03125-0.46289c-0.39796 0.49813-0.88663 0.89489-1.46973 1.18652-0.62834 0.30587-1.36916 0.45898-2.2207 0.45899-0.65302-0.00002-1.2567-0.09062-1.81055-0.27246-0.54558-0.19013-1.01724-0.48412-1.41406-0.88086-0.38839-0.40498-0.69478-0.92179-0.91797-1.54981-0.21494-0.63654-0.32223-1.40216-0.32227-2.29492l0-7.66894c0-0.5522 0.44783-0.99987 1-1l1.57227 0z m34.20703-5.63184c0.55215 0.00013 0.99997 0.4488 1 1.00098l0 17.0498c-0.00027 0.55198-0.44798 0.99987-1 1l-1.35254 0c-0.50495 0-0.93037-0.37682-0.99219-0.87793l-0.06836-0.55371c-0.38344 0.49718-0.83749 0.89203-1.3623 1.18359-0.59516 0.33057-1.28953 0.49605-2.08301 0.4961-0.83482 0-1.57938-0.16904-2.23242-0.50781-0.64481-0.33893-1.19125-0.81507-1.63769-1.42676-0.43807-0.6117-0.77242-1.33166-1.00391-2.15821-0.23142-0.82656-0.34759-1.72784-0.34766-2.70312l0-0.26074c0-1.02508 0.11623-1.95604 0.34766-2.79102 0.23147-0.84299 0.57033-1.56653 1.0166-2.16992 0.44642-0.60349 0.99635-1.07065 1.64941-1.40137 0.65317-0.33072 1.39737-0.49608 2.23243-0.49609 0.78539 0.00001 1.4716 0.16543 2.05859 0.49609 0.4432 0.24626 0.83634 0.57058 1.17871 0.97266l0-5.85156c0.00003-0.55226 0.44774-1.00098 1-1.00098l1.59668 0z m-4.92871 8.18652c-0.46288 0.00003-0.85977 0.10737-1.19043 0.32227-0.33064 0.2067-0.599 0.49271-0.80566 0.85644-0.19826 0.36363-0.34809 0.79331-0.44727 1.28907-0.09089 0.4877-0.13574 1.01756-0.13574 1.58789l0 0.26074c0.00004 0.55363 0.04139 1.07051 0.12402 1.5498 0.09094 0.47926 0.23529 0.90546 0.4336 1.27735 0.20667 0.36362 0.4716 0.64981 0.79394 0.85644 0.33064 0.19824 0.73208 0.29688 1.20313 0.29688 0.61163-0.00003 1.11591-0.13646 1.51269-0.40918 0.35963-0.25473 0.64027-0.59507 0.84375-1.01953l0-5.41699c-0.08835-0.18563-0.19166-0.35588-0.31055-0.50879-0.22311-0.29738-0.50409-0.52904-0.84277-0.69434-0.33072-0.16536-0.72398-0.24804-1.17871-0.24805z m13.99023-2.80273c0.95068 0 1.79449 0.15661 2.53028 0.4707 0.73578 0.31419 1.35258 0.76112 1.84863 1.33985 0.50414 0.57868 0.88438 1.27393 1.14063 2.08398 0.25615 0.80182 0.38477 1.69511 0.38476 2.67871l0 1.48828-8.56641 0c0.03607 0.2948 0.09449 0.57635 0.18165 0.84278 0.15709 0.45456 0.37717 0.84809 0.6582 1.17871 0.2892 0.33036 0.63626 0.58676 1.04101 0.76855 0.41325 0.18179 0.88071 0.27339 1.40137 0.27344 0.64485-0.00001 1.24491-0.12407 1.79883-0.37207 0.42532-0.19389 0.80618-0.46119 1.1416-0.80176 0.17258-0.17526 0.46032-0.18775 0.62695-0.00683l1.20118 1.30468c0.12665 0.13777 0.14278 0.34622 0.02441 0.49121-0.25593 0.31345-0.57589 0.61721-0.95996 0.91016-0.47948 0.37197-1.0585 0.67823-1.73633 0.91797-0.67791 0.23147-1.45132 0.34666-2.31933 0.34668-1.04161 0-1.97602-0.16548-2.80274-0.4961-0.82664-0.33893-1.52969-0.80624-2.1084-1.40136-0.5704-0.5952-1.00951-1.28599-1.31543-2.07129-0.30578-0.7935-0.45795-1.63762-0.45801-2.53028l0-0.49609c0.00005-1.01663 0.14435-1.94693 0.4336-2.79004 0.28934-0.84324 0.70291-1.57525 1.24023-2.19531 0.54563-0.62002 1.20731-1.09506 1.98438-1.42578 0.77711-0.33895 1.65341-0.50874 2.6289-0.50879z m-0.03711 2.79004c-0.47109 0.00004-0.87595 0.10395-1.21484 0.31055-0.33891 0.2067-0.61612 0.49616-0.83105 0.86816-0.2066 0.37198-0.36423 0.81027-0.47168 1.31445-0.02571 0.12862-0.04736 0.2612-0.06641 0.39649l5.01563 0 0-0.27246c-0.00001-0.49589-0.09167-0.93866-0.27344-1.32715-0.17359-0.3967-0.43859-0.71092-0.79395-0.94239-0.3555-0.23142-0.8104-0.34765-1.36426-0.34765z m-54.89453-7.18067c1.04989 0.00003 1.98872 0.09944 2.81543 0.29786 0.83476 0.19843 1.54151 0.50027 2.12012 0.90527 0.57865 0.40512 1.02127 0.91806 1.32715 1.53809 0.30574 0.61173 0.45899 1.33951 0.45898 2.18261-0.00008 0.74394-0.16987 1.43036-0.50879 2.0586-0.33074 0.62822-0.856 1.14129-1.57519 1.53808-0.15261 0.08515-0.31646 0.15974-0.48926 0.22852 0.38825 0.09689 0.73389 0.23381 1.03516 0.41601 0.67787 0.39686 1.17067 0.9142 1.47656 1.55078 0.31391 0.63635 0.47065 1.3187 0.4707 2.0459-0.00007 1.15734-0.25254 2.1341-0.75683 2.92774-0.50435 0.78508-1.24441 1.3767-2.21973 1.77343-0.96729 0.39677-2.14977 0.59471-3.54688 0.59473l-5.5 0c-0.79816-0.08994-1.40789-0.77748-1.4082-1.59961l0-14.8584c0.00024-0.88332 0.71628-1.5994 1.59961-1.59961l4.70117 0z m-2.58008 15.15528l3.1875 0c0.65295-0.00002 1.18627-0.10299 1.59961-0.30957 0.41326-0.2149 0.71953-0.50454 0.91797-0.86817 0.19837-0.36368 0.29778-0.78184 0.29786-1.25293-0.00003-0.52878-0.09176-0.98756-0.27344-1.37597-0.17358-0.3885-0.45433-0.68685-0.84278-0.89356-0.3886-0.21497-0.90145-0.32226-1.53808-0.32226l-3.34864 0 0 5.02246z m0-7.57715l2.58008 0c0.686-0.00004 1.24842-0.08718 1.68653-0.26074 0.43795-0.18183 0.76455-0.4425 0.97949-0.78125 0.2231-0.34705 0.33483-0.76895 0.33496-1.26465 0-0.56182-0.10761-1.01709-0.32227-1.36426-0.2066-0.34709-0.53335-0.59972-0.97949-0.75684-0.43813-0.15706-1.00489-0.23532-1.69922-0.23535l-2.58008 0 0 4.66309z m28.27051-2.93945c0.55222 0.00008 1 0.44776 1 1l0 11.41894c-0.00026 0.55202-0.44794 0.99993-1 1l-1.58398 0c-0.55212 0-0.99974-0.44794-1-1l0-11.41894c0-0.55228 0.44772-1 1-1l1.58398 0z m6.21387-5.63184c0.55225 0.00002 0.99997 0.44873 1 1.00098l0 17.0498c-0.00026 0.55205-0.4479 0.99998-1 1l-1.58398 0c-0.55212 0-0.99974-0.44794-1-1l0-17.0498c0.00003-0.55226 0.44773-1.00098 1-1.00098l1.58398 0z m36.95606 5.38379c0.19833 0 0.40083 0.01676 0.60742 0.0498 0.08488 0.01019 0.164 0.02176 0.23633 0.03614 0.16599 0.03306 0.27055 0.1882 0.26757 0.35742l-0.04882 2.57715c-0.00505 0.23983-0.21879 0.42269-0.45801 0.40332-0.0584-0.00475-0.11938-0.00946-0.18262-0.01367-0.23966-0.02479-0.45886-0.0371-0.65723-0.03711-0.50412 0-0.9425 0.06608-1.31445 0.19824-0.3637 0.12401-0.66997 0.31063-0.91797 0.55859-0.18941 0.196-0.34183 0.42636-0.45898 0.68946l0 7.84765c-0.00027 0.552-0.44797 0.9999-1 1l-1.57227 0c-0.55201-0.00013-0.99973-0.44802-1-1l0-11.41894c0-0.5522 0.44783-0.99987 1-1l1.43067 0c0.52428 0.00002 0.95924 0.40485 0.99707 0.92773l0.05175 0.71777c0.03413-0.06166 0.06947-0.12321 0.10547-0.18261 0.33889-0.54538 0.75265-0.96709 1.24024-1.26465 0.48773-0.29751 1.04562-0.44628 1.67383-0.44629z m-81.32325-1.30176l-4.85937 4.78613 0.48046 0.47461 4.86036-4.78711 0.45214 0.44532-4.86132 4.78711 6.27148 6.18554c0.68474 0.67567 0.68468 1.77155 0 2.44727-0.685 0.67561-1.79648 0.67566-2.48144 0l-6.27247-6.18848-4.28613 4.22071c-0.00256 0.00245-0.00573 0.00503-0.00879 0.00683l-0.12695 0.07227-0.42187-0.41602 4.39355-4.32812-0.48145-0.47461-4.39355 4.32812-1.5293-1.50586 0.07422-0.12597c0.00196-0.00324 0.00419-0.00715 0.00684-0.00977l4.28613-4.22168-2.54004-2.50586 2.48145-2.44531 2.54101 2.50683 4.85938-4.78418 1.55566 1.53223z m-11.48437 12.82617l-1.95801 1.12696-1.8291 0.84375c-0.23514 0.10797-0.47914-0.13262-0.36914-0.36426l0.85547-1.80176 1.13964-1.93359 2.16114 2.1289z m3.10449-16.51269c0.03724-0.03238 0.09474-0.03261 0.12988 0.00195l1.04688 1.03418c0.18002 0.17782 0.18011 0.46579 0 0.64356l-2.27149 2.24023 0.00196 0.00195-4.19336 4.13379c-0.18015 0.17732-0.47217 0.17727-0.65235 0l-2.08984-2.06152c-0.17963-0.17774-0.1797-0.46586 0-0.64356l4.72851-4.66406c0.02477-0.02438 0.06234-0.03287 0.09571-0.02246 0.31774 0.0996 0.65664 0.1533 1.00781 0.15332 0.84171-0.00008 1.61076-0.30846 2.19629-0.81738z m7.75976 1.18652c0.66589-0.71045 1.49462-0.81215 2.41211 0 1.06538 1.00196 0.66473 1.86297-0.00097 2.57324l-0.42188 0.38282-2.47851-2.4336 0.48925-0.52246z m37.97462-1.24609c0.60356 0.00001 1.08738 0.1698 1.45117 0.50879 0.37178 0.33886 0.55849 0.76849 0.55859 1.28906-0.00012 0.52068-0.18664 0.95115-0.55859 1.29004-0.36377 0.33883-0.84776 0.50878-1.45117 0.50879-0.61152-0.00007-1.09919-0.17003-1.4629-0.50879-0.36368-0.33889-0.54578-0.76937-0.54589-1.29004 0.0001-0.52057 0.18239-0.9502 0.54589-1.28906 0.36372-0.33893 0.85122-0.50872 1.4629-0.50879z",
- "fill": "#ffffffff",
- "width": 98.97758483886719,
- "height": 19.298828125,
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "enabled": false,
- "color": "#bc6a26",
- "offset": {
- "x": 0,
- "y": -0.41729608178138733
+ "type": "frame",
+ "id": "wzU6A",
+ "x": 0,
+ "y": 4,
+ "name": "union",
+ "width": 100.27739715576172,
+ "height": 22,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.2071692943572998
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "PnegS",
+ "x": 1.2998559474945068,
+ "y": 1.3505859375,
+ "name": "Union",
+ "geometry": "M40.66893 5.63184c0.5522 0.0001 1 0.44778 1 1l0 7.69433c0.00007 0.39643 0.04586 0.73128 0.13672 1.00391 0.0992 0.27265 0.23564 0.49638 0.40918 0.66992 0.17354 0.17342 0.37609 0.29771 0.60742 0.37207 0.23973 0.07437 0.50464 0.11133 0.79395 0.11133 0.73562-0.00004 1.31472-0.14877 1.73632-0.44629 0.34207-0.23688 0.60146-0.54302 0.78125-0.91602l0-8.48925c0-0.55228 0.44772-1 1-1l1.57129 0c0.55226 0.00002 1 0.44773 1 1l0 11.41894c-0.00026 0.55205-0.4479 0.99998-1 1l-1.42383 0c-0.5267 0-0.9633-0.40908-0.99804-0.93457l-0.03125-0.46289c-0.39796 0.49813-0.88663 0.89489-1.46973 1.18652-0.62834 0.30587-1.36916 0.45898-2.2207 0.45899-0.65302-0.00002-1.2567-0.09062-1.81055-0.27246-0.54558-0.19013-1.01724-0.48412-1.41406-0.88086-0.38839-0.40498-0.69478-0.92179-0.91797-1.54981-0.21494-0.63654-0.32223-1.40216-0.32227-2.29492l0-7.66894c0-0.5522 0.44783-0.99987 1-1l1.57227 0z m34.20703-5.63184c0.55215 0.00013 0.99997 0.4488 1 1.00098l0 17.0498c-0.00027 0.55198-0.44798 0.99987-1 1l-1.35254 0c-0.50495 0-0.93037-0.37682-0.99219-0.87793l-0.06836-0.55371c-0.38344 0.49718-0.83749 0.89203-1.3623 1.18359-0.59516 0.33057-1.28953 0.49605-2.08301 0.4961-0.83482 0-1.57938-0.16904-2.23242-0.50781-0.64481-0.33893-1.19125-0.81507-1.63769-1.42676-0.43807-0.6117-0.77242-1.33166-1.00391-2.15821-0.23142-0.82656-0.34759-1.72784-0.34766-2.70312l0-0.26074c0-1.02508 0.11623-1.95604 0.34766-2.79102 0.23147-0.84299 0.57033-1.56653 1.0166-2.16992 0.44642-0.60349 0.99635-1.07065 1.64941-1.40137 0.65317-0.33072 1.39737-0.49608 2.23243-0.49609 0.78539 0.00001 1.4716 0.16543 2.05859 0.49609 0.4432 0.24626 0.83634 0.57058 1.17871 0.97266l0-5.85156c0.00003-0.55226 0.44774-1.00098 1-1.00098l1.59668 0z m-4.92871 8.18652c-0.46288 0.00003-0.85977 0.10737-1.19043 0.32227-0.33064 0.2067-0.599 0.49271-0.80566 0.85644-0.19826 0.36363-0.34809 0.79331-0.44727 1.28907-0.09089 0.4877-0.13574 1.01756-0.13574 1.58789l0 0.26074c0.00004 0.55363 0.04139 1.07051 0.12402 1.5498 0.09094 0.47926 0.23529 0.90546 0.4336 1.27735 0.20667 0.36362 0.4716 0.64981 0.79394 0.85644 0.33064 0.19824 0.73208 0.29688 1.20313 0.29688 0.61163-0.00003 1.11591-0.13646 1.51269-0.40918 0.35963-0.25473 0.64027-0.59507 0.84375-1.01953l0-5.41699c-0.08835-0.18563-0.19166-0.35588-0.31055-0.50879-0.22311-0.29738-0.50409-0.52904-0.84277-0.69434-0.33072-0.16536-0.72398-0.24804-1.17871-0.24805z m13.99023-2.80273c0.95068 0 1.79449 0.15661 2.53028 0.4707 0.73578 0.31419 1.35258 0.76112 1.84863 1.33985 0.50414 0.57868 0.88438 1.27393 1.14063 2.08398 0.25615 0.80182 0.38477 1.69511 0.38476 2.67871l0 1.48828-8.56641 0c0.03607 0.2948 0.09449 0.57635 0.18165 0.84278 0.15709 0.45456 0.37717 0.84809 0.6582 1.17871 0.2892 0.33036 0.63626 0.58676 1.04101 0.76855 0.41325 0.18179 0.88071 0.27339 1.40137 0.27344 0.64485-0.00001 1.24491-0.12407 1.79883-0.37207 0.42532-0.19389 0.80618-0.46119 1.1416-0.80176 0.17258-0.17526 0.46032-0.18775 0.62695-0.00683l1.20118 1.30468c0.12665 0.13777 0.14278 0.34622 0.02441 0.49121-0.25593 0.31345-0.57589 0.61721-0.95996 0.91016-0.47948 0.37197-1.0585 0.67823-1.73633 0.91797-0.67791 0.23147-1.45132 0.34666-2.31933 0.34668-1.04161 0-1.97602-0.16548-2.80274-0.4961-0.82664-0.33893-1.52969-0.80624-2.1084-1.40136-0.5704-0.5952-1.00951-1.28599-1.31543-2.07129-0.30578-0.7935-0.45795-1.63762-0.45801-2.53028l0-0.49609c0.00005-1.01663 0.14435-1.94693 0.4336-2.79004 0.28934-0.84324 0.70291-1.57525 1.24023-2.19531 0.54563-0.62002 1.20731-1.09506 1.98438-1.42578 0.77711-0.33895 1.65341-0.50874 2.6289-0.50879z m-0.03711 2.79004c-0.47109 0.00004-0.87595 0.10395-1.21484 0.31055-0.33891 0.2067-0.61612 0.49616-0.83105 0.86816-0.2066 0.37198-0.36423 0.81027-0.47168 1.31445-0.02571 0.12862-0.04736 0.2612-0.06641 0.39649l5.01563 0 0-0.27246c-0.00001-0.49589-0.09167-0.93866-0.27344-1.32715-0.17359-0.3967-0.43859-0.71092-0.79395-0.94239-0.3555-0.23142-0.8104-0.34765-1.36426-0.34765z m-54.89453-7.18067c1.04989 0.00003 1.98872 0.09944 2.81543 0.29786 0.83476 0.19843 1.54151 0.50027 2.12012 0.90527 0.57865 0.40512 1.02127 0.91806 1.32715 1.53809 0.30574 0.61173 0.45899 1.33951 0.45898 2.18261-0.00008 0.74394-0.16987 1.43036-0.50879 2.0586-0.33074 0.62822-0.856 1.14129-1.57519 1.53808-0.15261 0.08515-0.31646 0.15974-0.48926 0.22852 0.38825 0.09689 0.73389 0.23381 1.03516 0.41601 0.67787 0.39686 1.17067 0.9142 1.47656 1.55078 0.31391 0.63635 0.47065 1.3187 0.4707 2.0459-0.00007 1.15734-0.25254 2.1341-0.75683 2.92774-0.50435 0.78508-1.24441 1.3767-2.21973 1.77343-0.96729 0.39677-2.14977 0.59471-3.54688 0.59473l-5.5 0c-0.79816-0.08994-1.40789-0.77748-1.4082-1.59961l0-14.8584c0.00024-0.88332 0.71628-1.5994 1.59961-1.59961l4.70117 0z m-2.58008 15.15528l3.1875 0c0.65295-0.00002 1.18627-0.10299 1.59961-0.30957 0.41326-0.2149 0.71953-0.50454 0.91797-0.86817 0.19837-0.36368 0.29778-0.78184 0.29786-1.25293-0.00003-0.52878-0.09176-0.98756-0.27344-1.37597-0.17358-0.3885-0.45433-0.68685-0.84278-0.89356-0.3886-0.21497-0.90145-0.32226-1.53808-0.32226l-3.34864 0 0 5.02246z m0-7.57715l2.58008 0c0.686-0.00004 1.24842-0.08718 1.68653-0.26074 0.43795-0.18183 0.76455-0.4425 0.97949-0.78125 0.2231-0.34705 0.33483-0.76895 0.33496-1.26465 0-0.56182-0.10761-1.01709-0.32227-1.36426-0.2066-0.34709-0.53335-0.59972-0.97949-0.75684-0.43813-0.15706-1.00489-0.23532-1.69922-0.23535l-2.58008 0 0 4.66309z m28.27051-2.93945c0.55222 0.00008 1 0.44776 1 1l0 11.41894c-0.00026 0.55202-0.44794 0.99993-1 1l-1.58398 0c-0.55212 0-0.99974-0.44794-1-1l0-11.41894c0-0.55228 0.44772-1 1-1l1.58398 0z m6.21387-5.63184c0.55225 0.00002 0.99997 0.44873 1 1.00098l0 17.0498c-0.00026 0.55205-0.4479 0.99998-1 1l-1.58398 0c-0.55212 0-0.99974-0.44794-1-1l0-17.0498c0.00003-0.55226 0.44773-1.00098 1-1.00098l1.58398 0z m36.95606 5.38379c0.19833 0 0.40083 0.01676 0.60742 0.0498 0.08488 0.01019 0.164 0.02176 0.23633 0.03614 0.16599 0.03306 0.27055 0.1882 0.26757 0.35742l-0.04882 2.57715c-0.00505 0.23983-0.21879 0.42269-0.45801 0.40332-0.0584-0.00475-0.11938-0.00946-0.18262-0.01367-0.23966-0.02479-0.45886-0.0371-0.65723-0.03711-0.50412 0-0.9425 0.06608-1.31445 0.19824-0.3637 0.12401-0.66997 0.31063-0.91797 0.55859-0.18941 0.196-0.34183 0.42636-0.45898 0.68946l0 7.84765c-0.00027 0.552-0.44797 0.9999-1 1l-1.57227 0c-0.55201-0.00013-0.99973-0.44802-1-1l0-11.41894c0-0.5522 0.44783-0.99987 1-1l1.43067 0c0.52428 0.00002 0.95924 0.40485 0.99707 0.92773l0.05175 0.71777c0.03413-0.06166 0.06947-0.12321 0.10547-0.18261 0.33889-0.54538 0.75265-0.96709 1.24024-1.26465 0.48773-0.29751 1.04562-0.44628 1.67383-0.44629z m-81.32325-1.30176l-4.85937 4.78613 0.48046 0.47461 4.86036-4.78711 0.45214 0.44532-4.86132 4.78711 6.27148 6.18554c0.68474 0.67567 0.68468 1.77155 0 2.44727-0.685 0.67561-1.79648 0.67566-2.48144 0l-6.27247-6.18848-4.28613 4.22071c-0.00256 0.00245-0.00573 0.00503-0.00879 0.00683l-0.12695 0.07227-0.42187-0.41602 4.39355-4.32812-0.48145-0.47461-4.39355 4.32812-1.5293-1.50586 0.07422-0.12597c0.00196-0.00324 0.00419-0.00715 0.00684-0.00977l4.28613-4.22168-2.54004-2.50586 2.48145-2.44531 2.54101 2.50683 4.85938-4.78418 1.55566 1.53223z m-11.48437 12.82617l-1.95801 1.12696-1.8291 0.84375c-0.23514 0.10797-0.47914-0.13262-0.36914-0.36426l0.85547-1.80176 1.13964-1.93359 2.16114 2.1289z m3.10449-16.51269c0.03724-0.03238 0.09474-0.03261 0.12988 0.00195l1.04688 1.03418c0.18002 0.17782 0.18011 0.46579 0 0.64356l-2.27149 2.24023 0.00196 0.00195-4.19336 4.13379c-0.18015 0.17732-0.47217 0.17727-0.65235 0l-2.08984-2.06152c-0.17963-0.17774-0.1797-0.46586 0-0.64356l4.72851-4.66406c0.02477-0.02438 0.06234-0.03287 0.09571-0.02246 0.31774 0.0996 0.65664 0.1533 1.00781 0.15332 0.84171-0.00008 1.61076-0.30846 2.19629-0.81738z m7.75976 1.18652c0.66589-0.71045 1.49462-0.81215 2.41211 0 1.06538 1.00196 0.66473 1.86297-0.00097 2.57324l-0.42188 0.38282-2.47851-2.4336 0.48925-0.52246z m37.97462-1.24609c0.60356 0.00001 1.08738 0.1698 1.45117 0.50879 0.37178 0.33886 0.55849 0.76849 0.55859 1.28906-0.00012 0.52068-0.18664 0.95115-0.55859 1.29004-0.36377 0.33883-0.84776 0.50878-1.45117 0.50879-0.61152-0.00007-1.09919-0.17003-1.4629-0.50879-0.36368-0.33889-0.54578-0.76937-0.54589-1.29004 0.0001-0.52057 0.18239-0.9502 0.54589-1.28906 0.36372-0.33893 0.85122-0.50872 1.4629-0.50879z",
+ "fill": "#ffffffff",
+ "width": 98.97758483886719,
+ "height": 19.298828125,
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "enabled": false,
+ "color": "#bc6a26",
+ "offset": {
+ "x": 0,
+ "y": -0.41729608178138733
+ }
+ }
}
- }
+ ]
}
]
}
]
- }
- ]
- },
- {
- "type": "frame",
- "id": "CWNae",
- "name": "line",
- "clip": true,
- "width": 1,
- "height": 24,
- "fill": "#ffffff4d",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none"
- },
- {
- "type": "frame",
- "id": "WxdVY",
- "name": ".Component/top-navigation-bar/button",
- "height": 50,
- "fill": {
- "type": "color",
- "color": "#0bc0cfff",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 26,
- 20
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
{
"type": "frame",
- "id": "vd2dx",
- "name": "Frame 162814",
- "opacity": 0.8999999761581421,
+ "id": "weyWI",
+ "name": "line",
+ "clip": true,
+ "width": 1,
+ "height": 24,
+ "fill": "#ffffff4d",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none"
+ },
+ {
+ "type": "frame",
+ "id": "vub59",
+ "name": ".Component/top-navigation-bar/button",
+ "height": 50,
+ "fill": {
+ "type": "color",
+ "color": "#0bc0cfff",
+ "enabled": false
+ },
"stroke": {
"align": "inside",
"thickness": 1
},
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "Knki7",
- "name": "icon/add-outlined",
- "width": 24,
- "height": 24,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../add-outlined.png",
- "mode": "fill"
- },
+ "id": "nsXNf",
+ "name": "Frame 162814",
+ "opacity": 0.8999999761581421,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none"
- },
- {
- "type": "frame",
- "id": "K1xAh",
- "name": "icon/caret-down-filled",
- "width": 16,
- "height": 16,
- "stroke": {
- "align": "inside",
- "thickness": 0.6666666865348816
- },
- "layout": "none",
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
- "type": "path",
- "id": "nq5Ja",
- "x": 4,
- "y": 6,
- "name": "caret-down",
- "geometry": "M4.69774 7.396l-4.37989-5.1941c-0.736-0.873-0.11206-2.2019 1.03394-2.2019l9.2959 0c1.146 0 1.76994 1.3299 1.03393 2.2019l-4.37988 5.1941c-0.679 0.805-1.925 0.805-2.604 0z",
- "fill": "#ffffffff",
- "width": 7.999651908874512,
- "height": 5.333164215087891,
+ "type": "frame",
+ "id": "ZJTv7",
+ "name": "icon/add-outlined",
+ "width": 24,
+ "height": 24,
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/add-outlined.png",
+ "mode": "fill"
+ },
"stroke": {
"align": "inside",
- "thickness": 0.6666666865348816
- }
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "4WnEB",
- "name": ".Component/top-navigation-bar/button",
- "height": 50,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 26,
- 20
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "U5LSk",
- "name": "icon/tutorial entry-filled",
- "width": 24,
- "height": 24,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../tutorial entry-filled.png",
- "mode": "fill"
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none"
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "PrqKi",
- "name": "右",
- "width": "fill_container",
- "height": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "justifyContent": "end",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "PyJnT",
- "name": "Frame",
- "height": 50,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ "thickness": 1
+ },
+ "layout": "none"
+ },
+ {
+ "type": "frame",
+ "id": "BFS47",
+ "name": "icon/caret-down-filled",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.6666666865348816
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "ewkeO",
+ "x": 4,
+ "y": 6,
+ "name": "caret-down",
+ "geometry": "M4.69774 7.396l-4.37989-5.1941c-0.736-0.873-0.11206-2.2019 1.03394-2.2019l9.2959 0c1.146 0 1.76994 1.3299 1.03393 2.2019l-4.37988 5.1941c-0.679 0.805-1.925 0.805-2.604 0z",
+ "fill": "#ffffffff",
+ "width": 7.999651908874512,
+ "height": 5.333164215087891,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.6666666865348816
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
{
"type": "frame",
- "id": "eKuT5",
- "name": "Search box",
- "width": 340,
- "height": 32,
- "fill": "$grey300",
- "cornerRadius": 12,
+ "id": "1y6ZN",
+ "name": ".Component/top-navigation-bar/button",
+ "height": 50,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
+ "gap": 10,
"padding": [
- 5,
- 12
+ 26,
+ 20
],
+ "justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "jorU0",
- "name": "icon/search-outlined",
- "width": 14,
- "height": 14,
+ "id": "0SKTR",
+ "name": "icon/tutorial entry-filled",
+ "width": 24,
+ "height": 24,
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/tutorial entry-filled.png",
+ "mode": "fill"
+ },
"stroke": {
"align": "inside",
- "thickness": 0.9668246507644653
+ "thickness": 1
},
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "HUt6p",
- "x": 1.16680908203125,
- "y": 1.1666666269302368,
- "name": "Search",
- "geometry": "M4.90069 9.70857c1.06426 0 2.04567-0.34087 2.84865-0.90899l3.02071 2.99211c0.1402 0.13887 0.32501 0.20831 0.52257 0.20831 0.41423 0 0.70738-0.31562 0.70738-0.71962 0-0.18937-0.06373-0.37244-0.20393-0.505l-3.00159-2.97948c0.63091-0.82062 1.0069-1.83693 1.0069-2.94161 0-2.67017-2.20499-4.85429-4.90069-4.85429-2.68933 0-4.90069 2.1778-4.90069 4.85429 0 2.67017 2.20499 4.85429 4.90069 4.85428z m0-1.04787c-2.10303 0-3.8428-1.7233-3.8428-3.80641 0-2.08311 1.73978-3.80642 3.8428-3.80642 2.10303 0 3.8428 1.7233 3.8428 3.80642 0 2.08311-1.73978 3.80642-3.8428 3.80641z",
- "fill": "$grey800",
- "width": 11.666543006896973,
- "height": 11.666543006896973
- }
- ]
- },
- {
- "type": "text",
- "id": "qFi5A",
- "name": "Search project",
- "fill": "$grey700",
- "content": "Search project",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Inter",
- "fontSize": 14,
- "fontWeight": "normal"
+ "layout": "none"
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "k2IaW",
+ "name": "右",
+ "width": "fill_container",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "justifyContent": "end",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "PU6eW",
- "name": ".Component/top-navigation-bar/button",
- "height": "fill_container",
+ "id": "jdY5z",
+ "name": "Frame",
+ "height": 50,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 10,
- "padding": [
- 26,
- 20
- ],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "n2naF",
- "name": "User Avatar",
- "width": 32,
+ "id": "D79zy",
+ "name": "Search box",
+ "width": 340,
"height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": 0.6666666865348816
+ "thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
"children": [
{
- "type": "ellipse",
- "id": "5LWCf",
- "x": 2,
- "y": 2,
- "name": "avatar",
- "sweepAngle": -360.00001001791264,
- "fill": [
- "#fffaeeff",
+ "type": "frame",
+ "id": "quOKy",
+ "name": "icon/search-outlined",
+ "width": 14,
+ "height": 14,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9668246507644653
+ },
+ "layout": "none",
+ "children": [
{
- "type": "image",
- "enabled": true,
- "url": "./images/generated-1770102178998.png",
- "mode": "fill"
+ "type": "path",
+ "id": "048P2",
+ "x": 1.16680908203125,
+ "y": 1.1666666269302368,
+ "name": "Search",
+ "geometry": "M4.90069 9.70857c1.06426 0 2.04567-0.34087 2.84865-0.90899l3.02071 2.99211c0.1402 0.13887 0.32501 0.20831 0.52257 0.20831 0.41423 0 0.70738-0.31562 0.70738-0.71962 0-0.18937-0.06373-0.37244-0.20393-0.505l-3.00159-2.97948c0.63091-0.82062 1.0069-1.83693 1.0069-2.94161 0-2.67017-2.20499-4.85429-4.90069-4.85429-2.68933 0-4.90069 2.1778-4.90069 4.85429 0 2.67017 2.20499 4.85429 4.90069 4.85428z m0-1.04787c-2.10303 0-3.8428-1.7233-3.8428-3.80641 0-2.08311 1.73978-3.80642 3.8428-3.80642 2.10303 0 3.8428 1.7233 3.8428 3.80642 0 2.08311-1.73978 3.80642-3.8428 3.80641z",
+ "fill": "$grey800",
+ "width": 11.666543006896973,
+ "height": 11.666543006896973
}
- ],
- "width": 28,
- "height": 28,
+ ]
+ },
+ {
+ "type": "text",
+ "id": "Yv0cC",
+ "name": "Search project",
+ "fill": "$grey700",
+ "content": "Search project",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "2pYIj",
+ "name": ".Component/top-navigation-bar/button",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "0f5dS",
+ "name": "User Avatar",
+ "width": 32,
+ "height": 32,
"stroke": {
- "align": "outside",
- "thickness": 1.3333333730697632,
- "fill": "#ffffffff"
+ "align": "inside",
+ "thickness": 0.6666666865348816
},
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "#00000000",
- "offset": {
- "x": 0,
- "y": 2.6666667461395264
+ "layout": "none",
+ "children": [
+ {
+ "type": "ellipse",
+ "id": "UZJx0",
+ "x": 2,
+ "y": 2,
+ "name": "avatar",
+ "sweepAngle": -360.00001001791264,
+ "fill": [
+ "#fffaeeff",
+ {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/用户头像.png",
+ "mode": "fill"
+ }
+ ],
+ "width": 28,
+ "height": 28,
+ "stroke": {
+ "align": "outside",
+ "thickness": 1.3333333730697632,
+ "fill": "#ffffffff"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "#00000000",
+ "offset": {
+ "x": 0,
+ "y": 2.6666667461395264
+ }
+ }
}
- }
+ ]
}
]
}
@@ -16007,21 +16075,7 @@
]
}
]
- }
- ]
- },
- {
- "type": "frame",
- "id": "MVM77",
- "name": "content",
- "clip": true,
- "width": 1440,
- "fill": "$grey300",
- "layout": "vertical",
- "gap": 20,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
{
"type": "frame",
"id": "f60lR",
@@ -17117,14 +17171,14 @@
"children": [
{
"type": "frame",
- "id": "vBCvo",
+ "id": "3BvQE",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -17136,7 +17190,7 @@
"children": [
{
"type": "frame",
- "id": "mpqZJ",
+ "id": "BwirC",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -17149,7 +17203,7 @@
"children": [
{
"type": "frame",
- "id": "MuOoJ",
+ "id": "tGL8t",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -17160,7 +17214,7 @@
"children": [
{
"type": "frame",
- "id": "dqH08",
+ "id": "j8RJL",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -17172,7 +17226,7 @@
"children": [
{
"type": "frame",
- "id": "2D5X9",
+ "id": "5IciY",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -17186,7 +17240,7 @@
"children": [
{
"type": "frame",
- "id": "0laja",
+ "id": "jgwu3",
"x": 0,
"y": 4,
"name": "union",
@@ -17200,7 +17254,7 @@
"children": [
{
"type": "path",
- "id": "NBwor",
+ "id": "b3f9u",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -17227,7 +17281,7 @@
},
{
"type": "frame",
- "id": "WBVoB",
+ "id": "Mktbx",
"name": "line",
"clip": true,
"width": 1,
@@ -17241,7 +17295,7 @@
},
{
"type": "frame",
- "id": "dPmk5",
+ "id": "AUj3A",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -17263,7 +17317,7 @@
"children": [
{
"type": "frame",
- "id": "0bPFK",
+ "id": "A4gsL",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -17275,14 +17329,14 @@
"children": [
{
"type": "frame",
- "id": "mh9rW",
+ "id": "HtlBi",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -17293,7 +17347,7 @@
},
{
"type": "frame",
- "id": "Npytd",
+ "id": "2Cjhv",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -17305,7 +17359,7 @@
"children": [
{
"type": "path",
- "id": "mDkLN",
+ "id": "VGkEj",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -17326,7 +17380,7 @@
},
{
"type": "frame",
- "id": "K7Z9M",
+ "id": "jLunG",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -17343,14 +17397,14 @@
"children": [
{
"type": "frame",
- "id": "MpZXe",
+ "id": "UqI7y",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -17365,7 +17419,7 @@
},
{
"type": "frame",
- "id": "3xh3u",
+ "id": "zqXJ7",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -17378,7 +17432,7 @@
"children": [
{
"type": "frame",
- "id": "i4ss1",
+ "id": "PQV94",
"name": "Frame",
"height": 50,
"stroke": {
@@ -17390,7 +17444,7 @@
"children": [
{
"type": "frame",
- "id": "ZAGjM",
+ "id": "U1FrV",
"name": "Search box",
"width": 340,
"height": 32,
@@ -17409,7 +17463,7 @@
"children": [
{
"type": "frame",
- "id": "FABOF",
+ "id": "3oVin",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -17421,7 +17475,7 @@
"children": [
{
"type": "path",
- "id": "qIr2v",
+ "id": "xf2tn",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -17434,7 +17488,7 @@
},
{
"type": "text",
- "id": "gaoAn",
+ "id": "zwnDy",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -17447,7 +17501,7 @@
},
{
"type": "frame",
- "id": "8vOK5",
+ "id": "1wNRe",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -17464,7 +17518,7 @@
"children": [
{
"type": "frame",
- "id": "ZPsXJ",
+ "id": "0fAOm",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -17476,17 +17530,20 @@
"children": [
{
"type": "ellipse",
- "id": "PWsFQ",
+ "id": "sbkxk",
"x": 2,
"y": 2,
"name": "avatar",
"sweepAngle": -360.00001001791264,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "./images/generated-1770102178998.png",
- "mode": "fill"
- },
+ "fill": [
+ "#fffaeeff",
+ {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/用户头像.png",
+ "mode": "fill"
+ }
+ ],
"width": 28,
"height": 28,
"stroke": {
@@ -17545,7 +17602,7 @@
{
"type": "image",
"enabled": true,
- "url": "../企业微信截图_ad7aca22-d816-4984-83ca-780db82809d9.png",
+ "url": "./images/项目运行.png",
"mode": "fill"
},
{
@@ -17610,7 +17667,7 @@
},
{
"type": "frame",
- "id": "tlN4Y",
+ "id": "KVkgd",
"name": "Operations Row",
"width": "fill_container",
"gap": 12,
@@ -17618,7 +17675,7 @@
"children": [
{
"type": "frame",
- "id": "x2qcx",
+ "id": "ZgsiG",
"name": "Rerun Button",
"height": 28,
"fill": "$turquoise500",
@@ -17627,8 +17684,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$turquoise700"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$turquoise700",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 4,
"padding": [
@@ -17640,7 +17705,7 @@
"children": [
{
"type": "icon_font",
- "id": "CRTbe",
+ "id": "ZL0ld",
"name": "rerunIcon",
"width": 14,
"height": 14,
@@ -17650,7 +17715,7 @@
},
{
"type": "text",
- "id": "EbojS",
+ "id": "b4vgB",
"name": "rerunLabel",
"fill": "#FFFFFF",
"content": "Rerun",
@@ -17663,7 +17728,7 @@
},
{
"type": "frame",
- "id": "cc6LP",
+ "id": "BpO9G",
"name": "Stop Button",
"height": 28,
"fill": "$grey300",
@@ -17672,8 +17737,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 8,
"padding": [
@@ -17685,7 +17758,7 @@
"children": [
{
"type": "icon_font",
- "id": "9Oen7",
+ "id": "s6UvN",
"name": "stopIcon",
"width": 14,
"height": 14,
@@ -17695,7 +17768,7 @@
},
{
"type": "text",
- "id": "h6eMY",
+ "id": "wQYUS",
"name": "stopLabel",
"fill": "$grey900",
"content": "Stop",
@@ -17708,7 +17781,7 @@
},
{
"type": "frame",
- "id": "6ysLd",
+ "id": "twYQA",
"name": "Enter Full Screen Button",
"width": 32,
"height": 28,
@@ -17718,15 +17791,23 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "z5W4F",
+ "id": "xcRsr",
"name": "fullscreenIcon",
"width": 14,
"height": 14,
@@ -17738,25 +17819,31 @@
},
{
"type": "frame",
- "id": "4sNIG",
+ "id": "cmivo",
"name": "Share Button",
"width": 32,
"height": 28,
"fill": "$grey300",
"cornerRadius": 12,
"stroke": {
- "align": "outside",
- "thickness": {
- "bottom": 4
- },
- "fill": "$gery600"
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "8ME8S",
+ "id": "xH1na",
"name": "shareIcon",
"width": 14,
"height": 14,
@@ -17824,7 +17911,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"cornerRadius": 12
@@ -17956,7 +18043,7 @@
},
{
"type": "frame",
- "id": "RZV2w",
+ "id": "wchpE",
"name": "Actions",
"width": "fill_container",
"gap": 12,
@@ -17965,7 +18052,7 @@
"children": [
{
"type": "frame",
- "id": "UQBYP",
+ "id": "4kPV0",
"name": "Edit Button",
"width": "fill_container",
"height": 36,
@@ -17975,8 +18062,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$turquoise700"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$turquoise700",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 8,
"padding": [
@@ -17988,7 +18083,7 @@
"children": [
{
"type": "icon_font",
- "id": "EXpG3",
+ "id": "WFcET",
"name": "PaginationEllipsisIcon",
"width": 0,
"height": 0,
@@ -17998,7 +18093,7 @@
},
{
"type": "icon_font",
- "id": "XCA7w",
+ "id": "XFRUy",
"name": "icon",
"width": 18,
"height": 18,
@@ -18008,7 +18103,7 @@
},
{
"type": "text",
- "id": "JUVgO",
+ "id": "3nLzu",
"name": "label",
"fill": "#FFFFFF",
"content": "Edit",
@@ -18021,7 +18116,7 @@
},
{
"type": "frame",
- "id": "vDnM6",
+ "id": "VI64R",
"name": "Publish Button",
"width": "fill_container",
"height": 36,
@@ -18031,8 +18126,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 8,
"padding": [
@@ -18044,7 +18147,7 @@
"children": [
{
"type": "icon_font",
- "id": "UBl4u",
+ "id": "5UWZr",
"name": "icon",
"width": 0,
"height": 0,
@@ -18054,7 +18157,7 @@
},
{
"type": "icon_font",
- "id": "FTHeW",
+ "id": "NKRFe",
"name": "PaginationEllipsisIcon",
"width": 18,
"height": 18,
@@ -18064,7 +18167,7 @@
},
{
"type": "text",
- "id": "WpAzW",
+ "id": "ugEeH",
"name": "label",
"fill": "$grey900",
"content": "Publish",
@@ -18077,7 +18180,7 @@
},
{
"type": "frame",
- "id": "UO76P",
+ "id": "JxzFt",
"name": "More Button",
"width": 40,
"height": 36,
@@ -18087,15 +18190,23 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "d51nx",
+ "id": "uT09G",
"name": "icon",
"width": 0,
"height": 0,
@@ -18105,7 +18216,7 @@
},
{
"type": "icon_font",
- "id": "0WUW4",
+ "id": "zeWu2",
"name": "PaginationEllipsisIcon",
"width": 18,
"height": 18,
@@ -18955,7 +19066,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -19113,7 +19224,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -19181,7 +19292,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -19317,7 +19428,7 @@
{
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
}
],
@@ -19427,14 +19538,14 @@
},
{
"type": "frame",
- "id": "TSGhP",
+ "id": "Ag7Kr",
"name": "ProjectsGrid",
"width": "fill_container",
"gap": 20,
"children": [
{
"type": "frame",
- "id": "KmSNF",
+ "id": "08u0T",
"name": "ProjectCard",
"width": 232,
"height": 254,
@@ -19449,7 +19560,7 @@
"children": [
{
"type": "frame",
- "id": "oaEk6",
+ "id": "CYyf7",
"name": "Thumbnail",
"width": "fill_container",
"height": 180,
@@ -19463,7 +19574,7 @@
},
{
"type": "frame",
- "id": "mXMIe",
+ "id": "bAWMm",
"name": "CardContent",
"width": "fill_container",
"layout": "vertical",
@@ -19472,14 +19583,14 @@
"children": [
{
"type": "frame",
- "id": "LkFYG",
+ "id": "gvzBv",
"name": "TopContent",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "bYnE8",
+ "id": "VGsRn",
"name": "Title",
"fill": "$grey1000",
"content": "Space Werewolf",
@@ -19489,12 +19600,12 @@
},
{
"type": "ellipse",
- "id": "eDucX",
+ "id": "bBiJI",
"name": "CreatorAvatar",
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -19504,21 +19615,21 @@
},
{
"type": "frame",
- "id": "O23VF",
+ "id": "RjW3n",
"name": "card1Meta",
"gap": 12,
"alignItems": "end",
"children": [
{
"type": "frame",
- "id": "8cqHr",
+ "id": "ffxKa",
"name": "card1Heart",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "jAH2e",
+ "id": "vK0Lc",
"name": "card1HeartIcon",
"width": 14,
"height": 14,
@@ -19528,7 +19639,7 @@
},
{
"type": "text",
- "id": "YHlmp",
+ "id": "JUYDp",
"name": "card1Likes",
"fill": "$grey700",
"content": "888K",
@@ -19541,7 +19652,7 @@
},
{
"type": "text",
- "id": "GgNC2",
+ "id": "kS08R",
"name": "card1Time",
"fill": "$grey700",
"content": "22 hours ago",
@@ -19558,7 +19669,7 @@
},
{
"type": "frame",
- "id": "wC9uJ",
+ "id": "h8gtv",
"name": "ProjectCard",
"width": 232,
"height": 254,
@@ -19573,7 +19684,7 @@
"children": [
{
"type": "frame",
- "id": "gBQrQ",
+ "id": "GiojM",
"name": "Thumbnail",
"width": "fill_container",
"height": 180,
@@ -19587,7 +19698,7 @@
},
{
"type": "frame",
- "id": "PbQCX",
+ "id": "lLqcI",
"name": "CardContent",
"width": "fill_container",
"layout": "vertical",
@@ -19596,14 +19707,14 @@
"children": [
{
"type": "frame",
- "id": "I6hzc",
+ "id": "k7YJL",
"name": "TopContent",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "HNO7h",
+ "id": "aRWG5",
"name": "Title",
"fill": "$grey1000",
"content": "Space Werewolf",
@@ -19613,12 +19724,12 @@
},
{
"type": "ellipse",
- "id": "aDAtq",
+ "id": "xV5yp",
"name": "CreatorAvatar",
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -19628,21 +19739,21 @@
},
{
"type": "frame",
- "id": "YkVaf",
+ "id": "YSDAQ",
"name": "card1Meta",
"gap": 12,
"alignItems": "end",
"children": [
{
"type": "frame",
- "id": "xScgH",
+ "id": "EFE4p",
"name": "card1Heart",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "v3mcc",
+ "id": "IwSWr",
"name": "card1HeartIcon",
"width": 14,
"height": 14,
@@ -19652,7 +19763,7 @@
},
{
"type": "text",
- "id": "8YqkO",
+ "id": "gYnLS",
"name": "card1Likes",
"fill": "$grey700",
"content": "888K",
@@ -19665,7 +19776,7 @@
},
{
"type": "text",
- "id": "oEp8U",
+ "id": "nk4pq",
"name": "card1Time",
"fill": "$grey700",
"content": "22 hours ago",
@@ -19682,7 +19793,7 @@
},
{
"type": "frame",
- "id": "UeUiJ",
+ "id": "ajk1b",
"name": "ProjectCard",
"width": 232,
"height": 254,
@@ -19697,7 +19808,7 @@
"children": [
{
"type": "frame",
- "id": "PMh19",
+ "id": "29viP",
"name": "Thumbnail",
"rotation": -0.02769341546936143,
"width": "fill_container",
@@ -19712,7 +19823,7 @@
},
{
"type": "frame",
- "id": "ngsee",
+ "id": "0XXAD",
"name": "CardContent",
"width": "fill_container",
"layout": "vertical",
@@ -19721,14 +19832,14 @@
"children": [
{
"type": "frame",
- "id": "ad7tu",
+ "id": "HGwFa",
"name": "TopContent",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "8pJyr",
+ "id": "Z9SAC",
"name": "Title",
"fill": "$grey1000",
"content": "Space Werewolf",
@@ -19738,12 +19849,12 @@
},
{
"type": "ellipse",
- "id": "nB3lz",
+ "id": "BhR6G",
"name": "CreatorAvatar",
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -19753,21 +19864,21 @@
},
{
"type": "frame",
- "id": "yZ2aG",
+ "id": "FN4Au",
"name": "card1Meta",
"gap": 12,
"alignItems": "end",
"children": [
{
"type": "frame",
- "id": "Wil1G",
+ "id": "8IC4H",
"name": "card1Heart",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "PzwXp",
+ "id": "JPqi0",
"name": "card1HeartIcon",
"width": 14,
"height": 14,
@@ -19777,7 +19888,7 @@
},
{
"type": "text",
- "id": "o0UIu",
+ "id": "HLBlW",
"name": "card1Likes",
"fill": "$grey700",
"content": "888K",
@@ -19790,7 +19901,7 @@
},
{
"type": "text",
- "id": "6U4tp",
+ "id": "cOj5v",
"name": "card1Time",
"fill": "$grey700",
"content": "22 hours ago",
@@ -19807,7 +19918,7 @@
},
{
"type": "frame",
- "id": "fVo73",
+ "id": "rLiY6",
"name": "ProjectCard",
"width": 232,
"height": 254,
@@ -19822,7 +19933,7 @@
"children": [
{
"type": "frame",
- "id": "h3IIQ",
+ "id": "fI0rI",
"name": "Thumbnail",
"width": "fill_container",
"height": 180,
@@ -19836,7 +19947,7 @@
},
{
"type": "frame",
- "id": "qPTZf",
+ "id": "xUp7s",
"name": "CardContent",
"width": "fill_container",
"layout": "vertical",
@@ -19845,14 +19956,14 @@
"children": [
{
"type": "frame",
- "id": "MuEkT",
+ "id": "7HjBS",
"name": "TopContent",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "eXAiT",
+ "id": "aLGuB",
"name": "Title",
"fill": "$grey1000",
"content": "Space Werewolf",
@@ -19862,12 +19973,12 @@
},
{
"type": "ellipse",
- "id": "2MAVl",
+ "id": "3BD9i",
"name": "CreatorAvatar",
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -19877,21 +19988,21 @@
},
{
"type": "frame",
- "id": "WUrKr",
+ "id": "C4iaa",
"name": "card1Meta",
"gap": 12,
"alignItems": "end",
"children": [
{
"type": "frame",
- "id": "MbMEs",
+ "id": "StaaW",
"name": "card1Heart",
"gap": 4,
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "dJEaV",
+ "id": "5KzdA",
"name": "card1HeartIcon",
"width": 14,
"height": 14,
@@ -19901,7 +20012,7 @@
},
{
"type": "text",
- "id": "BJgPh",
+ "id": "o38yM",
"name": "card1Likes",
"fill": "$grey700",
"content": "888K",
@@ -19914,7 +20025,7 @@
},
{
"type": "text",
- "id": "5AlPt",
+ "id": "taf0x",
"name": "card1Time",
"fill": "$grey700",
"content": "22 hours ago",
@@ -21586,14 +21697,14 @@
"children": [
{
"type": "frame",
- "id": "DOAFO",
+ "id": "9FmbJ",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -21605,7 +21716,7 @@
"children": [
{
"type": "frame",
- "id": "bcVtD",
+ "id": "nO1Qj",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -21618,7 +21729,7 @@
"children": [
{
"type": "frame",
- "id": "z39Lo",
+ "id": "HSkvX",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -21629,7 +21740,7 @@
"children": [
{
"type": "frame",
- "id": "euarM",
+ "id": "kfWLe",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -21641,7 +21752,7 @@
"children": [
{
"type": "frame",
- "id": "v9v15",
+ "id": "v8Ju1",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -21655,7 +21766,7 @@
"children": [
{
"type": "frame",
- "id": "Iap5M",
+ "id": "tKduX",
"x": 0,
"y": 4,
"name": "union",
@@ -21669,7 +21780,7 @@
"children": [
{
"type": "path",
- "id": "WI2Ai",
+ "id": "9JUHp",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -21696,7 +21807,7 @@
},
{
"type": "frame",
- "id": "X8Yua",
+ "id": "jC7KU",
"name": "line",
"clip": true,
"width": 1,
@@ -21710,7 +21821,7 @@
},
{
"type": "frame",
- "id": "ItLaY",
+ "id": "JvNBp",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -21732,7 +21843,7 @@
"children": [
{
"type": "frame",
- "id": "piUN2",
+ "id": "KNCZZ",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -21744,14 +21855,14 @@
"children": [
{
"type": "frame",
- "id": "KATVr",
+ "id": "g6dRq",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -21762,7 +21873,7 @@
},
{
"type": "frame",
- "id": "8mawp",
+ "id": "RFNjg",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -21774,7 +21885,7 @@
"children": [
{
"type": "path",
- "id": "9cPeq",
+ "id": "nb9oN",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -21795,7 +21906,7 @@
},
{
"type": "frame",
- "id": "QiUXR",
+ "id": "WWLdC",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -21812,14 +21923,14 @@
"children": [
{
"type": "frame",
- "id": "K0bzi",
+ "id": "L0IHW",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -21834,7 +21945,7 @@
},
{
"type": "frame",
- "id": "SFUUh",
+ "id": "38Nfm",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -21847,7 +21958,7 @@
"children": [
{
"type": "frame",
- "id": "gMOHh",
+ "id": "4Yr3a",
"name": "Frame",
"height": 50,
"stroke": {
@@ -21859,7 +21970,7 @@
"children": [
{
"type": "frame",
- "id": "tKgDp",
+ "id": "SpXMY",
"name": "Search box",
"width": 340,
"height": 32,
@@ -21878,7 +21989,7 @@
"children": [
{
"type": "frame",
- "id": "Q2xYO",
+ "id": "6qfnR",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -21890,7 +22001,7 @@
"children": [
{
"type": "path",
- "id": "xifGB",
+ "id": "fnZ8u",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -21903,7 +22014,7 @@
},
{
"type": "text",
- "id": "9tkky",
+ "id": "tR9At",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -21916,7 +22027,7 @@
},
{
"type": "frame",
- "id": "Fzp9q",
+ "id": "ZHBom",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -21933,7 +22044,7 @@
"children": [
{
"type": "frame",
- "id": "Izyr0",
+ "id": "l0RRR",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -21945,7 +22056,7 @@
"children": [
{
"type": "ellipse",
- "id": "6Jppg",
+ "id": "SWbk7",
"x": 2,
"y": 2,
"name": "avatar",
@@ -21955,7 +22066,7 @@
{
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
}
],
@@ -22012,7 +22123,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../user bg.png",
+ "url": "./images/user bg.png",
"mode": "fill"
},
"layout": "none"
@@ -22041,7 +22152,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 152,
@@ -22169,7 +22280,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#0b8893",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
@@ -22216,7 +22327,7 @@
"children": [
{
"type": "frame",
- "id": "4v15u",
+ "id": "3v4DP",
"name": "UserSidebar",
"width": 212,
"fill": "$grey100",
@@ -22224,11 +22335,10 @@
"layout": "vertical",
"gap": 8,
"padding": 8,
- "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "ge7I0",
+ "id": "oE8OX",
"name": "OverviewLink",
"width": "fill_container",
"height": 44,
@@ -22239,21 +22349,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "8mTeS",
- "name": "OverviewIcon",
+ "type": "icon_font",
+ "id": "jYMrl",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "/Users/yueman/Desktop/test builder/builder-dev/spx-gui/src/components/ui/icons/info.svg",
- "mode": "stretch"
- }
+ "iconFontName": "book-open-check",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "vlr4K",
+ "id": "ftma0",
"fill": "$grey900",
"content": "Overview",
"lineHeight": 1.5384615384615385,
@@ -22263,14 +22372,14 @@
},
{
"type": "frame",
- "id": "t5PYb",
+ "id": "Ft7LS",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "8x799",
+ "id": "ccygW",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -22283,7 +22392,7 @@
},
{
"type": "frame",
- "id": "YhQyY",
+ "id": "nocAG",
"name": "ProjectsLink",
"width": "fill_container",
"height": 44,
@@ -22294,21 +22403,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "IVIKw",
- "name": "ProjectsIcon",
+ "type": "icon_font",
+ "id": "VXREZ",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/asset-library.svg",
- "mode": "stretch"
- }
+ "iconFontName": "folder-closed",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$turquoise500"
},
{
"type": "text",
- "id": "9KXsD",
+ "id": "o7yTn",
"fill": "$turquoise500",
"content": "Projects",
"lineHeight": 1.5384615384615385,
@@ -22318,14 +22426,14 @@
},
{
"type": "frame",
- "id": "pANQz",
+ "id": "UpxXh",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "K5wnR",
+ "id": "mytxu",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -22338,7 +22446,7 @@
},
{
"type": "frame",
- "id": "MnqAX",
+ "id": "hUMkf",
"name": "LikesLink",
"width": "fill_container",
"height": 44,
@@ -22349,21 +22457,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "Uvx6u",
- "name": "LikesIcon",
+ "type": "icon_font",
+ "id": "j62pG",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/heart-hollow.svg",
- "mode": "stretch"
- }
+ "iconFontName": "heart",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "4pQqy",
+ "id": "h9p6d",
"fill": "$grey900",
"content": "Likes",
"lineHeight": 1.5384615384615385,
@@ -22373,14 +22480,14 @@
},
{
"type": "frame",
- "id": "bj3G1",
+ "id": "maWJC",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "W2A68",
+ "id": "q6i6y",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -22393,7 +22500,7 @@
},
{
"type": "frame",
- "id": "hq5ql",
+ "id": "frYkO",
"name": "FollowingLink",
"width": "fill_container",
"height": 44,
@@ -22404,21 +22511,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "qJfFF",
- "name": "FollowingIcon",
+ "type": "icon_font",
+ "id": "zlOEw",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/plus.svg",
- "mode": "stretch"
- }
+ "iconFontName": "user-star",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "CiQ0o",
+ "id": "TS2NV",
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.4285714285714286,
@@ -22428,14 +22534,14 @@
},
{
"type": "frame",
- "id": "eGNZt",
+ "id": "fs4Yp",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "F4Uxr",
+ "id": "Qg2Wb",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -22448,7 +22554,7 @@
},
{
"type": "frame",
- "id": "QduDR",
+ "id": "CtsQ3",
"name": "FollowersLink",
"width": "fill_container",
"height": 44,
@@ -22459,21 +22565,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "QMHCw",
- "name": "FollowersIcon",
+ "type": "icon_font",
+ "id": "mvO5q",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/check.svg",
- "mode": "stretch"
- }
+ "iconFontName": "users-round",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "p5VmD",
+ "id": "Qi4uw",
"fill": "$grey900",
"content": "Followers",
"lineHeight": 1.5384615384615385,
@@ -22483,14 +22588,14 @@
},
{
"type": "frame",
- "id": "H9uIU",
+ "id": "mticb",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "HftGS",
+ "id": "7VlkS",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -22608,6 +22713,8 @@
"name": "ProjectsGrid",
"width": "fill_container",
"gap": 20,
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
"type": "frame",
@@ -22671,7 +22778,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -22795,7 +22902,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -22920,7 +23027,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -23044,7 +23151,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -23177,7 +23284,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -23301,7 +23408,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -23426,7 +23533,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -23550,7 +23657,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../pubilsh-colorful.png",
+ "url": "./images/pubilsh-colorful.png",
"mode": "fill"
},
"width": 24,
@@ -23943,15 +24050,14 @@
},
{
"type": "frame",
- "id": "sghwI",
+ "id": "F57Kt",
"name": "Operations Row",
"gap": 12,
"justifyContent": "end",
- "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "SneF3",
+ "id": "Kjxzj",
"name": "Rerun Button",
"height": 28,
"fill": "$turquoise500",
@@ -23960,8 +24066,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$turquoise700"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$turquoise700",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 4,
"padding": [
@@ -23973,7 +24087,7 @@
"children": [
{
"type": "icon_font",
- "id": "vlzJ2",
+ "id": "RMDos",
"name": "rerunIcon",
"width": 14,
"height": 14,
@@ -23983,7 +24097,7 @@
},
{
"type": "text",
- "id": "aqmYZ",
+ "id": "urEuB",
"name": "rerunLabel",
"fill": "#FFFFFF",
"content": "Rerun",
@@ -23996,7 +24110,7 @@
},
{
"type": "frame",
- "id": "H7kTw",
+ "id": "t9MBd",
"name": "Stop Button",
"height": 28,
"fill": "$grey300",
@@ -24005,8 +24119,16 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"gap": 8,
"padding": [
@@ -24018,7 +24140,7 @@
"children": [
{
"type": "icon_font",
- "id": "MknX7",
+ "id": "r3pcG",
"name": "stopIcon",
"width": 14,
"height": 14,
@@ -24028,7 +24150,7 @@
},
{
"type": "text",
- "id": "gVo49",
+ "id": "39yPT",
"name": "stopLabel",
"fill": "$grey900",
"content": "Stop",
@@ -24041,7 +24163,7 @@
},
{
"type": "frame",
- "id": "y78V2",
+ "id": "dMfUW",
"name": "Enter Full Screen Button",
"width": 32,
"height": 28,
@@ -24051,19 +24173,64 @@
"align": "outside",
"thickness": {
"bottom": 4
- },
- "fill": "$gery600"
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
},
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "icon_font",
- "id": "r6clx",
+ "id": "KZZq6",
"name": "fullscreenIcon",
"width": 14,
"height": 14,
- "iconFontName": "minimize",
+ "iconFontName": "maximize",
+ "iconFontFamily": "lucide",
+ "fill": "$grey900"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "oXg09",
+ "name": "Share Button",
+ "enabled": false,
+ "width": 32,
+ "height": 28,
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
+ },
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "icon_font",
+ "id": "LInmS",
+ "name": "shareIcon",
+ "width": 14,
+ "height": 14,
+ "iconFontName": "share-2",
"iconFontFamily": "lucide",
"fill": "$grey900"
}
@@ -24082,7 +24249,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../企业微信截图_85567307-5b6f-4de2-8e5a-2dc5ebbdf4fe.png",
+ "url": "./images/项目全屏.png",
"mode": "stretch"
},
"justifyContent": "center",
@@ -24109,14 +24276,14 @@
"children": [
{
"type": "frame",
- "id": "uIR8o",
+ "id": "HRbsG",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -24128,7 +24295,7 @@
"children": [
{
"type": "frame",
- "id": "OuG1O",
+ "id": "LzrWg",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -24141,7 +24308,7 @@
"children": [
{
"type": "frame",
- "id": "uweEc",
+ "id": "o845c",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -24152,7 +24319,7 @@
"children": [
{
"type": "frame",
- "id": "MwLh5",
+ "id": "OETQG",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -24164,7 +24331,7 @@
"children": [
{
"type": "frame",
- "id": "6apm2",
+ "id": "U5WE7",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -24178,7 +24345,7 @@
"children": [
{
"type": "frame",
- "id": "FfFdv",
+ "id": "EvVKv",
"x": 0,
"y": 4,
"name": "union",
@@ -24192,7 +24359,7 @@
"children": [
{
"type": "path",
- "id": "jQPhE",
+ "id": "63hEg",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -24219,7 +24386,7 @@
},
{
"type": "frame",
- "id": "D1Jd2",
+ "id": "XR8am",
"name": "line",
"clip": true,
"width": 1,
@@ -24233,7 +24400,7 @@
},
{
"type": "frame",
- "id": "eSP0y",
+ "id": "KWcfl",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -24255,7 +24422,7 @@
"children": [
{
"type": "frame",
- "id": "2ucpa",
+ "id": "jqvoD",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -24267,14 +24434,14 @@
"children": [
{
"type": "frame",
- "id": "MTAoS",
+ "id": "EMMIx",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -24285,7 +24452,7 @@
},
{
"type": "frame",
- "id": "6cQoX",
+ "id": "GeLYZ",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -24297,7 +24464,7 @@
"children": [
{
"type": "path",
- "id": "76fvK",
+ "id": "yc0Qt",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -24318,7 +24485,7 @@
},
{
"type": "frame",
- "id": "lcYxc",
+ "id": "xn3s2",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -24335,14 +24502,14 @@
"children": [
{
"type": "frame",
- "id": "aPvqj",
+ "id": "5OrjO",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -24357,7 +24524,7 @@
},
{
"type": "frame",
- "id": "3a8tz",
+ "id": "iuf3D",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -24370,7 +24537,7 @@
"children": [
{
"type": "frame",
- "id": "ZB1bn",
+ "id": "elzzm",
"name": "Frame",
"height": 50,
"stroke": {
@@ -24382,7 +24549,7 @@
"children": [
{
"type": "frame",
- "id": "LpRYb",
+ "id": "2Dzdm",
"name": "Search box",
"width": 340,
"height": 32,
@@ -24401,7 +24568,7 @@
"children": [
{
"type": "frame",
- "id": "08Ad6",
+ "id": "l4n0M",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -24413,7 +24580,7 @@
"children": [
{
"type": "path",
- "id": "lXkjo",
+ "id": "olHTi",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -24426,7 +24593,7 @@
},
{
"type": "text",
- "id": "sHO8s",
+ "id": "wNKOc",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -24439,7 +24606,7 @@
},
{
"type": "frame",
- "id": "4MsHy",
+ "id": "HuM2x",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -24456,7 +24623,7 @@
"children": [
{
"type": "frame",
- "id": "3pUJD",
+ "id": "2VPya",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -24468,17 +24635,20 @@
"children": [
{
"type": "ellipse",
- "id": "J0cs9",
+ "id": "V3A82",
"x": 2,
"y": 2,
"name": "avatar",
"sweepAngle": -360.00001001791264,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "./images/generated-1770102178998.png",
- "mode": "fill"
- },
+ "fill": [
+ "#fffaeeff",
+ {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/用户头像.png",
+ "mode": "fill"
+ }
+ ],
"width": 28,
"height": 28,
"stroke": {
@@ -24530,7 +24700,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../builder-dev/spx-gui/src/components/tutorials/banner.png",
+ "url": "./images/banner.png",
"mode": "fill"
},
"layout": "none",
@@ -24601,7 +24771,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../builder使用.png",
+ "url": "./images/builder使用.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -24655,7 +24825,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -24709,7 +24879,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -24763,7 +24933,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -24828,7 +24998,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -24882,7 +25052,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -24936,7 +25106,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -24990,7 +25160,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -25055,7 +25225,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -25109,7 +25279,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -25163,7 +25333,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -25217,7 +25387,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -25282,7 +25452,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -25336,7 +25506,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -25561,14 +25731,14 @@
"children": [
{
"type": "frame",
- "id": "gnc6J",
+ "id": "42iGf",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -25580,7 +25750,7 @@
"children": [
{
"type": "frame",
- "id": "9oFYk",
+ "id": "kGtu2",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -25593,7 +25763,7 @@
"children": [
{
"type": "frame",
- "id": "He4ig",
+ "id": "jhik7",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -25604,7 +25774,7 @@
"children": [
{
"type": "frame",
- "id": "5ee8s",
+ "id": "lNcfD",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -25616,7 +25786,7 @@
"children": [
{
"type": "frame",
- "id": "PwTKe",
+ "id": "EQwZX",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -25630,7 +25800,7 @@
"children": [
{
"type": "frame",
- "id": "SPIei",
+ "id": "XRnMr",
"x": 0,
"y": 4,
"name": "union",
@@ -25644,7 +25814,7 @@
"children": [
{
"type": "path",
- "id": "MEn3Q",
+ "id": "Pcsy4",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -25671,7 +25841,7 @@
},
{
"type": "frame",
- "id": "5Jt7E",
+ "id": "BA89w",
"name": "line",
"clip": true,
"width": 1,
@@ -25685,7 +25855,7 @@
},
{
"type": "frame",
- "id": "9of2j",
+ "id": "E2T4V",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -25707,7 +25877,7 @@
"children": [
{
"type": "frame",
- "id": "O8z4C",
+ "id": "cHqLh",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -25719,14 +25889,14 @@
"children": [
{
"type": "frame",
- "id": "Widpc",
+ "id": "tHL04",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -25737,7 +25907,7 @@
},
{
"type": "frame",
- "id": "N0vqs",
+ "id": "Fak58",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -25749,7 +25919,7 @@
"children": [
{
"type": "path",
- "id": "Wtrq5",
+ "id": "iHIIW",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -25770,7 +25940,7 @@
},
{
"type": "frame",
- "id": "4AeyD",
+ "id": "yYuOP",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -25787,14 +25957,14 @@
"children": [
{
"type": "frame",
- "id": "YZ1op",
+ "id": "JU5kx",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -25809,7 +25979,7 @@
},
{
"type": "frame",
- "id": "BEEpf",
+ "id": "lLYGr",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -25822,7 +25992,7 @@
"children": [
{
"type": "frame",
- "id": "PXlro",
+ "id": "jRFDc",
"name": "Frame",
"height": 50,
"stroke": {
@@ -25834,7 +26004,7 @@
"children": [
{
"type": "frame",
- "id": "b5502",
+ "id": "hyZpN",
"name": "Search box",
"width": 340,
"height": 32,
@@ -25853,7 +26023,7 @@
"children": [
{
"type": "frame",
- "id": "pWrTh",
+ "id": "uVo8T",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -25865,7 +26035,7 @@
"children": [
{
"type": "path",
- "id": "pevcE",
+ "id": "AQmrj",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -25878,7 +26048,7 @@
},
{
"type": "text",
- "id": "4CNtr",
+ "id": "1DAlT",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -25891,7 +26061,7 @@
},
{
"type": "frame",
- "id": "Ykaav",
+ "id": "89MFB",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -25908,7 +26078,7 @@
"children": [
{
"type": "frame",
- "id": "qriCM",
+ "id": "aDPIc",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -25920,17 +26090,20 @@
"children": [
{
"type": "ellipse",
- "id": "L1U9k",
+ "id": "5FI3M",
"x": 2,
"y": 2,
"name": "avatar",
"sweepAngle": -360.00001001791264,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "./images/generated-1770102178998.png",
- "mode": "fill"
- },
+ "fill": [
+ "#fffaeeff",
+ {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/用户头像.png",
+ "mode": "fill"
+ }
+ ],
"width": 28,
"height": 28,
"stroke": {
@@ -25979,7 +26152,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "stretch"
},
"cornerRadius": 12
@@ -26047,7 +26220,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -26101,7 +26274,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -26155,7 +26328,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -26209,7 +26382,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -26274,7 +26447,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -26328,7 +26501,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -26382,7 +26555,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -26436,7 +26609,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../codekiko.png",
+ "url": "./images/codekiko.png",
"mode": "fill"
},
"cornerRadius": 20,
@@ -26508,14 +26681,14 @@
"children": [
{
"type": "frame",
- "id": "jb4U3",
+ "id": "BRWE8",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -26527,7 +26700,7 @@
"children": [
{
"type": "frame",
- "id": "yHx5F",
+ "id": "19aAf",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -26540,7 +26713,7 @@
"children": [
{
"type": "frame",
- "id": "lX07J",
+ "id": "IjFaC",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -26551,7 +26724,7 @@
"children": [
{
"type": "frame",
- "id": "NHZjL",
+ "id": "AWXoA",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -26563,7 +26736,7 @@
"children": [
{
"type": "frame",
- "id": "z1ITY",
+ "id": "fEAvh",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -26577,7 +26750,7 @@
"children": [
{
"type": "frame",
- "id": "7bEK5",
+ "id": "XrS4i",
"x": 0,
"y": 4,
"name": "union",
@@ -26591,7 +26764,7 @@
"children": [
{
"type": "path",
- "id": "Xc8Y7",
+ "id": "94955",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -26618,7 +26791,7 @@
},
{
"type": "frame",
- "id": "rtcit",
+ "id": "Lps8e",
"name": "line",
"clip": true,
"width": 1,
@@ -26632,7 +26805,7 @@
},
{
"type": "frame",
- "id": "czwTy",
+ "id": "gOaZO",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -26654,7 +26827,7 @@
"children": [
{
"type": "frame",
- "id": "m0LA2",
+ "id": "VwDtD",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -26666,14 +26839,14 @@
"children": [
{
"type": "frame",
- "id": "EIcyA",
+ "id": "qtA6x",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -26684,7 +26857,7 @@
},
{
"type": "frame",
- "id": "Uzr6w",
+ "id": "6PWQE",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -26696,7 +26869,7 @@
"children": [
{
"type": "path",
- "id": "zD6UB",
+ "id": "6S3hq",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -26717,7 +26890,7 @@
},
{
"type": "frame",
- "id": "2LLgD",
+ "id": "uvXnD",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -26734,14 +26907,14 @@
"children": [
{
"type": "frame",
- "id": "Y8sy7",
+ "id": "7aCcf",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -26756,7 +26929,7 @@
},
{
"type": "frame",
- "id": "QwVf1",
+ "id": "gJjKK",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -26769,7 +26942,7 @@
"children": [
{
"type": "frame",
- "id": "W2mOm",
+ "id": "RW6u3",
"name": "Frame",
"height": 50,
"stroke": {
@@ -26781,7 +26954,7 @@
"children": [
{
"type": "frame",
- "id": "Ht1LR",
+ "id": "vFjeF",
"name": "Search box",
"width": 340,
"height": 32,
@@ -26800,7 +26973,7 @@
"children": [
{
"type": "frame",
- "id": "2yGyU",
+ "id": "jg9RG",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -26812,7 +26985,7 @@
"children": [
{
"type": "path",
- "id": "m2Z96",
+ "id": "zz6AH",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -26825,7 +26998,7 @@
},
{
"type": "text",
- "id": "WIZT8",
+ "id": "wgYs8",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -26838,7 +27011,7 @@
},
{
"type": "frame",
- "id": "sBz92",
+ "id": "g859k",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -26855,7 +27028,7 @@
"children": [
{
"type": "frame",
- "id": "RdnHZ",
+ "id": "On9Fq",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -26867,7 +27040,7 @@
"children": [
{
"type": "ellipse",
- "id": "qNhGY",
+ "id": "52MPd",
"x": 2,
"y": 2,
"name": "avatar",
@@ -26877,7 +27050,7 @@
{
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
}
],
@@ -26934,7 +27107,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../user bg.png",
+ "url": "./images/user bg.png",
"mode": "fill"
},
"layout": "none"
@@ -26963,7 +27136,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 152,
@@ -27091,7 +27264,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#0b8893",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
@@ -27138,7 +27311,7 @@
"children": [
{
"type": "frame",
- "id": "MLqKI",
+ "id": "rol6j",
"name": "UserSidebar",
"width": 212,
"fill": "$grey100",
@@ -27146,11 +27319,10 @@
"layout": "vertical",
"gap": 8,
"padding": 8,
- "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "MvV9E",
+ "id": "TXsdY",
"name": "OverviewLink",
"width": "fill_container",
"height": 44,
@@ -27161,21 +27333,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "nSAqi",
- "name": "OverviewIcon",
+ "type": "icon_font",
+ "id": "2yE7f",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "/Users/yueman/Desktop/test builder/builder-dev/spx-gui/src/components/ui/icons/info.svg",
- "mode": "stretch"
- }
+ "iconFontName": "book-open-check",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "4xPMV",
+ "id": "SRId8",
"fill": "$grey900",
"content": "Overview",
"lineHeight": 1.5384615384615385,
@@ -27185,14 +27356,14 @@
},
{
"type": "frame",
- "id": "E2FZk",
+ "id": "Qv9KP",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "BManv",
+ "id": "GhmWh",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -27205,7 +27376,7 @@
},
{
"type": "frame",
- "id": "8vpJq",
+ "id": "0CffK",
"name": "ProjectsLink",
"width": "fill_container",
"height": 44,
@@ -27216,22 +27387,21 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "bYZ4f",
- "name": "ProjectsIcon",
+ "type": "icon_font",
+ "id": "xOEWW",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/asset-library.svg",
- "mode": "stretch"
- }
+ "iconFontName": "folder-closed",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "2WtDo",
- "fill": "$grey800",
+ "id": "sN0QA",
+ "fill": "$grey900",
"content": "Projects",
"lineHeight": 1.5384615384615385,
"fontFamily": "Inter",
@@ -27240,14 +27410,14 @@
},
{
"type": "frame",
- "id": "pBMUX",
+ "id": "DwaWu",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "kD4G5",
+ "id": "WPrqB",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -27260,7 +27430,7 @@
},
{
"type": "frame",
- "id": "wxhop",
+ "id": "afNMe",
"name": "LikesLink",
"width": "fill_container",
"height": 44,
@@ -27271,21 +27441,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "vV8Rb",
- "name": "LikesIcon",
+ "type": "icon_font",
+ "id": "SwQQ8",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/heart-hollow.svg",
- "mode": "stretch"
- }
+ "iconFontName": "heart",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$turquoise500"
},
{
"type": "text",
- "id": "vNi4Y",
+ "id": "NkfXr",
"fill": "$turquoise500",
"content": "Likes",
"lineHeight": 1.5384615384615385,
@@ -27295,14 +27464,14 @@
},
{
"type": "frame",
- "id": "sEYQw",
+ "id": "Q9xXl",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "ZBBJQ",
+ "id": "cMT20",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -27315,7 +27484,7 @@
},
{
"type": "frame",
- "id": "o0RHi",
+ "id": "sli7v",
"name": "FollowingLink",
"width": "fill_container",
"height": 44,
@@ -27326,21 +27495,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "F2WXq",
- "name": "FollowingIcon",
+ "type": "icon_font",
+ "id": "jwFOo",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/plus.svg",
- "mode": "stretch"
- }
+ "iconFontName": "user-star",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "aJRnE",
+ "id": "I3z1l",
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.4285714285714286,
@@ -27350,14 +27518,14 @@
},
{
"type": "frame",
- "id": "GaCeD",
+ "id": "GsXEx",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "eXxFq",
+ "id": "XqwMZ",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -27370,7 +27538,7 @@
},
{
"type": "frame",
- "id": "UU1Kp",
+ "id": "uXRfp",
"name": "FollowersLink",
"width": "fill_container",
"height": 44,
@@ -27381,21 +27549,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "AEvKG",
- "name": "FollowersIcon",
+ "type": "icon_font",
+ "id": "nhPpi",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/check.svg",
- "mode": "stretch"
- }
+ "iconFontName": "users-round",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "d3Q8N",
+ "id": "Dbk8X",
"fill": "$grey900",
"content": "Followers",
"lineHeight": 1.5384615384615385,
@@ -27405,14 +27572,14 @@
},
{
"type": "frame",
- "id": "NGj4z",
+ "id": "IsSUf",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "i8I8y",
+ "id": "NhU0d",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -28757,14 +28924,14 @@
"children": [
{
"type": "frame",
- "id": "9spgb",
+ "id": "DMq0u",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -28776,7 +28943,7 @@
"children": [
{
"type": "frame",
- "id": "XHS4K",
+ "id": "Z8IFD",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -28789,7 +28956,7 @@
"children": [
{
"type": "frame",
- "id": "pRbfr",
+ "id": "wX1UY",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -28800,7 +28967,7 @@
"children": [
{
"type": "frame",
- "id": "AoWKG",
+ "id": "H44pS",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -28812,7 +28979,7 @@
"children": [
{
"type": "frame",
- "id": "jn6PN",
+ "id": "xQH7J",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -28826,7 +28993,7 @@
"children": [
{
"type": "frame",
- "id": "IiwIT",
+ "id": "ByShV",
"x": 0,
"y": 4,
"name": "union",
@@ -28840,7 +29007,7 @@
"children": [
{
"type": "path",
- "id": "GMd1s",
+ "id": "Ccxk6",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -28867,7 +29034,7 @@
},
{
"type": "frame",
- "id": "RfCCs",
+ "id": "hpmyj",
"name": "line",
"clip": true,
"width": 1,
@@ -28881,7 +29048,7 @@
},
{
"type": "frame",
- "id": "5uMVA",
+ "id": "LIDBX",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -28903,7 +29070,7 @@
"children": [
{
"type": "frame",
- "id": "jsTB0",
+ "id": "H5eCT",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -28915,14 +29082,14 @@
"children": [
{
"type": "frame",
- "id": "L20iZ",
+ "id": "ceivG",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -28933,7 +29100,7 @@
},
{
"type": "frame",
- "id": "lfcnY",
+ "id": "fkgJ0",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -28945,7 +29112,7 @@
"children": [
{
"type": "path",
- "id": "fcBJc",
+ "id": "Xjkgk",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -28966,7 +29133,7 @@
},
{
"type": "frame",
- "id": "Q39IA",
+ "id": "50gJA",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -28983,14 +29150,14 @@
"children": [
{
"type": "frame",
- "id": "m7YVO",
+ "id": "ritbt",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -29005,7 +29172,7 @@
},
{
"type": "frame",
- "id": "sFfDO",
+ "id": "jklYq",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -29018,7 +29185,7 @@
"children": [
{
"type": "frame",
- "id": "SzmGd",
+ "id": "ub0vI",
"name": "Frame",
"height": 50,
"stroke": {
@@ -29030,7 +29197,7 @@
"children": [
{
"type": "frame",
- "id": "uICk1",
+ "id": "DHqtK",
"name": "Search box",
"width": 340,
"height": 32,
@@ -29049,7 +29216,7 @@
"children": [
{
"type": "frame",
- "id": "72lOP",
+ "id": "0aeYX",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -29061,7 +29228,7 @@
"children": [
{
"type": "path",
- "id": "BoyPc",
+ "id": "ZRpA6",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -29074,7 +29241,7 @@
},
{
"type": "text",
- "id": "vOSYx",
+ "id": "FdpN9",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -29087,7 +29254,7 @@
},
{
"type": "frame",
- "id": "JvNAz",
+ "id": "sM7Zd",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -29104,7 +29271,7 @@
"children": [
{
"type": "frame",
- "id": "OdhCS",
+ "id": "p5lzb",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -29116,7 +29283,7 @@
"children": [
{
"type": "ellipse",
- "id": "7NaU2",
+ "id": "1K3Rd",
"x": 2,
"y": 2,
"name": "avatar",
@@ -29126,7 +29293,7 @@
{
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
}
],
@@ -29183,7 +29350,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../user bg.png",
+ "url": "./images/user bg.png",
"mode": "fill"
},
"layout": "none"
@@ -29212,7 +29379,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 152,
@@ -29340,7 +29507,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#0b8893",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
@@ -29387,7 +29554,7 @@
"children": [
{
"type": "frame",
- "id": "JOLvh",
+ "id": "2l9xy",
"name": "UserSidebar",
"width": 212,
"fill": "$grey100",
@@ -29395,11 +29562,10 @@
"layout": "vertical",
"gap": 8,
"padding": 8,
- "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "zbbJh",
+ "id": "HIVZU",
"name": "OverviewLink",
"width": "fill_container",
"height": 44,
@@ -29410,21 +29576,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "G6KAH",
- "name": "OverviewIcon",
+ "type": "icon_font",
+ "id": "Hh09F",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "/Users/yueman/Desktop/test builder/builder-dev/spx-gui/src/components/ui/icons/info.svg",
- "mode": "stretch"
- }
+ "iconFontName": "book-open-check",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "iqsyU",
+ "id": "iNxef",
"fill": "$grey900",
"content": "Overview",
"lineHeight": 1.5384615384615385,
@@ -29434,14 +29599,14 @@
},
{
"type": "frame",
- "id": "73NkL",
+ "id": "JpTnV",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "M6fi0",
+ "id": "ntxJZ",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -29454,7 +29619,7 @@
},
{
"type": "frame",
- "id": "Aig1o",
+ "id": "slFXp",
"name": "ProjectsLink",
"width": "fill_container",
"height": 44,
@@ -29465,22 +29630,21 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "VP9vl",
- "name": "ProjectsIcon",
+ "type": "icon_font",
+ "id": "tsR32",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/asset-library.svg",
- "mode": "stretch"
- }
+ "iconFontName": "folder-closed",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "RwGsz",
- "fill": "$grey800",
+ "id": "QXA1E",
+ "fill": "$grey900",
"content": "Projects",
"lineHeight": 1.5384615384615385,
"fontFamily": "Inter",
@@ -29489,14 +29653,14 @@
},
{
"type": "frame",
- "id": "J68Tu",
+ "id": "CVkRM",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "dbNow",
+ "id": "H966T",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -29509,7 +29673,7 @@
},
{
"type": "frame",
- "id": "VjJww",
+ "id": "m0dNy",
"name": "LikesLink",
"width": "fill_container",
"height": 44,
@@ -29520,22 +29684,21 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "KfqPN",
- "name": "LikesIcon",
+ "type": "icon_font",
+ "id": "d6Xlb",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/heart-hollow.svg",
- "mode": "stretch"
- }
+ "iconFontName": "heart",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "ZJ9ca",
- "fill": "$grey800",
+ "id": "IyLIl",
+ "fill": "$grey900",
"content": "Likes",
"lineHeight": 1.5384615384615385,
"fontFamily": "Inter",
@@ -29544,14 +29707,14 @@
},
{
"type": "frame",
- "id": "IzFWl",
+ "id": "oQUX7",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "CYudk",
+ "id": "cRYDF",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -29564,7 +29727,7 @@
},
{
"type": "frame",
- "id": "Ls95B",
+ "id": "Febu7",
"name": "FollowingLink",
"width": "fill_container",
"height": 44,
@@ -29575,21 +29738,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "B1uIy",
- "name": "FollowingIcon",
+ "type": "icon_font",
+ "id": "Tft1E",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/plus.svg",
- "mode": "stretch"
- }
+ "iconFontName": "user-star",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$turquoise500"
},
{
"type": "text",
- "id": "KPzo2",
+ "id": "sLAnW",
"fill": "$turquoise500",
"content": "Following",
"lineHeight": 1.4285714285714286,
@@ -29599,14 +29761,14 @@
},
{
"type": "frame",
- "id": "O6ckG",
+ "id": "sVpVL",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "gkGgK",
+ "id": "nteQ8",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -29619,7 +29781,7 @@
},
{
"type": "frame",
- "id": "1aSAV",
+ "id": "Nt4zB",
"name": "FollowersLink",
"width": "fill_container",
"height": 44,
@@ -29630,21 +29792,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "mW4Y3",
- "name": "FollowersIcon",
+ "type": "icon_font",
+ "id": "iLuX5",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/check.svg",
- "mode": "stretch"
- }
+ "iconFontName": "users-round",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "UBkwU",
+ "id": "oxjcV",
"fill": "$grey900",
"content": "Followers",
"lineHeight": 1.5384615384615385,
@@ -29654,14 +29815,14 @@
},
{
"type": "frame",
- "id": "izeKs",
+ "id": "OCwJO",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "Cy3EX",
+ "id": "2oQCF",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -29742,7 +29903,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -29851,7 +30012,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#0b8893",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
@@ -29906,7 +30067,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -30032,7 +30193,7 @@
"type": "text",
"id": "DSEBY",
"name": "ButtonText",
- "rotation": -0.10761960122633651,
+ "rotation": -0.10761960122633653,
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.5714285714285714,
@@ -30071,7 +30232,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -30197,7 +30358,7 @@
"type": "text",
"id": "4bvIV",
"name": "ButtonText",
- "rotation": -0.10761960122633651,
+ "rotation": -0.10761960122633653,
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.5714285714285714,
@@ -30236,7 +30397,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -30362,7 +30523,7 @@
"type": "text",
"id": "2P4Rw",
"name": "ButtonText",
- "rotation": -0.10761960122633651,
+ "rotation": -0.10761960122633653,
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.5714285714285714,
@@ -30401,7 +30562,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -30527,7 +30688,7 @@
"type": "text",
"id": "8EDur",
"name": "ButtonText",
- "rotation": -0.10761960122633651,
+ "rotation": -0.10761960122633653,
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.5714285714285714,
@@ -30845,14 +31006,14 @@
"children": [
{
"type": "frame",
- "id": "TyX0r",
+ "id": "j5vi4",
"name": "Header",
"width": 1440,
"height": 50,
"fill": {
"type": "image",
"enabled": true,
- "url": "../image.png",
+ "url": "./images/navbar bg.png",
"mode": "fill"
},
"padding": [
@@ -30864,7 +31025,7 @@
"children": [
{
"type": "frame",
- "id": "6TfXE",
+ "id": "YQgWC",
"name": "Frame",
"width": 1240,
"height": "fill_container",
@@ -30877,7 +31038,7 @@
"children": [
{
"type": "frame",
- "id": "DJA7U",
+ "id": "YJzXs",
"name": "左",
"width": "fill_container",
"stroke": {
@@ -30888,7 +31049,7 @@
"children": [
{
"type": "frame",
- "id": "c8mcM",
+ "id": "XoixM",
"name": "logo/XBuilder-WordLogo-Nav Bar",
"width": 150,
"height": 50,
@@ -30900,7 +31061,7 @@
"children": [
{
"type": "frame",
- "id": "bUO78",
+ "id": "I5F65",
"x": 24,
"y": 10,
"name": "logo/XBuilder-WordLogo/XBuilder-WordLogo-White",
@@ -30914,7 +31075,7 @@
"children": [
{
"type": "frame",
- "id": "sOZhf",
+ "id": "gEleL",
"x": 0,
"y": 4,
"name": "union",
@@ -30928,7 +31089,7 @@
"children": [
{
"type": "path",
- "id": "PRzsH",
+ "id": "fARoB",
"x": 1.2998559474945068,
"y": 1.3505859375,
"name": "Union",
@@ -30955,7 +31116,7 @@
},
{
"type": "frame",
- "id": "4y5KD",
+ "id": "FNRCZ",
"name": "line",
"clip": true,
"width": 1,
@@ -30969,7 +31130,7 @@
},
{
"type": "frame",
- "id": "I7rNf",
+ "id": "paQFl",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"fill": {
@@ -30991,7 +31152,7 @@
"children": [
{
"type": "frame",
- "id": "4VzvW",
+ "id": "A4RKd",
"name": "Frame 162814",
"opacity": 0.8999999761581421,
"stroke": {
@@ -31003,14 +31164,14 @@
"children": [
{
"type": "frame",
- "id": "hBNtM",
+ "id": "hf6Oe",
"name": "icon/add-outlined",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../add-outlined.png",
+ "url": "./images/add-outlined.png",
"mode": "fill"
},
"stroke": {
@@ -31021,7 +31182,7 @@
},
{
"type": "frame",
- "id": "VheFl",
+ "id": "u2517",
"name": "icon/caret-down-filled",
"width": 16,
"height": 16,
@@ -31033,7 +31194,7 @@
"children": [
{
"type": "path",
- "id": "f2A5J",
+ "id": "Y9Oo3",
"x": 4,
"y": 6,
"name": "caret-down",
@@ -31054,7 +31215,7 @@
},
{
"type": "frame",
- "id": "i8Ygd",
+ "id": "DbiGs",
"name": ".Component/top-navigation-bar/button",
"height": 50,
"stroke": {
@@ -31071,14 +31232,14 @@
"children": [
{
"type": "frame",
- "id": "581vK",
+ "id": "yHgee",
"name": "icon/tutorial entry-filled",
"width": 24,
"height": 24,
"fill": {
"type": "image",
"enabled": true,
- "url": "../tutorial entry-filled.png",
+ "url": "./images/tutorial entry-filled.png",
"mode": "fill"
},
"stroke": {
@@ -31093,7 +31254,7 @@
},
{
"type": "frame",
- "id": "w48JV",
+ "id": "AgsG2",
"name": "右",
"width": "fill_container",
"height": "fill_container",
@@ -31106,7 +31267,7 @@
"children": [
{
"type": "frame",
- "id": "RCiIh",
+ "id": "3UZXS",
"name": "Frame",
"height": 50,
"stroke": {
@@ -31118,7 +31279,7 @@
"children": [
{
"type": "frame",
- "id": "adBcJ",
+ "id": "4ZDVI",
"name": "Search box",
"width": 340,
"height": 32,
@@ -31137,7 +31298,7 @@
"children": [
{
"type": "frame",
- "id": "OVygD",
+ "id": "50sM0",
"name": "icon/search-outlined",
"width": 14,
"height": 14,
@@ -31149,7 +31310,7 @@
"children": [
{
"type": "path",
- "id": "bfyze",
+ "id": "bYElB",
"x": 1.16680908203125,
"y": 1.1666666269302368,
"name": "Search",
@@ -31162,7 +31323,7 @@
},
{
"type": "text",
- "id": "fh8nL",
+ "id": "PVPMO",
"name": "Search project",
"fill": "$grey700",
"content": "Search project",
@@ -31175,7 +31336,7 @@
},
{
"type": "frame",
- "id": "gJHN0",
+ "id": "WwdjW",
"name": ".Component/top-navigation-bar/button",
"height": "fill_container",
"stroke": {
@@ -31192,7 +31353,7 @@
"children": [
{
"type": "frame",
- "id": "l8IPZ",
+ "id": "ytLh9",
"name": "User Avatar",
"width": 32,
"height": 32,
@@ -31204,7 +31365,7 @@
"children": [
{
"type": "ellipse",
- "id": "swXSw",
+ "id": "BCgO1",
"x": 2,
"y": 2,
"name": "avatar",
@@ -31214,7 +31375,7 @@
{
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
}
],
@@ -31271,7 +31432,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "../user bg.png",
+ "url": "./images/user bg.png",
"mode": "fill"
},
"layout": "none"
@@ -31300,7 +31461,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 152,
@@ -31428,7 +31589,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#0b8893",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
@@ -31475,7 +31636,7 @@
"children": [
{
"type": "frame",
- "id": "AMQtW",
+ "id": "c8QIi",
"name": "UserSidebar",
"width": 212,
"fill": "$grey100",
@@ -31483,11 +31644,10 @@
"layout": "vertical",
"gap": 8,
"padding": 8,
- "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "Dm9dQ",
+ "id": "XzIc6",
"name": "OverviewLink",
"width": "fill_container",
"height": 44,
@@ -31498,21 +31658,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "fsdER",
- "name": "OverviewIcon",
+ "type": "icon_font",
+ "id": "f1iPt",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "/Users/yueman/Desktop/test builder/builder-dev/spx-gui/src/components/ui/icons/info.svg",
- "mode": "stretch"
- }
+ "iconFontName": "book-open-check",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "zVPAv",
+ "id": "ObK7T",
"fill": "$grey900",
"content": "Overview",
"lineHeight": 1.5384615384615385,
@@ -31522,14 +31681,14 @@
},
{
"type": "frame",
- "id": "DZF7y",
+ "id": "UXbks",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "nhDIM",
+ "id": "atzn0",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -31542,7 +31701,7 @@
},
{
"type": "frame",
- "id": "twnLk",
+ "id": "snPe5",
"name": "ProjectsLink",
"width": "fill_container",
"height": 44,
@@ -31553,22 +31712,21 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "RfNLV",
- "name": "ProjectsIcon",
+ "type": "icon_font",
+ "id": "KNcUa",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/asset-library.svg",
- "mode": "stretch"
- }
+ "iconFontName": "folder-closed",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "WzXoB",
- "fill": "$grey800",
+ "id": "pQ4RN",
+ "fill": "$grey900",
"content": "Projects",
"lineHeight": 1.5384615384615385,
"fontFamily": "Inter",
@@ -31577,14 +31735,14 @@
},
{
"type": "frame",
- "id": "Crr2A",
+ "id": "GM0XP",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "1DwEQ",
+ "id": "V8fYC",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -31597,7 +31755,7 @@
},
{
"type": "frame",
- "id": "S3u07",
+ "id": "rwPwu",
"name": "LikesLink",
"width": "fill_container",
"height": 44,
@@ -31608,22 +31766,21 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "IqIKm",
- "name": "LikesIcon",
+ "type": "icon_font",
+ "id": "mtEt7",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/heart-hollow.svg",
- "mode": "stretch"
- }
+ "iconFontName": "heart",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "3aUqX",
- "fill": "$grey800",
+ "id": "gRxnz",
+ "fill": "$grey900",
"content": "Likes",
"lineHeight": 1.5384615384615385,
"fontFamily": "Inter",
@@ -31632,14 +31789,14 @@
},
{
"type": "frame",
- "id": "yxJJo",
+ "id": "Y8wyb",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "ALXvC",
+ "id": "KNL4u",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -31652,10 +31809,10 @@
},
{
"type": "frame",
- "id": "PIatx",
+ "id": "I1f9w",
"name": "FollowingLink",
"width": "fill_container",
- "height": "fill_container",
+ "height": 44,
"fill": "$grey100",
"cornerRadius": 12,
"gap": 8,
@@ -31663,22 +31820,21 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "Phcwo",
- "name": "FollowingIcon",
+ "type": "icon_font",
+ "id": "eSQTD",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/plus.svg",
- "mode": "stretch"
- }
+ "iconFontName": "user-star",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$grey800"
},
{
"type": "text",
- "id": "lAUPw",
- "fill": "$grey800",
+ "id": "FKRsj",
+ "fill": "$grey900",
"content": "Following",
"lineHeight": 1.4285714285714286,
"fontFamily": "Inter",
@@ -31687,14 +31843,14 @@
},
{
"type": "frame",
- "id": "ONxvf",
+ "id": "s0yf9",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "3bHDD",
+ "id": "EUbyK",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -31707,7 +31863,7 @@
},
{
"type": "frame",
- "id": "BUV8n",
+ "id": "nYTKe",
"name": "FollowersLink",
"width": "fill_container",
"height": 44,
@@ -31718,21 +31874,20 @@
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "W1NHg",
- "name": "FollowersIcon",
+ "type": "icon_font",
+ "id": "LwtIT",
+ "name": "arrowProjects",
+ "rotation": -0.3325024010822037,
"width": 20,
"height": 20,
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "../builder-dev/spx-gui/src/components/ui/icons/check.svg",
- "mode": "stretch"
- }
+ "iconFontName": "users-round",
+ "iconFontFamily": "lucide",
+ "weight": 400,
+ "fill": "$turquoise500"
},
{
"type": "text",
- "id": "aP6fP",
+ "id": "cohtS",
"fill": "$turquoise500",
"content": "Followers",
"lineHeight": 1.5384615384615385,
@@ -31742,14 +31897,14 @@
},
{
"type": "frame",
- "id": "hCGtL",
+ "id": "Zh8mR",
"name": "Spacer",
"width": "fill_container",
"height": "fit_content(0)"
},
{
"type": "icon_font",
- "id": "htYGR",
+ "id": "OK8LH",
"name": "ArrowIcon",
"width": 12,
"height": 12,
@@ -31830,7 +31985,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -31939,7 +32094,7 @@
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "#0b8893",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
@@ -31994,7 +32149,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -32120,7 +32275,7 @@
"type": "text",
"id": "oKHyK",
"name": "ButtonText",
- "rotation": -0.10761960122633651,
+ "rotation": -0.10761960122633653,
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.5714285714285714,
@@ -32159,7 +32314,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -32285,7 +32440,7 @@
"type": "text",
"id": "TfyCT",
"name": "ButtonText",
- "rotation": -0.10761960122633651,
+ "rotation": -0.10761960122633653,
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.5714285714285714,
@@ -32324,7 +32479,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -32450,7 +32605,7 @@
"type": "text",
"id": "farNx",
"name": "ButtonText",
- "rotation": -0.10761960122633651,
+ "rotation": -0.10761960122633653,
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.5714285714285714,
@@ -32489,7 +32644,7 @@
"fill": {
"type": "image",
"enabled": true,
- "url": "./images/generated-1770102178998.png",
+ "url": "./images/用户头像.png",
"mode": "fill"
},
"width": 48,
@@ -32615,7 +32770,7 @@
"type": "text",
"id": "haLQK",
"name": "ButtonText",
- "rotation": -0.10761960122633651,
+ "rotation": -0.10761960122633653,
"fill": "$grey900",
"content": "Following",
"lineHeight": 1.5714285714285714,
diff --git a/ui/spx/editor.pen b/ui/spx/editor.pen
index 5af608f61..b071bf15f 100644
--- a/ui/spx/editor.pen
+++ b/ui/spx/editor.pen
@@ -4,365 +4,3748 @@
{
"type": "frame",
"id": "dlCTP",
- "x": -333.96134557557707,
- "y": 54.592798990963615,
+ "x": -334,
+ "y": 55,
"name": "sprite-editor",
"width": 1440,
"height": 900,
- "fill": {
- "type": "gradient",
- "gradientType": "linear",
- "enabled": true,
- "rotation": -180,
- "size": {
- "height": 0.9999999999999999
- },
- "colors": [
- {
- "color": "#e9fcffff",
- "position": 0
- },
- {
- "color": "#e9fcffff",
- "position": 1
- }
- ],
- "center": {
- "y": 0.49999999999999994
- }
- },
+ "fill": "#e9fcff",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "layout": "vertical",
+ "gap": 20,
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "lsGP5",
- "x": 928,
- "y": 509,
- "name": "side-panel-stack",
- "height": 369,
+ "id": "8QjzS",
+ "name": "nav-bar-top",
+ "width": 1440,
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/navbar bg.png",
+ "mode": "fill"
+ },
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 20,
+ "gap": 10,
+ "justifyContent": "space_between",
"children": [
{
"type": "frame",
- "id": "2P1R0",
- "name": "assets-stage-row",
- "width": 492,
- "height": 369,
+ "id": "uHdRe",
+ "name": "nav-left",
+ "width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 20,
- "justifyContent": "space_between",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "Sod59",
- "name": "sprite-sound-panels",
+ "id": "kepYd",
+ "name": "nav-logo-wordmark",
+ "width": 150,
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.1190476194024086
+ },
+ "layout": "vertical",
+ "gap": 25,
+ "padding": [
+ 0,
+ 24
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "4muZ0",
+ "name": "icon-logo",
+ "width": 102,
+ "height": 30,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "Nnrol",
+ "x": 2.1828083992004395,
+ "y": 5.349999904632568,
+ "geometry": "M94.05119 8.558l0 9.492c0 0.55228-0.44772 1-1 1l-1.572 0c-0.55228 0-1-0.44772-1-1l0-11.42c0-0.55228 0.44772-1 1-1l1.43 0c0.52493-0.00027 0.96072 0.40539 0.998 0.929l0.144 1.999z m3.77101-3.089c0.166 0.033 0.27 0.188 0.26699 0.358l-0.04799 2.576c-0.00391 0.11569-0.05538 0.22463-0.14227 0.30111-0.08689 0.07648-0.20149 0.1137-0.31674 0.10289l-0.182-0.014c-0.21816-0.02434-0.43748-0.03669-0.657-0.037q-0.757 0-1.315 0.199-0.546 0.186-0.918 0.558-0.36 0.372-0.546 0.905c-0.12135 0.39402-0.18797 0.80284-0.198 1.215l-0.72-0.223q0-1.302 0.261-2.393 0.26-1.104 0.757-1.923 0.508-0.818 1.24-1.265 0.73199-0.447 1.674-0.446 0.298 0 0.60801 0.05 0.128 0.015 0.236 0.036m-14.37501 13.829q-1.563 0-2.803-0.496c-0.79188-0.31696-1.50985-0.7939-2.109-1.401-0.57166-0.59624-1.0184-1.3007-1.314-2.072-0.30825-0.80769-0.46421-1.6655-0.46-2.53l0-0.496q0-1.526 0.435-2.79c0.26846-0.80454 0.68947-1.54981 1.24-2.195 0.54507-0.61985 1.22381-1.10779 1.985-1.427q1.165-0.508 2.629-0.508 1.425 0 2.52999 0.471 1.104 0.47 1.848 1.34 0.757 0.867 1.14 2.083 0.385 1.203 0.38501 2.679l0 1.488-10.666 0 0-2.381 7.156 0 0-0.273q0-0.744-0.272-1.327c-0.16454-0.38632-0.4411-0.71444-0.794-0.942q-0.534-0.348-1.364-0.348-0.708 0-1.216 0.31c-0.34576 0.21432-0.63136 0.513-0.83 0.868q-0.311 0.558-0.472 1.315c-0.10307 0.53948-0.15297 1.08777-0.149 1.637l0 0.496q0 0.807 0.223 1.489 0.236 0.681 0.658 1.178 0.434 0.495 1.041 0.769 0.62 0.273 1.402 0.273c0.61898 0.00534 1.23196-0.12149 1.798-0.372 0.42691-0.19455 0.8141-0.46646 1.142-0.802 0.172-0.176 0.46-0.188 0.627-0.007l1.202 1.305c0.12912 0.13487 0.13935 0.34418 0.02401 0.491-0.28361 0.33956-0.60577 0.64495-0.96001 0.91q-0.72 0.558-1.737 0.918-1.017 0.347-2.32 0.347m-12.055-3.175l0-15.123c0-0.55228 0.44772-1 1-1l1.597 0c0.55228 0 1 0.44772 1 1l0 17.05c0 0.55228-0.44772 1-1 1l-1.353 0c-0.50491-0.00027-0.93041-0.37687-0.992-0.878l-0.252-2.049z m-8.483-3.621l0-0.26q0-1.539 0.347-2.791 0.347-1.266 1.017-2.17c0.43062-0.59196 0.99629-1.07261 1.65-1.402q0.98-0.495 2.23201-0.496 1.179 0 2.059 0.496 0.893 0.495 1.513 1.414 0.632 0.904 1.01699 2.145 0.384 1.228 0.558 2.692l0 0.57c-0.10454 0.88381-0.29134 1.75592-0.558 2.605-0.23105 0.74982-0.57391 1.46048-1.017 2.108-0.3904 0.57381-0.90823 1.04954-1.51299 1.39q-0.893 0.495-2.084 0.495-1.252 0-2.23201-0.508c-0.64875-0.34257-1.20912-0.83106-1.637-1.427q-0.657-0.916-1.00499-2.158c-0.23847-0.88095-0.35522-1.79039-0.34701-2.703m3.572-0.26l0 0.26q0 0.83 0.124 1.55 0.135 0.72 0.434 1.277 0.31 0.546 0.794 0.856 0.495 0.298 1.203 0.298 0.917 0 1.51301-0.41 0.596-0.42 0.90499-1.153 0.323-0.732 0.372-1.687l0-1.623q-0.037-0.781-0.22299-1.402c-0.10155-0.39005-0.27818-0.75656-0.52001-1.079-0.2215-0.29577-0.511-0.53382-0.844-0.694q-0.497-0.248-1.178-0.248-0.694 0-1.191 0.322-0.496 0.31-0.806 0.856c-0.21233 0.40537-0.36299 0.84016-0.44699 1.29-0.09377 0.52373-0.13929 1.05495-0.13601 1.587m-6.458-12.242c0.55228 0 1 0.44772 1 1l0 17.05c0 0.55228-0.44772 1-1 1l-1.584 0c-0.55229 0-1-0.44772-1-1l0-17.05c0-0.55228 0.44772-1 1-1l1.584 0z m-6.214 5.63c0.55228 0 1 0.44772 1 1l0 11.42c0 0.55228-0.44772 1-1 1l-1.584 0c-0.55229 0-1-0.44772-1-1l0-11.42c0-0.55228 0.44771-1 1-1l1.584 0z m-2.807-3.497q0-0.78 0.545-1.29 0.546-0.508 1.464-0.508 0.906 0 1.451 0.509 0.558 0.508 0.558 1.29 0 0.78-0.558 1.29-0.545 0.508-1.451 0.508-0.918 0-1.464-0.509-0.545-0.508-0.545-1.29m-5.755 13.705l0-9.208c0-0.55228 0.44772-1 1-1l1.571 0c0.55228 0 1 0.44772 1 1l0 11.42c0 0.55228-0.44772 1-1 1l-1.424 0c-0.5271 0.00006-0.96374-0.40902-0.998-0.935l-0.149-2.277z m0.396-2.753l1.055-0.025q0 1.34-0.31 2.493-0.31 1.14-0.93 1.984c-0.41077 0.55143-0.94642 0.99763-1.563 1.302q-0.943 0.46-2.22 0.46c-0.61437 0.00516-1.22566-0.08732-1.811-0.274-0.53209-0.18206-1.01567-0.48302-1.414-0.88q-0.583-0.608-0.918-1.55-0.322-0.956-0.322-2.295l0-7.67c0-0.55229 0.44771-1 1-1l1.572 0c0.55229 0 1 0.44772 1 1l0 7.695q0 0.596 0.136 1.004 0.15 0.41 0.41 0.67 0.26 0.26 0.607 0.372 0.36 0.112 0.794 0.112 1.104 0 1.736-0.447 0.645-0.445 0.906-1.215 0.272-0.782 0.272-1.736m-16.755-1.96l-4.64 0-0.024-2.555 3.894 0q1.03 0 1.687-0.26 0.657-0.273 0.98-0.782 0.335-0.52 0.335-1.265 0-0.843-0.323-1.364-0.31-0.521-0.98-0.756-0.657-0.236-1.699-0.236l-2.58 0 0 15.143-2.12 0c-0.42435 0-0.83131-0.16857-1.13137-0.46863-0.30006-0.30006-0.46863-0.70703-0.46863-1.13137l0-14.858c0-0.42435 0.16857-0.83131 0.46863-1.13137 0.30006-0.30006 0.70702-0.46863 1.13137-0.46863l4.7 0q1.575 0 2.816 0.298 1.253 0.297 2.12 0.905c0.56768 0.38981 1.02511 0.91957 1.328 1.538q0.459 0.918 0.459 2.183 0 1.116-0.509 2.059-0.496 0.942-1.575 1.538-1.066 0.595-2.79 0.657l-1.079 0.955z m-0.162 7.925l-5.494 0 1.45-2.902 4.044 0q0.98 0 1.6-0.31 0.62-0.322 0.918-0.868 0.297-0.546 0.297-1.253 0-0.794-0.272-1.376c-0.1707-0.38558-0.46865-0.70084-0.844-0.893q-0.582-0.323-1.538-0.323l-3.584 0 0.025-2.555 4.465 0 0.855 1.005q1.65-0.026 2.655 0.583 1.017 0.595 1.475 1.55 0.472 0.956 0.472 2.046 0 1.737-0.757 2.927-0.756 1.179-2.22 1.774-1.451 0.595-3.54701 0.595m-11.27299-17.71c-0.917-0.825-1.745-0.722-2.41 0l-0.448 0.484 2.48 2.475 0.377-0.347c0.665-0.722 1.065-1.595 0-2.612m-15.43 13.398l-1.139 1.962-0.855 1.83c-0.11 0.235 0.134 0.48 0.369 0.37l1.829-0.857 1.956-1.144-0.002-0.002 0.006-0.001-2.164-2.158z m2.446 1.411l0.367 0.368 0.126-0.074 0.01-0.007 11.624-11.626-0.381-0.38-11.746 11.719z m-1.984-2.202l-0.008 0.009-0.074 0.127 1.572 1.573 11.748-11.719-1.615-1.615-11.623 11.625z",
+ "fill": "$grey100",
+ "width": 98.08925580978394,
+ "height": 19.29920244216919
+ },
+ {
+ "type": "path",
+ "id": "OkQzd",
+ "x": 1.2997803688049316,
+ "y": 5.4393696784973145,
+ "geometry": "M5.08422 6.98763l11.322 11.341c0.3284 0.32976 0.77462 0.51513 1.24 0.51513 0.46539 0 0.91161-0.18537 1.24-0.51513 0.68398-0.68674 0.68398-1.79725 0-2.484l-11.32-11.34-2.482 2.483z m3.079-6.963c-0.87413 0.77448-2.09171 1.03099-3.204 0.675-0.03351-0.00939-0.06949-0.00067-0.095 0.023l-4.729 4.736c-0.18029 0.18072-0.18029 0.47328 0 0.654l2.09 2.092c0.18 0.18 0.472 0.18 0.652 0l4.193-4.197-0.001-0.002 2.27-2.275c0.18029-0.18072 0.18029-0.47328 0-0.654l-1.046-1.049c-0.03554-0.03565-0.09285-0.03697-0.13-0.003",
+ "fill": "#fff",
+ "width": 19.39920949935913,
+ "height": 18.84376096725464
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "2Xthg",
+ "name": "line",
"clip": true,
- "width": 392,
- "height": "fill_container",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "width": 1,
+ "height": 24,
+ "fill": "#ffffff4d",
"stroke": {
"align": "inside",
"thickness": 1
},
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-primary-300-aa6",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 10.5
+ "layout": "none"
+ },
+ {
+ "type": "frame",
+ "id": "HMWfS",
+ "name": "nav-button-file",
+ "width": 80,
+ "height": 50,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-primary-main",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
},
+ "gap": 10,
+ "padding": [
+ 4,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "AJ344",
- "name": "sprite-panel",
- "clip": true,
- "width": 312,
- "height": 371,
- "fill": "$--ui-color-grey-100",
+ "id": "aM3Hm",
+ "name": "nav-button-file-content",
"stroke": {
"align": "inside",
- "thickness": {
- "right": 1
- },
- "fill": "$--ui-color-disabled-bg"
+ "thickness": 1
},
- "layout": "vertical",
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "mUrbi",
- "name": "sprite-panel-list",
- "width": "fill_container",
- "height": "fill_container",
+ "id": "OZQOM",
+ "name": "icon-file",
+ "width": 24,
+ "height": 24,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "ZsIad",
+ "x": 3,
+ "y": 4,
+ "geometry": "M17.6 12c0.22 0 0.4 0.18 0.4 0.4l0 1.6c0 1.10457-0.89543 2-2 2l-14 0c-1.10457 0-2-0.89543-2-2l0-1.6c0-0.22 0.18-0.4 0.4-0.4l17.2 0z m-11.014-12c0.26519 0.00006 0.51951 0.10545 0.707 0.293l2.414 2.414c0.18749 0.18755 0.44181 0.29294 0.707 0.293l5.586 0c1.10457 0 2 0.89543 2 2l0 5.6c0 0.22091-0.17909 0.4-0.4 0.4l-17.2 0c-0.10609 0-0.20783-0.04214-0.28284-0.11716-0.07501-0.07501-0.11716-0.17676-0.11716-0.28284l0-8.6c0-1.10457 0.89543-2 2-2l4.586 0z",
+ "fill": "$grey100",
+ "width": 18,
+ "height": 16
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "H2f1e",
+ "name": "icon-caret-down-filled",
+ "width": 16,
+ "height": 16,
"stroke": {
"align": "inside",
- "thickness": {
- "right": 1
- }
+ "thickness": 0.6666666865348816
},
- "layout": "vertical",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "0sLh6",
- "name": "sprite-panel-header",
- "clip": true,
- "width": "fill_container",
- "height": 44,
- "fill": "$--ui-color-sprite-main",
- "stroke": {
- "align": "inside",
- "thickness": {
- "bottom": 1
- }
- },
- "gap": 10,
- "padding": [
- 9,
- 16
- ],
- "justifyContent": "space_between",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "VMVug",
- "name": "Sprites",
- "fill": "$--ui-color-grey-100",
- "content": "Sprites",
- "lineHeight": 1.625,
- "textAlignVertical": "middle",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 16,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "k2FEl",
- "name": "sprite-add-button",
- "width": 28,
- "height": 28,
- "cornerRadius": 14,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": 10,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "G2fR7",
- "name": "icon-plus",
- "width": 16,
- "height": 16,
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "8ApH1",
- "x": 2.082094083846414,
- "y": 1.8376237714321633,
- "geometry": "M9 0c0.82843 0 1.5 0.67157 1.5 1.5l0 6 6 0c0.82843 0 1.5 0.67157 1.5 1.5 0 0.82843-0.67157 1.5-1.5 1.5l-6 0 0 6c0 0.82843-0.67157 1.5-1.5 1.5-0.82843 0-1.5-0.67157-1.5-1.5l0-6-6 0c-0.82843 0-1.5-0.67157-1.5-1.5 0-0.82843 0.67157-1.5 1.5-1.5l6 0 0-6c0-0.82843 0.67157-1.5 1.5-1.5",
- "fill": "$--ui-color-grey-100",
- "width": 12,
- "height": 12
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "DMNMN",
- "name": "sprite-panel-list-content",
- "width": "fill_container",
- "height": "fill_container",
+ "type": "path",
+ "id": "GSIJl",
+ "x": 4,
+ "y": 6,
+ "name": "caret-down",
+ "geometry": "M4.69774 7.396l-4.37989-5.1941c-0.736-0.873-0.11206-2.2019 1.03394-2.2019l9.2959 0c1.146 0 1.76994 1.3299 1.03393 2.2019l-4.37988 5.1941c-0.679 0.805-1.925 0.805-2.604 0z",
+ "fill": "$grey100",
+ "width": 7.999651908874512,
+ "height": 5.333164215087891,
"stroke": {
"align": "inside",
- "thickness": 1
- },
- "gap": 8,
- "padding": [
- 12,
- 16
- ],
- "children": [
- {
- "type": "frame",
- "id": "N04Sd",
- "name": "sprite-card-01",
- "width": 88,
- "height": 88,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "frame",
- "id": "Vuj54",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-sprite-200",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 2,
- "fill": "$--ui-color-sprite-main"
- },
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "wL4Gx",
- "name": "sprite01",
- "width": 84,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 0.9375
- },
- "layout": "none",
- "children": [
- {
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "FbJSS",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
+ "thickness": 0.6666666865348816
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "YxGht",
+ "name": "nav-button-tutorial",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "SIOjF",
+ "name": "icon-tutorial",
+ "width": 24,
+ "height": 24,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "KcThI",
+ "x": 4,
+ "y": 3,
+ "geometry": "M15 0c0.55228 0 1 0.44772 1 1l0 16c0 0.55228-0.44772 1-1 1l-13 0c-1.10457 0-2-0.89543-2-2l0-13c0-1.65685 1.34315-3 3-3l12 0z m-12 13c-0.55228 0-1 0.44772-1 1l0 1c0 0.55228 0.44772 1 1 1l10.6 0c0.22091 0 0.4-0.17909 0.4-0.4l0-2.2c0-0.22091-0.17909-0.4-0.4-0.4l-10.6 0z m8.715-11.29c-0.05349-0.16866-0.21006-0.28325-0.387-0.28325-0.17694 0-0.3335 0.11459-0.387 0.28325l-0.446 1.378c-0.12117 0.37068-0.41094 0.66194-0.781 0.785l-1.363 0.452c-0.16825 0.0553-0.28198 0.21239-0.28198 0.3895 0 0.17711 0.11372 0.3342 0.28198 0.3895l1.363 0.452c0.368 0.122 0.66 0.413 0.781 0.785l0.446 1.377c0.05456 0.16757 0.21077 0.28098 0.387 0.28098 0.17623 0 0.33244-0.11342 0.387-0.28098l0.446-1.377c0.121-0.372 0.412-0.663 0.78-0.785l1.364-0.452c0.16825-0.0553 0.28198-0.21239 0.28198-0.3895 0-0.17711-0.11372-0.3342-0.28198-0.3895l-1.364-0.452c-0.36968-0.12333-0.65904-0.41454-0.78-0.785l-0.446-1.378z",
+ "fill": "$grey100",
+ "width": 16,
+ "height": 18
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "UADhL",
+ "name": "nav-button-undo",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "N6Q1A",
+ "name": "undo",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "m5gAV",
+ "x": 3,
+ "y": 3.99951171875,
+ "name": "arrow-reply",
+ "geometry": "M7.99996 4.4966c3 0 10 0.4999 10 6.9939 0 1.708-0.46801 3.18289-1.083 4.26489-0.242 0.425-0.89101 0.26319-0.88501-0.22681 0.033-2.567-0.46898-5.03711-8.03199-5.03711l0 3.50513c0 0.895-1.09398 1.32995-1.70898 0.67896l-5.92798-6.27002c-0.484-0.512-0.484-1.31198 0-1.82398l5.92798-6.27002c0.615-0.65 1.70898-0.21504 1.70898 0.67896l0 3.5061z",
+ "fill": "$grey100",
+ "width": 17.999963760375977,
+ "height": 16.000288009643555,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "AcZ2A",
+ "name": "nav-button-redo",
+ "opacity": 0.5,
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "32gys",
+ "name": "redo",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "csu6K",
+ "x": 3,
+ "y": 3.999755859375,
+ "name": "arrow-share",
+ "geometry": "M10 0.99116c0-0.895 1.09398-1.32996 1.70898-0.67895l5.92798 6.27002c0.484 0.512 0.484 1.31197 0 1.82397l-5.92798 6.27002c-0.615 0.65-1.70898 0.21504-1.70898-0.67895l0-3.50513c-7.563 0-8.06398 2.47011-8.03198 5.03711 0.006 0.49-0.64301 0.65205-0.88501 0.22705-0.616-1.081-1.08301-2.55614-1.08301-4.26514 0-6.495 7-6.9939 10-6.99389l0-3.50611z",
+ "fill": "$grey100",
+ "width": 17.999963760375977,
+ "height": 16.00111198425293,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "2jnCA",
+ "name": "nav-project-name",
+ "width": "fill_container",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 49,
+ 120
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "CCXJO",
+ "name": "text",
+ "fill": {
+ "type": "color",
+ "color": "#0aa5beff",
+ "enabled": false
+ },
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": {
+ "type": "color",
+ "color": "#000000ff",
+ "enabled": false
+ }
+ },
+ "gap": 8,
+ "padding": [
+ 3,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "xSThm",
+ "name": "输入文本",
+ "fill": "$grey100",
+ "content": "my-test-gameccc",
+ "lineHeight": 1.625,
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "600"
+ },
+ {
+ "type": "frame",
+ "id": "uxMno",
+ "name": "icon-cloud-check-outlined",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "68DGc",
+ "x": 2.25,
+ "y": 5.25,
+ "name": "cloud-check",
+ "geometry": "M13.75 14.5l-6.5 0c-3.998 0-7.25-3.252-7.25-7.25 0-3.998 3.252-7.25 7.25-7.25 1.764 0 3.46409 0.64198 4.78809 1.80798 0.414 0.365 0.783 0.77505 1.104 1.22205 0.201-0.021 0.40191-0.03101 0.60791-0.03101 3.171 0 5.75 2.579 5.75 5.75 0 3.171-2.579 5.75098-5.75 5.75098z m-6.5-13c-3.171 0-5.75 2.579-5.75 5.75 0 3.171 2.579 5.75 5.75 5.75l6.5 0c2.344 0 4.25-1.906 4.25-4.25 0-2.344-1.906-4.25-4.25-4.25-0.283 0-0.55505 0.02503-0.83105 0.07703-0.302 0.058-0.61388-0.07902-0.77588-0.34302-0.3-0.485-0.66917-0.92299-1.09717-1.29999-1.049-0.925-2.3979-1.43402-3.7959-1.43402z m2.36304 8.61401l2.66699-2.66699c0.293-0.293 0.293-0.76804 0-1.06103-0.293-0.293-0.76804-0.293-1.06104 0l-2.13696 2.13598-0.80298-0.80298c-0.293-0.293-0.76803-0.293-1.06103 0-0.293 0.293-0.293 0.76804 0 1.06104l1.33301 1.33295c0.141 0.141 0.33103 0.22003 0.53002 0.22003 0.201 0 0.39198-0.07899 0.53199-0.219z",
+ "fill": "$grey100",
+ "width": 19.5,
+ "height": 14.5,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "h6w2D",
+ "name": "nav-right",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "padding": [
+ 0,
+ 8,
+ 0,
+ 0
+ ],
+ "justifyContent": "end",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "3kExf",
+ "name": "nav-actions-group",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "GPG6B",
+ "name": "nav-mode-switch",
+ "width": 108,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "padding": [
+ 9,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "nez9d",
+ "name": "button-group",
+ "width": "fill_container",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "nRitw",
+ "name": "button-01",
+ "fill": "$grey200",
+ "cornerRadius": [
+ 8,
+ 0,
+ 0,
+ 8
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 7,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ATe9I",
+ "name": "icon-default-mode",
+ "width": 18,
+ "height": 18,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "n02G4",
+ "x": 0.75,
+ "y": 3,
+ "geometry": "M12 0c2.48528 0 4.5 2.01472 4.5 4.5l0 3.75c0 2.48528-2.01472 4.5-4.5 4.5l-7.5 0c-2.48528 0-4.5-2.01472-4.5-4.5l0-3.75c0-2.48528 2.01472-4.5 4.5-4.5l7.5 0z m-6.75 5.625l-1.5 0 0 1.5 1.5 0 0 1.5 1.5 0 0-1.5 1.5 0 0-1.5-1.5 0 0-1.5-1.5 0 0 1.5z m6 3l1.5 0 0-1.5-1.5 0 0 1.5z m-1.5-3l1.5 0 0-1.5-1.5 0 0 1.5z",
+ "fill": "$turquoise600",
+ "width": 16.5,
+ "height": 12.75
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "IX4yG",
+ "name": "button-02",
+ "fill": "#47d8e4ff",
+ "cornerRadius": [
+ 0,
+ 8,
+ 8,
+ 0
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 7,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "zFFwd",
+ "name": "icon-map-edit-mode",
+ "width": 18,
+ "height": 18,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "RjFJE",
+ "x": 2.247999906539917,
+ "y": 2.4701147079467773,
+ "geometry": "M8.888 1.66089l0 11.174c-0.00002 0.0736-0.03602 0.14254-0.09642 0.18459-0.0604 0.04206-0.13754 0.05192-0.20658 0.02641l-3.825-1.436c-0.08741-0.03381-0.14557-0.11729-0.147-0.211l0-11.174c0-0.157 0.157-0.266 0.304-0.21l3.825 1.435c0.08889 0.03173 0.14763 0.11663 0.146 0.211m-5.726-1.53l-2.336 1.176c-0.50641 0.25471-0.82598 0.77314-0.826 1.34l0 9.51c0 0.562 0.585 0.922 1.088 0.674l2.276-1.145c0.0752-0.03904 0.12285-0.11627 0.124-0.20101l0-11.15299c0.0002-0.0781-0.04029-0.15066-0.10686-0.19151-0.06657-0.04084-0.1496-0.04406-0.21914-0.00849m9.251 0.1l-2.276 1.144c-0.0752 0.03904-0.12285 0.11627-0.124 0.201l0 11.152c0 0.167 0.177 0.276 0.327 0.201l2.328-1.171c0.511-0.257 0.833-0.78 0.833-1.351l0-9.503c0.00095-0.26125-0.13376-0.50428-0.35581-0.64192-0.22206-0.13764-0.49964-0.15016-0.73319-0.03308",
+ "fill": "$grey200",
+ "width": 13.501004457473755,
+ "height": 13.059839248657227
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "hwSRw",
+ "name": "nav-button-user",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "JEpHb",
+ "name": "user-avatar",
+ "width": 32,
+ "height": 32,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.6666666865348816
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "ellipse",
+ "id": "ME4Ky",
+ "x": 2,
+ "y": 2,
+ "name": "avatar",
+ "sweepAngle": -360.00001001791264,
+ "fill": [
+ "#fffaeeff",
+ {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/用户头像.png",
+ "mode": "fill"
+ }
+ ],
+ "width": 28,
+ "height": 28,
+ "stroke": {
+ "align": "outside",
+ "thickness": 1.3333333730697632,
+ "fill": "$--ui-color-grey-100"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-shadow-custom-2",
+ "offset": {
+ "x": 0,
+ "y": 2.6666667461395264
+ }
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "RitLO",
+ "name": "Content",
+ "gap": 20,
+ "children": [
+ {
+ "type": "frame",
+ "id": "pSREW",
+ "name": "editor-panel-main",
+ "width": 888,
+ "height": 810,
+ "fill": "$grey100",
+ "cornerRadius": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-primary-300-aa6",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 10.5
+ },
+ "layout": "vertical",
+ "children": [
+ {
+ "type": "frame",
+ "id": "VHkDA",
+ "name": "editor-panel-nav",
+ "width": "fill_container",
+ "cornerRadius": [
+ 20,
+ 0,
+ 0,
+ 0
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "bottom": 1
+ },
+ "fill": "$grey400"
+ },
+ "gap": 492,
+ "padding": [
+ 0,
+ 16,
+ 0,
+ 0
+ ],
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "9j3pz",
+ "name": "editor-tabs-bar",
+ "clip": true,
+ "cornerRadius": [
+ 20,
+ 20,
+ 0,
+ 0
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "children": [
+ {
+ "type": "frame",
+ "id": "wqoic",
+ "name": "editor-code-tab",
+ "clip": true,
+ "fill": "$yellow500",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 9,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "AiC5B",
+ "name": "Code",
+ "fill": "$--ui-color-grey-100",
+ "content": "Code",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "85 B"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "74TqK",
+ "name": "editor-costumes-tab",
+ "opacity": 0.699999988079071,
+ "clip": true,
+ "fill": "$yellow500",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 1
+ }
+ },
+ "gap": 10,
+ "padding": [
+ 9,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "dTjOr",
+ "name": "Code",
+ "fill": "$--ui-color-grey-100",
+ "content": "Costumes",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "85 B"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "aqHyf",
+ "name": "editor-animations-tab",
+ "opacity": 0.699999988079071,
+ "clip": true,
+ "fill": "$yellow500",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 1
+ }
+ },
+ "gap": 10,
+ "padding": [
+ 9,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "vLqhe",
+ "name": "Code",
+ "fill": "$--ui-color-grey-100",
+ "content": "Animations",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "85 B"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "3dBmR",
+ "name": "editor-topbar-actions",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "vDh4M",
+ "name": "backdrop",
+ "enabled": false,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 16,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "h53yZ",
+ "name": "tooltip-text",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "K1kk9",
+ "name": "editor-backdrop-label",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "PTUGx",
+ "name": "输入文本",
+ "fill": "$--ui-color-hint-1",
+ "content": "Backdrop mode",
+ "lineHeight": 1.5,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "aDELG",
+ "name": "icon-question-circle-filled",
+ "width": 12,
+ "height": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 2
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "DaWOr",
+ "x": 1,
+ "y": 1,
+ "name": "question-circle",
+ "geometry": "M10 0c-5.523 0-10 4.477-10 10 0 5.523 4.477 10 10 10 5.523 0 10-4.477 10-10 0-5.523-4.477-10-10-10z m0.02002 15.5c-0.552 0-1.00513-0.448-1.00513-1 0-0.552 0.44312-1 0.99512-1l0.01001 0c0.553 0 1 0.448 1 1 0 0.552-0.448 1-1 1z m1.58301-4.97192c-0.731 0.49-0.86709 0.76296-0.89209 0.83496-0.105 0.313-0.39694 0.51099-0.71094 0.51098-0.079 0-0.15904-0.01206-0.23804-0.03906-0.393-0.132-0.6039-0.55695-0.4729-0.94995 0.181-0.54 0.65003-1.049 1.47803-1.604 1.021-0.684 0.88992-1.43393 0.84692-1.67994-0.113-0.654-0.66403-1.2112-1.31103-1.32519-0.492-0.09-0.97288 0.039-1.34888 0.354-0.378 0.317-0.59521 0.78403-0.59521 1.28003 0 0.414-0.336 0.75-0.75 0.75-0.414 0-0.75-0.336-0.75-0.75 0-0.941 0.4121-1.82595 1.1311-2.42895 0.712-0.596 1.64897-0.84491 2.57397-0.68091 1.267 0.224 2.3061 1.27092 2.5271 2.54492 0.22 1.262-0.30904 2.39311-1.48803 3.18311z",
+ "fill": "$--ui-color-grey-100",
+ "width": 10,
+ "height": 10,
+ "stroke": {
+ "align": "inside",
+ "thickness": 2
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ow0Lt",
+ "name": "tab-combination-tab",
+ "clip": true,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "rrvqG",
+ "name": "tab-text-icon-06",
+ "height": 32,
+ "fill": "$--ui-color-primary-200",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 4,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "OqNCd",
+ "name": "Left",
+ "fill": "$--ui-color-grey-100",
+ "content": "Tile",
+ "lineHeight": 1.5,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "jNIEK",
+ "name": "tab-text-icon-07",
+ "height": 32,
+ "fill": "$--ui-color-disabled-bg",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 4,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "BAUvf",
+ "name": "Right",
+ "fill": "$--ui-color-grey-100",
+ "content": "Scale",
+ "lineHeight": 1.5,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "tj4K0",
+ "name": "button-2",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$gery600",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
+ },
+ "gap": 4,
+ "padding": [
+ 5,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "CCmtA",
+ "name": "Button Text",
+ "rotation": -0.0046905539790734465,
+ "fill": "$grey900",
+ "content": "Format",
+ "lineHeight": 1.5714285714285714,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "500"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "WUZNW",
+ "name": "editor-panel-content",
+ "width": "fill_container",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "children": [
+ {
+ "type": "frame",
+ "id": "EbVZD",
+ "name": "editor-tools-panel",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "right": 1
+ },
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "layout": "vertical",
+ "gap": 12,
+ "padding": [
+ 12,
+ 4
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "wOXGZ",
+ "name": "editor-tool-button-01",
+ "width": 52,
+ "height": 52,
+ "fill": "#fabd2cff",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 2
+ }
+ },
+ "gap": 16,
+ "padding": [
+ 4,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "N6uBr",
+ "name": "editor-tool-icon-01",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "lJmcs",
+ "name": "icon-event",
+ "width": 24,
+ "height": 24,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "8qnHz",
+ "x": 2,
+ "y": 6,
+ "geometry": "M6 0c-3.31371 0-6 2.68629-6 6 0 3.31371 2.68629 6 6 6l8 0c3.31371 0 6-2.68629 6-6 0-3.31371-2.68629-6-6-6l-8 0z m0 9.5c1.933 0 3.5-1.567 3.5-3.5 0-1.933-1.567-3.5-3.5-3.5-1.933 0-3.5 1.567-3.5 3.5 0 1.933 1.567 3.5 3.5 3.5",
+ "fill": "$--ui-color-grey-100",
+ "width": 20,
+ "height": 12
+ },
+ {
+ "type": "ellipse",
+ "id": "trAyu",
+ "x": 4.5,
+ "y": 8.5,
+ "fill": "#fabd2cff",
+ "width": 7,
+ "height": 7
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "QksDe",
+ "name": "Event",
+ "fill": "$--ui-color-grey-100",
+ "content": "Event",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "ABeeZee",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "EqPSW",
+ "name": "editor-tool-button-02",
+ "width": 52,
+ "height": 52,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 2
+ }
+ },
+ "gap": 16,
+ "padding": [
+ 4,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "pL5hm",
+ "name": "editor-tool-icon-02",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "AOsfJ",
+ "name": "icon-look",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "v2rOJ",
+ "x": 1.5,
+ "y": 3,
+ "name": "vector",
+ "geometry": "M921.888 192.85001l-174.40002-174.39801c-13.02198-13.021-30.93299-19.649-49.38099-18.228-1.73999-0.15-3.42199-0.224-5.07-0.224l-92.914 0-6.51697 3.625c-34.42102 19.146-78.34101 29.68899-123.66803 29.689-45.328 0-89.246-10.54299-123.66699-29.689l-6.51801-3.625-92.916 0c-23.69099 0-44.98598 12.924-55.99498 33.451l-172.38801 172.389c-11.9 11.899-18.454 27.72-18.454 44.548 0 16.82901 6.554 32.64902 18.453 44.54901l125.95301 125.95499c10.53999 10.53799 24.15699 16.87802 38.826 18.18103l0 304.39902c0 35.07299 28.533 63.60595 63.604 63.60595l446.19896 0c35.07398 0 63.607-28.53296 63.607-63.60595l-0.00098-317.34507c14.844-1.21099 28.63904-7.57699 39.28803-18.224l125.95794-125.95599c24.56501-24.56399 24.56507-64.53299 0.00104-89.09698z",
+ "fill": "#fd8d60ff",
+ "width": 20.969999313354492,
+ "height": 17.99875831604004,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.022814083844423294
+ }
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "cVndm",
+ "name": "Look",
+ "fill": "#fd8d60ff",
+ "content": "Look",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter Tight",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "9dwRi",
+ "name": "editor-tool-button-03",
+ "width": 52,
+ "height": 52,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 2
+ }
+ },
+ "gap": 16,
+ "padding": [
+ 4,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "1pH2F",
+ "name": "editor-tool-icon-03",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "JQiEg",
+ "name": "icon-motion",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "W4ufm",
+ "x": 3,
+ "y": 3,
+ "name": "vector",
+ "geometry": "M17.862 16.50858c-0.15273 0.43841-0.43812 0.81842-0.81656 1.08732-0.37844 0.26891-0.83119 0.41338-1.29544 0.41338-0.46425 0-0.917-0.14447-1.29544-0.41338-0.37844-0.26891-0.66382-0.64892-0.81656-1.08732l-0.276 0c-0.15273 0.43841-0.43812 0.81842-0.81656 1.08732-0.37844 0.26891-0.83119 0.41338-1.29544 0.41338-0.46425 0-0.917-0.14447-1.29544-0.41338-0.37844-0.26891-0.66382-0.64892-0.81656-1.08732l-0.276 0c-0.15274 0.43841-0.43812 0.81842-0.81656 1.08732-0.37844 0.26891-0.83119 0.41338-1.29544 0.41338-0.46425 0-0.917-0.14447-1.29544-0.41338-0.37844-0.26891-0.66382-0.64892-0.81656-1.08732l-0.138 0c-0.18417 0.44485-0.49638 0.82494-0.89699 1.09201-0.40061 0.26707-0.87154 0.40908-1.35301 0.40798-0.4639-0.00105-0.91608-0.14585-1.2943-0.41447-0.37822-0.26862-0.66389-0.64786-0.8177-1.08552l-0.138 0 0-8.25001 0.0375 0c0.18428-2.25038 1.20839-4.34908 2.86885-5.87912 1.66046-1.53004 3.83574-2.37945 6.09365-2.37945 2.25791 0 4.43319 0.8494 6.09365 2.37945 1.66046 1.53004 2.68457 3.62875 2.86885 5.87912l0.0375 0 0 8.25001-0.138 0z m-12.612-11.25001c-0.29667 0-0.58668 0.08797-0.83336 0.2528-0.24667 0.16482-0.43893 0.39909-0.55246 0.67318-0.11353 0.27409-0.14324 0.57569-0.08536 0.86666 0.05788 0.29097 0.20074 0.55825 0.41052 0.76802 0.20978 0.20978 0.47705 0.35264 0.76802 0.41052 0.29097 0.05788 0.59257 0.02817 0.86667-0.08536 0.27409-0.11353 0.50836-0.30579 0.67317-0.55246 0.16482-0.24667 0.2528-0.53668 0.2528-0.83336 0-0.19698-0.0388-0.39204-0.11418-0.57402-0.07538-0.18199-0.18587-0.34735-0.32516-0.48664-0.13929-0.13929-0.30465-0.24978-0.48663-0.32516-0.18199-0.07538-0.37704-0.11418-0.57403-0.11418z m3 3.75c-0.82875 0-1.5 0.336-1.5 0.75 0 0.414 0.67125 0.75 1.5 0.75 0.82875 0 1.5-0.336 1.5-0.75 0-0.414-0.675-0.75-1.5-0.75z m3-3.75c-0.29667 0-0.58668 0.08797-0.83335 0.2528-0.24667 0.16482-0.43893 0.39909-0.55247 0.67318-0.11353 0.27409-0.14324 0.57569-0.08536 0.86666 0.05788 0.29097 0.20074 0.55825 0.41052 0.76802 0.20978 0.20978 0.47705 0.35264 0.76802 0.41052 0.29097 0.05788 0.59257 0.02817 0.86667-0.08536 0.27409-0.11353 0.50836-0.30579 0.67317-0.55246 0.16482-0.24667 0.2528-0.53668 0.2528-0.83336 0-0.19698-0.0388-0.39204-0.11418-0.57402-0.07538-0.18199-0.18587-0.34735-0.32516-0.48664-0.13929-0.13929-0.30465-0.24978-0.48663-0.32516-0.18199-0.07538-0.37704-0.11418-0.57403-0.11418z",
+ "fill": "#91d644ff",
+ "width": 18,
+ "height": 18.0092830657959,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.1953125
+ }
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "3JtaE",
+ "name": "Motion",
+ "fill": "#91d644ff",
+ "content": "Motion",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter Tight",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "4ukSa",
+ "name": "editor-tool-button-04",
+ "width": 52,
+ "height": 52,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 2
+ }
+ },
+ "gap": 16,
+ "padding": [
+ 4,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "mRXDO",
+ "name": "editor-tool-icon-04",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "nB7Oe",
+ "name": "icon-game",
+ "width": 24,
+ "height": 24,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "iGeId",
+ "x": 0.4300000071525574,
+ "y": 3,
+ "geometry": "M16.714 0c3.857 0 6.429 2.571 6.429 7.714l0 5.143c0 2.572-1.286 5.143-3.857 5.143l-0.335 0c-1.39808 0.0002-2.7037-0.69858-3.479-1.862-0.7753-1.16342-1.293-1.995-3.9-1.995-2.607 0-3.903 1.984-3.903 1.984-0.77434 1.16997-2.08399 1.87344-3.487 1.873l-0.325 0c-2.571 0-3.857-2.571-3.857-5.143l0-5.143c0-5.143 2.57-7.714 6.429-7.714l10.285 0z m-9.321 8.679l1.607 0c0.53295 0 0.965-0.43205 0.965-0.965 0-0.53295-0.43205-0.965-0.965-0.965l-1.607 0 0-1.605c-0.01677-0.52059-0.44364-0.93394-0.9645-0.93394-0.52086 0-0.94773 0.41335-0.9645 0.93394l0 1.606-1.607 0c-0.51534 0.02348-0.92108 0.44812-0.92108 0.964 0 0.51588 0.40574 0.94052 0.92108 0.964l1.607 0 0 1.608c0.01677 0.52059 0.44364 0.93394 0.9645 0.93394 0.52086 0 0.94773-0.41335 0.9645-0.93394l0-1.607z m6.428 0.642c0 0.71051 0.57599 1.2865 1.2865 1.2865 0.71051 0 1.2865-0.57599 1.2865-1.2865 0-0.71051-0.57599-1.2865-1.2865-1.2865-0.71051 0-1.2865 0.57599-1.2865 1.2865m3.214-3.213c0 0.71051 0.57598 1.2865 1.2865 1.2865 0.71052 0 1.2865-0.57599 1.2865-1.2865 0-0.71051-0.57598-1.2865-1.2865-1.2865-0.71051 0-1.2865 0.57599-1.2865 1.2865",
+ "fill": "#3fcdd9ff",
+ "width": 23.142998039722443,
+ "height": 18
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "6QewW",
+ "name": "Control",
+ "fill": "#3fcdd9ff",
+ "content": "Control",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter Tight",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "bsVsw",
+ "name": "editor-tool-button-05",
+ "width": 52,
+ "height": 52,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 2
+ }
+ },
+ "gap": 16,
+ "padding": [
+ 4,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "zXgM2",
+ "name": "editor-tool-icon-05",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "zsNDX",
+ "name": "icon-sensing",
+ "width": 24,
+ "height": 24,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-grey-100",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "KXtHn",
+ "x": 2,
+ "y": 4.998291015625,
+ "name": "signal-stream",
+ "geometry": "M13.54004 11.54179c-0.254 0-0.509-0.09606-0.703-0.28906-0.393-0.389-0.39606-1.02106-0.00806-1.41407 0.755-0.763 1.17102-1.77091 1.17102-2.83691 0-1.066-0.41602-2.07391-1.17102-2.83692-0.389-0.393-0.38494-1.02506 0.00806-1.41406 0.392-0.389 1.02594-0.38394 1.41394 0.00806 1.128 1.14 1.74902 2.64692 1.74902 4.24292 0 1.596-0.62102 3.10292-1.74902 4.24292-0.195 0.198-0.45294 0.29712-0.71094 0.29712z m-6.37708-0.28906c0.393-0.389 0.39606-1.02106 0.00806-1.41407-0.755-0.763-1.17102-1.77091-1.17102-2.83691 0-1.066 0.41602-2.07391 1.17102-2.83692 0.389-0.393 0.38494-1.02506-0.00806-1.41406-0.392-0.389-1.02594-0.38394-1.41394 0.00806-1.128 1.14-1.74902 2.64692-1.74902 4.24292 0 1.596 0.62102 3.10292 1.74902 4.24292 0.195 0.198 0.45294 0.29712 0.71094 0.29712 0.254 0 0.509-0.09606 0.703-0.28906z m10.26905 2.41992c1.656-1.83 2.56799-4.1989 2.56799-6.6709 0-2.472-0.91199-4.8419-2.56799-6.6709-0.37-0.409-1.00299-0.44107-1.41199-0.07007-0.41 0.371-0.44107 1.00309-0.07007 1.41309 1.322 1.46 2.05103 3.35286 2.05103 5.32886 0 1.976-0.72903 3.8681-2.05103 5.3291-0.371 0.41-0.33993 1.04184 0.07007 1.41284 0.191 0.173 0.43202 0.25903 0.67102 0.25903 0.272-0.002 0.54297-0.11305 0.74097-0.33105z m-13.45203 0.07007c0.41-0.371 0.44107-1.00309 0.07007-1.41309-1.322-1.46-2.05103-3.35286-2.05103-5.32886 0-1.976 0.72903-3.8681 2.05103-5.3291 0.371-0.41 0.33993-1.04184-0.07007-1.41284-0.409-0.371-1.04199-0.33918-1.41199 0.06982-1.656 1.83-2.56799 4.19914-2.56799 6.67115 0 2.472 0.91199 4.8419 2.56799 6.67089 0.197 0.218 0.46897 0.3291 0.74097 0.32911 0.24 0.002 0.48002-0.08308 0.67102-0.25708z m6.02002-8.24097c-0.827 0-1.5 0.673-1.5 1.5 0 0.827 0.673 1.5 1.5 1.5 0.827 0 1.5-0.673 1.5-1.5 0-0.827-0.673-1.5-1.5-1.5z",
+ "fill": "#4fc2f8ff",
+ "width": 20,
+ "height": 14.003702163696289,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "WGZgJ",
+ "name": "Sensing",
+ "fill": "#4fc2f8ff",
+ "content": "Sensing",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter Tight",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ynuQs",
+ "name": "editor-tool-button-06",
+ "width": 52,
+ "height": 52,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 2
+ }
+ },
+ "gap": 16,
+ "padding": [
+ 4,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "yEj6n",
+ "name": "editor-tool-icon-06",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "6UHqk",
+ "name": "icon-sound",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "ax2yh",
+ "x": 3,
+ "y": 3.5,
+ "name": "vector",
+ "geometry": "M541.86694 27.67125c17.82398 17.325 27.73304 41.20999 27.73304 66.13399l0 665.60003c0 51.84803-42.04999 93.86597-93.866 93.86597-24.98502 0-48.88898-9.89996-66.13397-27.73297l-170.603-170.604c-4.75438-4.75434-10.39867-8.5257-16.61057-11.0987-6.21189-2.573-12.86975-3.89734-19.59344-3.89728l-66.26 0c-75.36699 0.31501-136.533-60.80304-136.533-136.53305l0-153.6c0-75.02802 61.166-136.14498 136.534-136.53398l65.27801 0c13.52818 0.00015 26.50659-5.35372 36.09998-14.892l171.68802-170.70801c36.29-36.88 95.75994-36.91 132.26693 0z m233.76306 141.85501c73.042 64.345 116.10401 160.24297 116.10401 263.47798 0 103.23599-43.06201 199.13504-116.10401 263.48001-14.14599 12.46002-35.71405 11.09601-48.17602-3.04998-12.46002-14.146-11.09497-35.71497 3.05005-48.17499 58.289-51.349 92.96301-128.56909 92.96301-212.25406 0-83.685-34.67401-160.90695-92.96204-212.25395-14.14599-12.461-15.51202-34.03002-3.05004-48.17502 12.46099-14.146 34.03003-15.512 48.17504-3.04999z m-101.875 99.61598c43.96998 40.18 69.71204 99.32297 69.71204 162.76697 0 63.48001-25.77197 122.65402-69.78699 162.83603-13.92199 12.71002-35.51104 11.72705-48.22204-2.19495-12.58197-13.78302-11.745-35.08001 1.78198-47.83801l0.41406-0.38403 0.8899-0.81897c29.22399-27.16602 46.656-67.63202 46.656-111.59903 0-44.387-17.76593-85.20499-47.49792-112.375-13.91498-12.71701-14.88703-34.30704-2.17005-48.22302 12.71698-13.91599 34.30701-14.88797 48.22302-2.16999z",
+ "fill": "$--ui-color-sound-main",
+ "width": 18,
+ "height": 17.223615646362305,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.1953125
+ }
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "VHS6e",
+ "name": "Sound",
+ "fill": "$--ui-color-sound-main",
+ "content": "Sound",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter Tight",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "C7i3H",
+ "name": "editor-tool-button-07",
+ "width": 52,
+ "height": 52,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 2
+ }
+ },
+ "gap": 16,
+ "padding": [
+ 4,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "49XBI",
+ "name": "editor-tool-icon-07",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "DHaAo",
+ "name": "icon-game",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "147is",
+ "x": 2.0000171661376953,
+ "y": 4.499992847442627,
+ "name": "exclude",
+ "geometry": "M17.33334 0c4 0 6.66667 2.66667 6.66666 8l0 5.33333c0 2.66667-1.33333 5.33333-4 5.33334l-0.34668 0c-1.44933 0-2.80407-0.724-3.60807-1.93067 0 0-1.34125-2.06934-4.04525-2.06933-2.704 0-4.04655 2.05729-4.04655 2.05729-0.80267 1.21333-2.16154 1.94271-3.61621 1.94271l-0.33724 0c-2.66667 0-4-2.66667-4-5.33333l0-5.33334c0-5.33333 2.66667-8 6.66667-8l10.66667 0z m-9.66684 8.99992l1.66667 0c0.552 0 1-0.448 1-1 0-0.552-0.448-1-1-1l-1.66667 0 0-1.66667c0-0.552-0.448-1-1-1-0.552 0-1 0.448-1 1l0 1.66667-1.66666 0c-0.552 0-1 0.448-1 1 0 0.552 0.448 1 1 1l1.66666 0 0 1.66667c0 0.552 0.448 1 1 1 0.552 0 1-0.448 1-1l0-1.66667z m6.66667 0.66667c0 0.736 0.59733 1.33333 1.33334 1.33333 0.736 0 1.33333-0.59733 1.33333-1.33333 0-0.736-0.59733-1.33333-1.33333-1.33334-0.736 0-1.33333 0.59733-1.33334 1.33334z m3.33333-3.33203c0 0.736 0.59733 1.33333 1.33334 1.33333 0.736 0 1.33333-0.59733 1.33333-1.33333 0-0.736-0.59733-1.33333-1.33333-1.33334-0.736 0-1.33333 0.59733-1.33334 1.33334z",
+ "fillRule": "evenodd",
+ "fill": "#5a7afeff",
+ "width": 20,
+ "height": 15.555556297302246,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.0082305669784546
+ }
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "BqYIX",
+ "name": "Game",
+ "fill": "#5a7afeff",
+ "content": "Game",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "GtoS9",
+ "name": "editor-blocks-panel",
+ "width": 300,
+ "height": 766,
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "right": 1
+ },
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "layout": "vertical",
+ "gap": 20,
+ "padding": [
+ 12,
+ 16,
+ 0,
+ 16
+ ],
+ "children": [
+ {
+ "type": "frame",
+ "id": "HvDBx",
+ "name": "editor-blocks-section-01",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "bottom": 1
+ },
+ "fill": "$--ui-color-dividing-line-1"
+ },
+ "layout": "vertical",
+ "gap": 8,
+ "padding": [
+ 0,
+ 0,
+ 16,
+ 0
+ ],
+ "children": [
+ {
+ "type": "frame",
+ "id": "mAVjT",
+ "name": "editor-blocks-section-01-header",
+ "width": "fill_container",
+ "height": 18,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "text",
+ "id": "21gMp",
+ "x": 0,
+ "y": 0,
+ "name": "Aaaa",
+ "fill": "$--ui-color-hint-2",
+ "content": "Aaaa",
+ "lineHeight": 1.5,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "500"
+ },
+ {
+ "type": "frame",
+ "id": "C08AL",
+ "x": 122,
+ "y": -2,
+ "name": "settings",
+ "enabled": false,
+ "width": 148,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 8,
+ "alignItems": "end",
+ "children": [
+ {
+ "type": "frame",
+ "id": "cdsbE",
+ "name": "hover-settings",
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 100,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "St96l",
+ "name": "settings",
+ "width": 14,
+ "height": 14,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "C8dYd",
+ "x": 1.313763976097107,
+ "y": 1.3130874633789062,
+ "name": "settings",
+ "geometry": "M9.74785 5.99899c-2.068 0-3.75 1.682-3.75 3.75 0 2.068 1.682 3.75 3.75 3.75 2.068 0 3.75-1.682 3.75-3.75 0-2.068-1.682-3.75-3.75-3.75z m0 6c-1.241 0-2.25-1.009-2.25-2.25 0-1.241 1.009-2.25 2.25-2.25 1.241 0 2.25 1.009 2.25 2.25 0 1.241-1.009 2.25-2.25 2.25z m9.20801-0.29699c-0.694-0.402-1.12601-1.15-1.12702-1.95301-0.001-0.801 0.42801-1.54799 1.13101-1.95498 0.515-0.299 0.69101-0.96203 0.39301-1.47803l-1.672-2.88599c-0.298-0.515-0.96102-0.69199-1.47702-0.39499-0.699 0.403-1.56798 0.403-2.26898-0.00399-0.691-0.401-1.121-1.14601-1.121-1.94501 0-0.599-0.48801-1.086-1.08701-1.086l-3.95502 0c-0.6 0-1.08698 0.487-1.08697 1.086 0 0.799-0.43002 1.54399-1.12302 1.94699-0.699 0.405-1.56699 0.40599-2.26599 0.00299-0.517-0.298-1.17899-0.11998-1.47699 0.39502l-1.67401 2.88901c-0.298 0.515-0.12101 1.17697 0.39899 1.47897 0.693 0.401 1.12501 1.14801 1.12701 1.94901 0.002 0.802-0.428 1.55101-1.13 1.958-0.25 0.145-0.43 0.37799-0.504 0.65799-0.074 0.279-0.03599 0.57001 0.10901 0.82102l1.67099 2.884c0.298 0.516 0.961 0.695 1.479 0.396 0.699-0.403 1.566-0.40199 2.25501-0.00299l0.00198 0.00097c0.003 0.002 0.00601 0.00401 0.01001 0.00601 0.691 0.401 1.11999 1.14599 1.11899 1.94599 0 0.599 0.487 1.08603 1.086 1.08603l3.95901 0c0.599 0 1.086-0.48702 1.086-1.08503 0-0.8 0.42999-1.545 1.12399-1.94799 0.698-0.405 1.56599-0.40699 2.266-0.00299 0.516 0.298 1.17802 0.12099 1.47701-0.39402l1.67399-2.88897c0.297-0.517 0.12002-1.18001-0.39798-1.48001z m-2.37702 3.27398c-1.09-0.475-2.355-0.40998-3.397 0.19303-1.033 0.599-1.71499 1.65799-1.84699 2.82998l-3.177 0c-0.13-1.172-0.81402-2.23299-1.84701-2.83099-1.04-0.603-2.30698-0.66702-3.39399-0.19202l-1.276-2.203c0.955-0.703 1.53198-1.83098 1.52799-3.03098-0.003-1.192-0.57899-2.31201-1.52899-3.01501l1.277-2.20401c1.088 0.474 2.355 0.41 3.39701-0.194 1.032-0.598 1.71398-1.65798 1.84598-2.82898l3.17501 0c0.131 1.172 0.814 2.23099 1.849 2.83099 1.039 0.603 2.30599 0.66699 3.39499 0.193l1.27701 2.203c-0.953 0.702-1.52901 1.828-1.52701 3.026 0.001 1.194 0.57701 2.316 1.52802 3.021l-1.27802 2.20199z",
+ "fill": "$--ui-color-hint-2",
+ "width": 11.373759269714355,
+ "height": 11.375587463378906,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "xZi8q",
+ "name": "dropdown-items01",
+ "enabled": false,
+ "clip": true,
+ "width": "fill_container",
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 8
+ },
+ "blur": 24.5,
+ "spread": 8
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": 8,
+ "children": [
+ {
+ "type": "frame",
+ "id": "dsec4",
+ "name": "dropdown-items-1-0-01",
+ "clip": true,
+ "width": 132,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 8,
+ 40,
+ 8,
+ 8
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "1FNBF",
+ "name": "text",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "PrP79",
+ "name": "Settings",
+ "fill": "$--ui-color-title",
+ "content": "Settings",
+ "lineHeight": 1.5,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "KJfEZ",
+ "name": "dropdown-items-1-0-02",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 8,
+ 40,
+ 8,
+ 8
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "2gVWr",
+ "name": "radio",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "Uhwwi",
+ "name": "radio-input",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "padding": 1,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "path",
+ "id": "WJ9iL",
+ "name": "ellipse",
+ "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z",
+ "fillRule": "evenodd",
+ "fill": "$--ui-color-primary-main",
+ "width": 10,
+ "height": 10,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ },
+ {
+ "type": "path",
+ "id": "Snc0r",
+ "name": "bg",
+ "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z",
+ "fillRule": "evenodd",
+ "width": 18,
+ "height": 18,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-primary-main"
+ }
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "5eA1x",
+ "name": "label",
+ "fill": "$--ui-color-title",
+ "content": "展示文档",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "WOZE5",
+ "name": "dropdown-items-1-0-03",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 8,
+ 40,
+ 8,
+ 8
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "9iWa1",
+ "name": "radio",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "KpieB",
+ "name": "radio-input-group",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": 1,
+ "children": [
+ {
+ "type": "path",
+ "id": "eJ3zA",
+ "name": "bg",
+ "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z",
+ "fillRule": "evenodd",
+ "width": 18,
+ "height": 18,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-disabled-text"
+ }
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "Y46wy",
+ "name": "label",
+ "fill": "$--ui-color-title",
+ "content": "隐藏文档",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "CvQYl",
+ "name": "editor-blocks-section-01-list",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 1
+ }
+ },
+ "layout": "vertical",
+ "gap": 12,
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "BI5bQ",
+ "name": "api-reference-01",
+ "clip": true,
+ "width": 264,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ViEBn",
+ "name": "api-param-input-01",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "bgRJQ",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
+ "children": [
+ {
+ "type": "group",
+ "id": "7mxlu",
+ "name": "group-1000004626",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "XFa9j",
+ "name": "glide",
+ "fill": "#b08a01ff",
+ "content": "glide",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "lslKo",
+ "name": "api-param-row-01",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "ESEb6",
+ "name": "x:",
+ "fill": "$--ui-color-hint-2",
+ "content": "x:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "D46dZ",
+ "name": "api-date-button-01",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "gAh9d",
+ "name": "100",
+ "rotation": 0.17700820828281177,
+ "fill": "#139707",
+ "content": "100",
+ "lineHeight": 1,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "MIR1y",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "2SQKD",
+ "name": "api-param-row-20",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "9yklA",
+ "name": "y:",
+ "fill": "$--ui-color-hint-2",
+ "content": "y:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "yRkVS",
+ "name": "api-date-button-02",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "cAejE",
+ "name": "100",
+ "fill": "#139707",
+ "content": "100",
+ "lineHeight": 1,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "SDEuT",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "VF4EU",
+ "name": "api-param-row-27",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "2HG8r",
+ "name": "seconds:",
+ "fill": "$--ui-color-hint-2",
+ "content": "seconds:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "Wu6yO",
+ "name": "api-date-button-03",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "stZ5n",
+ "name": "100",
+ "fill": "#139707",
+ "content": "2",
+ "lineHeight": 1,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "EPjR4",
+ "name": "api-reference-02",
+ "clip": true,
+ "width": 264,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "OdBdI",
+ "name": "api-param-input-02",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "njUXo",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
+ "children": [
+ {
+ "type": "group",
+ "id": "AXqHl",
+ "name": "group-1000004626",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "FKABV",
+ "name": "glide",
+ "fill": "#b08a01ff",
+ "content": "glide",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "NBuEF",
+ "name": "api-param-row-02",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "A3v3Y",
+ "name": "x:",
+ "fill": "$--ui-color-hint-2",
+ "content": "x:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "rES2L",
+ "name": "api-date-button-04",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "5jlR5",
+ "name": "100",
+ "fill": "#139707",
+ "content": "100",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "kxg4b",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "azTRM",
+ "name": "api-param-row-21",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "N0tMv",
+ "name": "y:",
+ "fill": "$--ui-color-hint-2",
+ "content": "y:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "U9Pkq",
+ "name": "api-date-button-05",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "yjtGF",
+ "name": "100",
+ "fill": "#139707",
+ "content": "100",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "s9eF4",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ljEdD",
+ "name": "api-param-row-28",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "9RAPP",
+ "name": "seconds:",
+ "fill": "$--ui-color-hint-2",
+ "content": "seconds:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "I3YDi",
+ "name": "api-date-button-06",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "nh7QL",
+ "name": "100",
+ "fill": "#139707",
+ "content": "2",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "8g3Dm",
+ "name": "api-reference-03",
+ "clip": true,
+ "width": 264,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "QTR00",
+ "name": "api-param-input-03",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "8XtJa",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
+ "children": [
+ {
+ "type": "group",
+ "id": "EMSj4",
+ "name": "group-1000004632",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "Dddxr",
+ "name": "setCostume",
+ "fill": "#b08a01ff",
+ "content": "setCostume",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "REJRp",
+ "name": "api-param-row-03",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "9sXEd",
+ "name": "name:",
+ "fill": "$--ui-color-hint-2",
+ "content": "name:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "gXEef",
+ "name": "api-param-row-04",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ZUBXM",
+ "name": "api-param-value-01",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "cornerRadius": 4,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "slDFZ",
+ "name": "“sprite01”",
+ "fill": "#9c2c2cff",
+ "content": "“sprite01”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "1NvU7",
+ "name": "api-reference-04",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "qp1a8",
+ "name": "api-param-input-04",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "St7aQ",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
+ "children": [
+ {
+ "type": "group",
+ "id": "IQ1oH",
+ "name": "group-1000004628",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "5gndN",
+ "name": "step",
+ "fill": "#b08a01ff",
+ "content": "step",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "OKm8N",
+ "name": "api-param-row-05",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "8TpLI",
+ "name": "distance:",
+ "fill": "$--ui-color-hint-2",
+ "content": "distance:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "bOSUN",
+ "name": "api-date-button-07",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "bb1Im",
+ "name": "100",
+ "fill": "$--ui-color-grey-100",
+ "content": "10",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "OuVNm",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "MgSoP",
+ "name": "api-param-row-29",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "IKbsp",
+ "name": "animation:",
+ "fill": "$--ui-color-hint-2",
+ "content": "animation:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "D5Jpq",
+ "name": "api-param-select-01",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "EZEem",
+ "name": "api-param-value-02",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "lSXOR",
+ "name": "“run”",
+ "fill": "#9c2c2cff",
+ "content": "“run”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "V94UA",
+ "name": "editor-blocks-section-02",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "bottom": 1
+ },
+ "fill": "$--ui-color-dividing-line-1"
+ },
+ "layout": "vertical",
+ "gap": 8,
+ "padding": [
+ 0,
+ 0,
+ 16,
+ 0
+ ],
+ "children": [
+ {
+ "type": "frame",
+ "id": "UByX2",
+ "name": "editor-blocks-section-02-header",
+ "width": "fill_container",
+ "height": 18,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "text",
+ "id": "yZ3tu",
+ "x": 0,
+ "y": 0,
+ "name": "Bbbb",
+ "fill": "$--ui-color-hint-2",
+ "content": "Bbbb",
+ "lineHeight": 1.5,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "500"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "6QGLN",
+ "name": "editor-blocks-section-02-list",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 1
+ }
+ },
+ "layout": "vertical",
+ "gap": 12,
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "309F9",
+ "name": "api-reference-01",
+ "clip": true,
+ "width": 238,
+ "height": 28,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "9SWOK",
+ "name": "api-param-input-05",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "9cbGP",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
+ "children": [
+ {
+ "type": "group",
+ "id": "S1JU1",
+ "name": "group-1000004628",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "YETMQ",
+ "name": "step",
+ "fill": "#b08a01ff",
+ "content": "step",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "EBGBJ",
+ "name": "api-param-row-06",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
},
- "width": 60,
- "height": 60,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "6Jwnv",
+ "name": "distance:",
+ "fill": "$--ui-color-hint-2",
+ "content": "distance:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "f04h9",
+ "name": "api-date-button-08",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "tfG04",
+ "name": "100",
+ "fill": "$--ui-color-grey-100",
+ "content": "10",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "eYsym",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Renxa",
+ "name": "api-param-row-30",
"stroke": {
"align": "inside",
"thickness": 1
- }
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "NkscN",
+ "name": "animation:",
+ "fill": "$--ui-color-hint-2",
+ "content": "animation:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "aAtl3",
+ "name": "api-param-select-02",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "VaVI1",
+ "name": "api-param-value-03",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "I6Ovd",
+ "name": "“run”",
+ "fill": "#9c2c2cff",
+ "content": "“run”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
- },
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "FwpLn",
+ "name": "api-reference-02",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "children": [
+ {
+ "type": "frame",
+ "id": "aq3vz",
+ "name": "api-param-input-06",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "On1dT",
- "name": "sprite-name-chip-01",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
+ "id": "S8yep",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
+ "thickness": 1
},
- "gap": 10,
+ "gap": 4,
"padding": [
- 0,
- 8
+ 2,
+ 0
],
- "justifyContent": "center",
- "alignItems": "center",
"children": [
{
- "type": "text",
- "id": "qAjc7",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ "type": "group",
+ "id": "sNEgA",
+ "name": "group-1000004629",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "e82CO",
+ "name": "broadcast",
+ "fill": "#b08a01ff",
+ "content": "broadcast",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Mgp1A",
+ "name": "api-param-row-07",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "89wJQ",
+ "name": "msg:",
+ "fill": "$--ui-color-hint-2",
+ "content": "msg:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "RIWjL",
+ "name": "api-param-value-04",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "U7ftd",
+ "name": "“score”",
+ "fill": "#9c2c2cff",
+ "content": "“score”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "qc502",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "O5EHo",
+ "name": "api-param-row-22",
+ "enabled": false,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "VYCGL",
+ "name": "data:",
+ "fill": "$--ui-color-hint-2",
+ "content": "data:",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "ONdFX",
+ "name": "api-date-button-09",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "zVkFb",
+ "name": "100",
+ "fill": "#139707ff",
+ "content": "100",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "okZxY",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "8IKmP",
+ "name": "api-param-row-31",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "29Vac",
+ "name": "wait:",
+ "fill": "$--ui-color-hint-2",
+ "content": "wait:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "9V8pj",
+ "name": "api-param-select-03",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "YxFJK",
+ "name": "api-param-value-05",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "I7gOI",
+ "name": "true",
+ "fill": "#892ba8ff",
+ "content": "true",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "NCyNn",
+ "name": "api-reference-03",
+ "clip": true,
+ "width": 264,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
},
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
+ "children": [
{
"type": "frame",
- "id": "FIi6Q",
- "x": 68,
- "y": -4,
- "name": "more",
- "width": 24,
- "height": 24,
- "fill": "$--ui-color-sprite-main",
- "cornerRadius": 24,
+ "id": "biJW9",
+ "name": "api-param-input-07",
+ "width": "fill_container",
"stroke": {
"align": "inside",
- "thickness": 0.7674450874328613
+ "thickness": 1
},
- "layout": "none",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "22kc3",
- "x": 4,
- "y": 4,
- "name": "icon-more-horizontal-filled",
- "width": 16,
- "height": 16,
+ "id": "umERA",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
"children": [
{
- "type": "path",
- "id": "jBcQW",
- "x": 1.3433431386947632,
- "y": 6.666666507720947,
- "name": "more-horizontal",
- "geometry": "M2.005 4c-1.104 0-2.005-0.896-2.005-2 0-1.104 0.89-2 1.995-2l0.01 0c1.104 0 2 0.896 2 2 0 1.104-0.895 2-2 2z m10.00001-2c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.995 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z m8 0c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.99499 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z",
- "fill": "$--ui-color-grey-100",
- "width": 13.336669921875,
- "height": 2.6666667461395264,
+ "type": "frame",
+ "id": "GPVZx",
+ "name": "api-param-row-32",
"stroke": {
"align": "inside",
"thickness": 1
- }
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "2VtF6",
+ "name": "api-param-value-06",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "yD67Y",
+ "name": "onKey",
+ "fill": "#b08a01ff",
+ "content": "onKey",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "qjKNW",
+ "name": "api-param-row-08",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "N7PVM",
+ "name": "key:",
+ "fill": "$--ui-color-hint-2",
+ "content": "key:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "wwyDb",
+ "name": "api-param-value-07",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "JRrnG",
+ "name": "KeyLeft",
+ "fill": "#0774cdff",
+ "content": "KeyLeft",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "gESXo",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ztZcZ",
+ "name": "api-param-row-23",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "6wgSe",
+ "name": "=> {}",
+ "fill": "#000000ff",
+ "content": "=> {}",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
}
]
}
@@ -372,107 +3755,319 @@
},
{
"type": "frame",
- "id": "FONja",
- "name": "sprite-card-02",
- "width": 88,
- "height": 88,
+ "id": "fzlYy",
+ "name": "api-reference-04",
+ "clip": true,
+ "width": 264,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
},
- "layout": "none",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "A3i1S",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "3RHou",
+ "name": "api-param-input-08",
+ "width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "w77pu",
- "name": "sprite01",
- "width": 84,
- "height": 60,
+ "id": "7AbvR",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 0.9375
+ "thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "kTnf0",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
+ "type": "group",
+ "id": "tWhJG",
+ "name": "group-1000004631",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "tXhny",
+ "name": "nextBackdrop",
+ "fill": "#b08a01ff",
+ "content": "nextBackdrop",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Dl43j",
+ "name": "api-param-row-09",
"stroke": {
"align": "inside",
"thickness": 1
- }
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "GmAlB",
+ "name": "wait:",
+ "fill": "$--ui-color-hint-2",
+ "content": "wait:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "5uKNR",
+ "name": "api-param-row-10",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "kYg32",
+ "name": "api-param-value-08",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "cornerRadius": 4,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "5SvcE",
+ "name": "true",
+ "fill": "#892ba8ff",
+ "content": "true",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
- },
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ojt1K",
+ "name": "api-reference-05",
+ "clip": true,
+ "width": 264,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "wc3FU",
+ "name": "api-param-input-09",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "S8BVl",
- "name": "sprite-name-chip-02",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
+ "id": "dBCL0",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
+ "thickness": 1
},
- "gap": 10,
+ "gap": 4,
"padding": [
- 0,
- 8
+ 2,
+ 0
],
- "justifyContent": "center",
- "alignItems": "center",
"children": [
{
- "type": "text",
- "id": "smNAa",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ "type": "group",
+ "id": "bUcg0",
+ "name": "group-1000004632",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "6ApWF",
+ "name": "setCostume",
+ "fill": "#b08a01ff",
+ "content": "setCostume",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "sowfG",
+ "name": "api-param-row-11",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "XD6Df",
+ "name": "name:",
+ "fill": "$--ui-color-hint-2",
+ "content": "name:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "mMA01",
+ "name": "api-param-row-12",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ITgpd",
+ "name": "api-param-value-09",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "cornerRadius": 4,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "SyOiS",
+ "name": "“sprite01”",
+ "fill": "#9c2c2cff",
+ "content": "“sprite01”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -482,107 +4077,291 @@
},
{
"type": "frame",
- "id": "8TwPa",
- "name": "sprite-card-03",
- "width": 88,
- "height": 88,
+ "id": "h7Ube",
+ "name": "api-reference-06",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
},
- "layout": "none",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
"children": [
{
"type": "frame",
- "id": "qFwd2",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "t3Wde",
+ "name": "api-param-input-10",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "rWlhz",
- "name": "sprite01",
- "width": 84,
- "height": 60,
+ "id": "DceMW",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 0.9375
+ "thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "kBLad",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "fill"
- },
- "width": 60,
- "height": 60,
+ "type": "group",
+ "id": "icTS1",
+ "name": "group-1000004629",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "rAFuJ",
+ "name": "broadcast",
+ "fill": "#b08a01ff",
+ "content": "broadcast",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "BCVxk",
+ "name": "api-param-row-13",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "vcPNa",
+ "name": "msg:",
+ "fill": "$--ui-color-hint-2",
+ "content": "msg:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "NMkOf",
+ "name": "api-param-value-10",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "xRyGn",
+ "name": "“score”",
+ "fill": "#9c2c2cff",
+ "content": "“score”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "I05IF",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "icTh4",
+ "name": "api-param-row-24",
+ "enabled": false,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "uhKuL",
+ "name": "data:",
+ "fill": "$--ui-color-hint-2",
+ "content": "data:",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "ObCm2",
+ "name": "api-date-button-10",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "GcNyi",
+ "name": "100",
+ "fill": "#139707ff",
+ "content": "100",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "z3pRO",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ZJ6g5",
+ "name": "api-param-row-33",
"stroke": {
"align": "inside",
"thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "A7NKg",
- "name": "sprite-name-chip-03",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "MHRQD",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "uMTdF",
+ "name": "wait:",
+ "fill": "$--ui-color-hint-2",
+ "content": "wait:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "fQ2ww",
+ "name": "api-param-select-04",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "QpczX",
+ "name": "api-param-value-11",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "ToYO9",
+ "name": "true",
+ "fill": "#892ba8ff",
+ "content": "true",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -592,107 +4371,291 @@
},
{
"type": "frame",
- "id": "89I4u",
- "name": "sprite-card-04",
- "width": 88,
- "height": 88,
+ "id": "7qsCU",
+ "name": "api-reference-07",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
},
- "layout": "none",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
"children": [
{
"type": "frame",
- "id": "lFd8o",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "bsNTv",
+ "name": "api-param-input-11",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "9r3yH",
- "name": "sprite01",
- "width": 84,
- "height": 60,
+ "id": "VNo4M",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 0.9375
+ "thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "my649",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
+ "type": "group",
+ "id": "SjXrC",
+ "name": "group-1000004629",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "LZ4Rm",
+ "name": "broadcast",
+ "fill": "#b08a01ff",
+ "content": "broadcast",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "KB9PO",
+ "name": "api-param-row-14",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
},
- "width": 60,
- "height": 60,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "pjlLc",
+ "name": "msg:",
+ "fill": "$--ui-color-hint-2",
+ "content": "msg:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "fkcH3",
+ "name": "api-param-value-12",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "PIvZj",
+ "name": "“score”",
+ "fill": "#9c2c2cff",
+ "content": "“score”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "dS7KG",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "tVxLA",
+ "name": "api-param-row-25",
+ "enabled": false,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "uZzYI",
+ "name": "data:",
+ "fill": "$--ui-color-hint-2",
+ "content": "data:",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "hQbEV",
+ "name": "api-date-button-11",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "boX5H",
+ "name": "100",
+ "fill": "#139707ff",
+ "content": "100",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "Inrj4",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "EQEGu",
+ "name": "api-param-row-34",
"stroke": {
"align": "inside",
"thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "AeDgJ",
- "name": "sprite-name-chip-04",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "WCPjm",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "T7xdU",
+ "name": "wait:",
+ "fill": "$--ui-color-hint-2",
+ "content": "wait:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "UlWOT",
+ "name": "api-param-select-05",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "cNXYB",
+ "name": "api-param-value-13",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "SrNtJ",
+ "name": "true",
+ "fill": "#892ba8ff",
+ "content": "true",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -702,107 +4665,291 @@
},
{
"type": "frame",
- "id": "qFgHa",
- "name": "sprite-card-05",
- "width": 88,
- "height": 88,
+ "id": "gP6EF",
+ "name": "api-reference-08",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
},
- "layout": "none",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
"children": [
{
"type": "frame",
- "id": "RUH9F",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "rm67Z",
+ "name": "api-param-input-12",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "7hjud",
- "name": "sprite01",
- "width": 84,
- "height": 60,
+ "id": "nwZjE",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 0.9375
+ "thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "c3doW",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
+ "type": "group",
+ "id": "6hsXZ",
+ "name": "group-1000004629",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "gYgXa",
+ "name": "broadcast",
+ "fill": "#b08a01ff",
+ "content": "broadcast",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "HbB06",
+ "name": "api-param-row-15",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
},
- "width": 60,
- "height": 60,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "bAxis",
+ "name": "msg:",
+ "fill": "$--ui-color-hint-2",
+ "content": "msg:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "lCIyf",
+ "name": "api-param-value-14",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "8R6bs",
+ "name": "“score”",
+ "fill": "#9c2c2cff",
+ "content": "“score”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "XxHaZ",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "VGWIi",
+ "name": "api-param-row-26",
+ "enabled": false,
"stroke": {
"align": "inside",
"thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "1Bsn7",
- "name": "sprite-name-chip-05",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "HnZzO",
+ "name": "data:",
+ "fill": "$--ui-color-hint-2",
+ "content": "data:",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "y6CB8",
+ "name": "api-date-button-12",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "caY5m",
+ "name": "100",
+ "fill": "#139707ff",
+ "content": "100",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "uw2pj",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.6666666666666667,
+ "fontFamily": "Menlo",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
{
- "type": "text",
- "id": "MJPCh",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "lb7jk",
+ "name": "api-param-row-35",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "oLFzW",
+ "name": "wait:",
+ "fill": "$--ui-color-hint-2",
+ "content": "wait:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "wx4Ry",
+ "name": "api-param-select-06",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "nHRwx",
+ "name": "api-param-value-15",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "f8BJP",
+ "name": "true",
+ "fill": "#892ba8ff",
+ "content": "true",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -812,107 +4959,221 @@
},
{
"type": "frame",
- "id": "cg114",
- "name": "sprite-card-06",
- "width": 88,
- "height": 88,
+ "id": "q3WHB",
+ "name": "api-reference-09",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
},
- "layout": "none",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "Endy6",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "GEYj9",
+ "name": "api-param-input-13",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "wQTfv",
- "name": "sprite01",
- "width": 84,
- "height": 60,
+ "id": "UGrp7",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 0.9375
+ "thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "CdtTP",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
+ "type": "group",
+ "id": "MBVtB",
+ "name": "group-1000004628",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "kIf4U",
+ "name": "step",
+ "fill": "#b08a01ff",
+ "content": "step",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "TPRla",
+ "name": "api-param-row-16",
"stroke": {
"align": "inside",
"thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "DPQWa",
- "name": "sprite-name-chip-06",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "I1dHB",
+ "name": "distance:",
+ "fill": "$--ui-color-hint-2",
+ "content": "distance:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "eYUY9",
+ "name": "api-date-button-13",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "KpSQX",
+ "name": "100",
+ "fill": "$--ui-shadow-custom-3",
+ "content": "10",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "bCuMJ",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
{
- "type": "text",
- "id": "pE3im",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "7SocB",
+ "name": "api-param-row-36",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "5nMVK",
+ "name": "animation:",
+ "fill": "$--ui-color-hint-2",
+ "content": "animation:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "zVwBB",
+ "name": "api-param-select-07",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "0yAM1",
+ "name": "api-param-value-16",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "4kl3O",
+ "name": "“run”",
+ "fill": "#9c2c2cff",
+ "content": "“run”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -922,107 +5183,221 @@
},
{
"type": "frame",
- "id": "SLQBf",
- "name": "sprite-card-07",
- "width": 88,
- "height": 88,
+ "id": "FJ7d4",
+ "name": "api-reference-10",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
},
- "layout": "none",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "8Iei1",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "rlYnp",
+ "name": "api-param-input-14",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "PTbxO",
- "name": "sprite01",
- "width": 84,
- "height": 60,
+ "id": "At2Kk",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 0.9375
+ "thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "mqdSa",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
+ "type": "group",
+ "id": "b3PSo",
+ "name": "group-1000004628",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "Izpw1",
+ "name": "step",
+ "fill": "#b08a01ff",
+ "content": "step",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "nsL9Q",
+ "name": "api-param-row-17",
"stroke": {
"align": "inside",
"thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "6DIku",
- "name": "sprite-name-chip-07",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "uI7b4",
+ "name": "distance:",
+ "fill": "$--ui-color-hint-2",
+ "content": "distance:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "TN2zD",
+ "name": "api-date-button-14",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-disabled-text",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "jokkv",
+ "name": "100",
+ "fill": "$--ui-shadow-custom-3",
+ "content": "10",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "7g6yV",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
{
- "type": "text",
- "id": "83em0",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "fEgry",
+ "name": "api-param-row-37",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "Hh8gZ",
+ "name": "animation:",
+ "fill": "$--ui-color-hint-2",
+ "content": "animation:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "1US3c",
+ "name": "api-param-select-08",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "I6mdD",
+ "name": "api-param-value-17",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "c7bS2",
+ "name": "“run”",
+ "fill": "#9c2c2cff",
+ "content": "“run”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -1032,107 +5407,221 @@
},
{
"type": "frame",
- "id": "h3wxu",
- "name": "sprite-card-08",
- "width": 88,
- "height": 88,
+ "id": "j9fV8",
+ "name": "api-reference-11",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
},
- "layout": "none",
- "children": [
- {
- "type": "frame",
- "id": "EcmQF",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
"x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "zMKDN",
- "name": "sprite01",
- "width": 84,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 0.9375
- },
- "layout": "none",
- "children": [
- {
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "2W306",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- },
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "lFFaq",
+ "name": "api-param-input-15",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "dbsdy",
- "name": "sprite-name-chip-08",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
+ "id": "F6Drl",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
+ "thickness": 1
},
- "gap": 10,
+ "gap": 4,
"padding": [
- 0,
- 8
+ 2,
+ 0
],
- "justifyContent": "center",
- "alignItems": "center",
"children": [
{
- "type": "text",
- "id": "cSQAQ",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ "type": "group",
+ "id": "KyPpj",
+ "name": "group-1000004628",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "jkuYk",
+ "name": "step",
+ "fill": "#b08a01ff",
+ "content": "step",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "5pAI8",
+ "name": "api-param-row-18",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "WWX35",
+ "name": "distance:",
+ "fill": "$--ui-color-hint-2",
+ "content": "distance:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "xhSN2",
+ "name": "api-date-button-15",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-shadow-custom-3",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "1SBkE",
+ "name": "100",
+ "fill": "$--ui-shadow-custom-3",
+ "content": "10",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "ZnR0R",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "kCwyW",
+ "name": "api-param-row-38",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "CCyX0",
+ "name": "animation:",
+ "fill": "$--ui-color-hint-2",
+ "content": "animation:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "ji6zo",
+ "name": "api-param-select-09",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "tYL3l",
+ "name": "api-param-value-18",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "sU7Nv",
+ "name": "“run”",
+ "fill": "#9c2c2cff",
+ "content": "“run”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -1142,329 +5631,854 @@
},
{
"type": "frame",
- "id": "eurtA",
- "name": "sprite-card-09",
- "width": 88,
- "height": 88,
+ "id": "V4bHk",
+ "name": "api-reference-12",
+ "clip": true,
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$--ui-color-dividing-line-2"
},
- "layout": "none",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "padding": [
+ 2,
+ 6
+ ],
+ "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "BOVTA",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "xMNc9",
+ "name": "api-param-input-16",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "9MCRh",
- "name": "sprite01",
- "width": 84,
- "height": 60,
+ "id": "wE5kf",
+ "name": "param-input-trigger",
+ "clip": true,
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 0.9375
+ "thickness": 1
},
- "layout": "none",
+ "gap": 4,
+ "padding": [
+ 2,
+ 0
+ ],
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "pXzmS",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
+ "type": "group",
+ "id": "BMTjU",
+ "name": "group-1000004628",
+ "layout": "horizontal",
+ "gap": 10,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "AOLvh",
+ "name": "step",
+ "fill": "#b08a01ff",
+ "content": "step",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "7Nyg6",
+ "name": "api-param-row-19",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
},
- "width": 60,
- "height": 60,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "NOfWw",
+ "name": "distance:",
+ "fill": "$--ui-color-hint-2",
+ "content": "distance:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "ybh5Z",
+ "name": "api-date-button-16",
+ "clip": true,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-shadow-custom-3",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "4vOBk",
+ "name": "100",
+ "fill": "$--ui-shadow-custom-3",
+ "content": "10",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "AdSEb",
+ "name": ",",
+ "fill": "$--ui-color-title",
+ "content": ",",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ZA26S",
+ "name": "api-param-row-39",
"stroke": {
"align": "inside",
"thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "N3xbH",
- "name": "sprite-name-chip-09",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "TQXAa",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "U6IXx",
+ "name": "animation:",
+ "fill": "$--ui-color-hint-2",
+ "content": "animation:",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "egQcu",
+ "name": "api-param-select-10",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "fBRsa",
+ "name": "api-param-value-19",
+ "clip": true,
+ "cornerRadius": [
+ 2,
+ 0,
+ 0,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 0,
+ 2
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "CuOVq",
+ "name": "“run”",
+ "fill": "#9c2c2cff",
+ "content": "“run”",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Menlo",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
]
}
]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "8AjWI",
+ "name": "editor-workspace",
+ "width": "fill_container",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "children": [
+ {
+ "type": "frame",
+ "id": "8UAuV",
+ "name": "editor-code-panel",
+ "width": "fill_container",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "children": [
+ {
+ "type": "frame",
+ "id": "0EMzX",
+ "name": "editor-code-area",
+ "width": "fill_container",
+ "height": "fill_container",
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 6,
+ "padding": [
+ 8,
+ 12
+ ],
+ "children": [
+ {
+ "type": "text",
+ "id": "Cp3rz",
+ "fill": "#94A3B8",
+ "content": "1 var (",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "jZvWy",
+ "fill": "#2563EB",
+ "content": "2 attacking bool",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "07ZmI",
+ "fill": "#2563EB",
+ "content": "3 dead bool",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "O1YWP",
+ "fill": "#94A3B8",
+ "content": "4 )",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "pm5TG",
+ "fill": "#94A3B8",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "9g5mI",
+ "fill": "#0F172A",
+ "content": "6 func doDie() {",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "eoxya",
+ "fill": "#0F172A",
+ "content": "7 dead = true",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "SFBMV",
+ "fill": "#0F172A",
+ "content": "8 die",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "A75mb",
+ "fill": "#94A3B8",
+ "content": "9 }",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
},
+ {
+ "type": "text",
+ "id": "OKhvI",
+ "fill": "#94A3B8",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "7yfDk",
+ "name": "editor-code-aux-panel",
+ "enabled": false,
+ "clip": true,
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "children": [
{
"type": "frame",
- "id": "bc4Ct",
- "name": "sprite-card-10",
- "width": 88,
- "height": 88,
+ "id": "JOZQ4",
+ "name": "code-panel-body",
+ "width": 476,
+ "height": 766,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "gap": 10,
"children": [
{
"type": "frame",
- "id": "Q95CP",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "ROf9j",
+ "name": "code-workspace",
+ "clip": true,
+ "width": "fill_container",
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.9447104930877686
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
- "alignItems": "center",
+ "gap": 10,
"children": [
{
"type": "frame",
- "id": "wF1LZ",
- "name": "sprite01",
- "width": 84,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 0.9375
- },
- "layout": "none",
- "children": [
- {
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "KboX5",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "k0IwZ",
- "name": "sprite-name-chip-10",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
+ "id": "q51K5",
+ "name": "code-workspace",
+ "fill": "$--ui-color-grey-100",
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
+ "thickness": 1
},
- "gap": 10,
+ "gap": 20,
"padding": [
- 0,
- 8
+ 16,
+ 107,
+ 16,
+ 20
],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "BGc7j",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
+ "children": [
+ {
+ "type": "text",
+ "id": "CwBC8",
+ "name": "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31",
+ "fill": "$--ui-color-disabled-text",
+ "content": "1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n",
+ "lineHeight": 1.7142857142857142,
+ "fontFamily": "Menlo",
+ "fontSize": 14,
"fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "FPOI1",
+ "name": "code-sidebar-list",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 24,
+ "children": [
+ {
+ "type": "group",
+ "id": "KLZka",
+ "name": "group-1000002781",
+ "children": [
+ {
+ "type": "text",
+ "id": "YuyMz",
+ "x": 0,
+ "y": 0,
+ "name": "var ( attacking bool dead bool )",
+ "fill": "#000000ff",
+ "content": "var (\n attacking bool\n dead bool\n)",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "path",
+ "id": "PAXW2",
+ "x": 0,
+ "y": 22,
+ "name": "vector-655",
+ "geometry": "M0 0l0 94",
+ "width": 0,
+ "height": 44,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "$--ui-color-disabled-text"
+ }
+ }
+ ]
+ },
+ {
+ "type": "group",
+ "id": "o0Yj2",
+ "name": "group-1000002780",
+ "children": [
+ {
+ "type": "text",
+ "id": "M5wVf",
+ "x": 0,
+ "y": 0,
+ "name": "func doDie（）{ dead = true die }",
+ "fill": "#000000ff",
+ "content": "func doDie（）{\n dead = true\n die \n}",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "path",
+ "id": "z9xmR",
+ "x": 0,
+ "y": 22,
+ "name": "vector-655",
+ "geometry": "M0 0l0 94",
+ "width": 0,
+ "height": 44,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "$--ui-color-disabled-text"
+ }
+ }
+ ]
+ },
+ {
+ "type": "group",
+ "id": "rFMqj",
+ "name": "group-1000002783",
+ "children": [
+ {
+ "type": "text",
+ "id": "NbbLE",
+ "x": 0,
+ "y": 0,
+ "name": "func attack（）{ if dead || attacking｛ return }",
+ "fill": "#000000ff",
+ "content": "func attack（）{\n if dead || attacking｛\n return\n }",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "D02YR",
+ "x": 0,
+ "y": 112.00004768371582,
+ "name": "code-sidebar-group",
+ "width": 504,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "children": [
+ {
+ "type": "text",
+ "id": "XL5Bw",
+ "name": "attacking = true",
+ "fill": "#000000ff",
+ "textGrowth": "fixed-width",
+ "width": "fill_container",
+ "content": " attacking = true",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "x2B1E",
+ "name": "frame-1000004599",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 6,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "D6JHx",
+ "name": "if checkAttack（heading（）,xpos（）,",
+ "fill": "#000000ff",
+ "content": " if checkAttack（heading（）,xpos（）,",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "57yeP",
+ "name": "Fighter.xpos()) {",
+ "fill": "#000000ff",
+ "content": "Fighter.xpos()) {",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "K6V0O",
+ "name": "println \"attacking Fighter\"",
+ "fill": "#000000ff",
+ "content": " println \"attacking Fighter\"",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "IEbun",
+ "name": "broadcast \"attack Fighter\", heading(), false",
+ "fill": "#000000ff",
+ "content": " broadcast \"attack Fighter\", heading(), false",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "HBGVi",
+ "name": "}",
+ "fill": "#000000ff",
+ "content": " }",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "5l8kh",
+ "name": "animate name:\"attack\"",
+ "fill": "#000000ff",
+ "content": " animate name:\"attack\"",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "kgUTo",
+ "name": "attacking = false",
+ "fill": "#000000ff",
+ "content": " attacking = false",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "sRPMg",
+ "name": "}",
+ "fill": "#000000ff",
+ "content": "}",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "path",
+ "id": "NStBg",
+ "x": 35,
+ "y": 152.00004768371582,
+ "name": "vector-659",
+ "rotation": 0.0000025044782690431637,
+ "geometry": "M0 0l0 94",
+ "width": 0,
+ "height": 63,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "$--ui-color-disabled-text"
+ }
+ },
+ {
+ "type": "path",
+ "id": "KyGbz",
+ "x": 37,
+ "y": 43.00004768371582,
+ "name": "vector-658",
+ "rotation": 0.0000025044782690431637,
+ "geometry": "M0 0l0 94",
+ "width": 0,
+ "height": 22,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "$--ui-color-disabled-text"
+ }
+ },
+ {
+ "type": "path",
+ "id": "Ot55h",
+ "x": 0,
+ "y": 21.50004768371582,
+ "name": "vector-654",
+ "geometry": "M0 0l0 90.49995",
+ "width": 0,
+ "height": 245,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "$--ui-color-disabled-text"
+ }
+ }
+ ]
+ },
+ {
+ "type": "group",
+ "id": "ZsS6l",
+ "name": "group-1000002782",
+ "children": [
+ {
+ "type": "text",
+ "id": "k67ll",
+ "x": 0.000017506411040812964,
+ "y": 0,
+ "name": "onCloned => { shinobis = append(shinobis, this) println \"shinobis num\", len(shinobis) dead = false show for { if dead { break } distance := rand(from:10, to:120) wait secs:rand(from:0.5, to:1.5) step step:distance wait secs:0.5 attack changeHeading dir:180 step step:distance wait secs:0.5 attack changeHeading dir:180 } }",
+ "fill": "#000000ff",
+ "content": "onCloned => {\n shinobis = append(shinobis, this)\n println \"shinobis num\", len(shinobis) dead = false\n show\n for {\n if dead {\n break\n }\n distance := rand(from:10, to:120)\n wait secs:rand(from:0.5, to:1.5)\n step step:distance\n wait secs:0.5\n attack\n changeHeading dir:180\n step step:distance\n wait secs:0.5\n attack\n changeHeading dir:180\n }\n}",
+ "lineHeight": 1.5714285714285714,
+ "textAlignVertical": "middle",
+ "fontFamily": "Menlo",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "path",
+ "id": "8FHRJ",
+ "x": 0.000017506411040812964,
+ "y": 31,
+ "name": "vector-656",
+ "rotation": -0.0000025044780654876642,
+ "geometry": "M0 0l0.00002 400.5",
+ "width": 0.000017506410586065613,
+ "height": 400.5,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "$--ui-color-disabled-text"
+ }
+ },
+ {
+ "type": "path",
+ "id": "5Zj6i",
+ "x": 35.99992997435629,
+ "y": 131,
+ "name": "vector-657",
+ "rotation": -0.0000025044782690431637,
+ "geometry": "M0 0l0 94",
+ "width": 0,
+ "height": 285,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "$--ui-color-disabled-text"
+ }
+ }
+ ]
+ }
+ ]
}
]
}
]
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "sKUp3",
+ "name": "editor-code-zoom-controls",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "padding": [
+ 12,
+ 8
+ ],
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "QosKr",
- "name": "sprite-card-11",
- "width": 88,
- "height": 88,
+ "id": "QyBm3",
+ "name": "card-sprite-list",
+ "clip": true,
+ "width": 40,
+ "height": 40,
+ "fill": "$grey200",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 2,
+ "fill": "$yellow500"
},
"layout": "none",
"children": [
{
"type": "frame",
- "id": "rs1hV",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "nx1CM",
+ "x": 2,
+ "y": 2,
+ "name": "zoom-control-icon",
+ "width": 36,
+ "height": 36,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-grey-100",
+ "enabled": false
+ },
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.6000000238418579
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "Xkmvq",
- "name": "sprite01",
- "width": 84,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 0.9375
- },
- "layout": "none",
- "children": [
- {
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "vWs27",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "ackGC",
- "name": "sprite-name-chip-11",
- "width": 84,
- "height": 22,
+ "type": "rectangle",
+ "id": "VCufu",
+ "x": 0,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-2",
"fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
},
- "cornerRadius": 12,
+ "width": 36,
+ "height": 36,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "vppuE",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
- }
- ]
+ "thickness": 0.7554537653923035
+ }
}
]
}
@@ -1472,120 +6486,330 @@
},
{
"type": "frame",
- "id": "NgVbd",
- "name": "sprite-card-12",
- "width": 88,
- "height": 88,
+ "id": "I3HEo",
+ "name": "zoom",
+ "width": 40,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "layout": "vertical",
+ "gap": 4,
"children": [
{
"type": "frame",
- "id": "iz7mS",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "MIIdh",
+ "name": "code-zoom-button-01",
+ "width": "fill_container",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1.25
},
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
+ "gap": 5,
+ "justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "LJPtp",
- "name": "sprite01",
- "width": 84,
- "height": 60,
+ "id": "h7bVO",
+ "name": "button",
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": 0.9375
+ "thickness": 1.25
},
- "layout": "none",
+ "gap": 5,
+ "padding": 10,
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "MK1lE",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
+ "type": "frame",
+ "id": "ekwSI",
+ "name": "icon-play-filled",
+ "width": 20,
+ "height": 20,
"stroke": {
"align": "inside",
- "thickness": 1
- }
+ "thickness": 0.8333333134651184
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "DD9dx",
+ "x": 1.875,
+ "y": 1.875,
+ "name": "search-plus",
+ "geometry": "M19.28003 18.22l-3.841-3.841c1.284-1.523 2.06097-3.486 2.06097-5.629 0-4.825-3.925-8.75-8.75-8.75-4.825 0-8.75 3.925-8.75 8.75 0 4.825 3.925 8.75 8.75 8.75 2.143 0 4.10603-0.777 5.62903-2.061l3.84094 3.841c0.146 0.146 0.33803 0.22 0.53003 0.22 0.192 0 0.38403-0.073 0.53003-0.22 0.293-0.292 0.293-0.767 0-1.06z m-17.78003-9.47c0-3.998 3.252-7.25 7.25-7.25 3.998 0 7.25 3.252 7.25 7.25 0 3.998-3.252 7.25-7.25 7.25-3.998 0-7.25-3.252-7.25-7.25z m10.25-0.75l-2.25 0 0-2.25c0-0.414-0.336-0.75-0.75-0.75-0.414 0-0.75 0.336-0.75 0.75l0 2.25-2.25 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l2.25 0 0 2.25c0 0.414 0.336 0.75 0.75 0.75 0.414 0 0.75-0.336 0.75-0.75l0-2.25 2.25 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
+ "fill": "$--ui-color-text",
+ "width": 16.249814987182617,
+ "height": 16.25,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "iC1Jp",
+ "name": "code-zoom-button-02",
+ "width": "fill_container",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.25
+ },
+ "gap": 5,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "L4RkY",
- "name": "sprite-name-chip-12",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
+ "id": "97KGR",
+ "name": "button",
+ "fill": "$--ui-color-grey-100",
"cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
+ "thickness": 1.25
+ },
+ "gap": 5,
+ "padding": 10,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "im7Zl",
+ "name": "icon-play-filled",
+ "width": 20,
+ "height": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.8333333134651184
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "hINYH",
+ "x": 1.875,
+ "y": 1.875,
+ "name": "search-minus",
+ "geometry": "M19.28003 18.22l-3.841-3.841c1.284-1.523 2.06097-3.486 2.06097-5.629 0-4.825-3.925-8.75-8.75-8.75-4.825 0-8.75 3.925-8.75 8.75 0 4.825 3.925 8.75 8.75 8.75 2.143 0 4.10603-0.777 5.62903-2.061l3.84094 3.841c0.146 0.146 0.33803 0.22 0.53003 0.22 0.192 0 0.38403-0.073 0.53003-0.22 0.293-0.292 0.293-0.767 0-1.06z m-17.78003-9.47c0-3.998 3.252-7.25 7.25-7.25 3.998 0 7.25 3.252 7.25 7.25 0 3.998-3.252 7.25-7.25 7.25-3.998 0-7.25-3.252-7.25-7.25z m10.25-0.75l-6 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l6 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
+ "fill": "$--ui-color-text",
+ "width": 16.249814987182617,
+ "height": 16.25,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
}
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "g5UOt",
+ "name": "code-zoom-button-03",
+ "width": "fill_container",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.25
+ },
+ "gap": 5,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "W4XqS",
+ "name": "button",
+ "fill": "$--ui-color-grey-100",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.25
},
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
+ "gap": 5,
+ "padding": 10,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
- "type": "text",
- "id": "qSiE8",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "065iH",
+ "name": "icon-play-filled",
+ "width": 20,
+ "height": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.8333333134651184
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "74Osr",
+ "x": 1.875,
+ "y": 1.875,
+ "name": "search-text",
+ "geometry": "M19.28003 18.22l-3.841-3.841c1.284-1.523 2.06097-3.486 2.06097-5.629 0-4.825-3.925-8.75-8.75-8.75-4.825 0-8.75 3.925-8.75 8.75 0 4.825 3.925 8.75 8.75 8.75 2.143 0 4.10603-0.777 5.62903-2.061l3.84094 3.841c0.146 0.146 0.33803 0.22 0.53003 0.22 0.192 0 0.38403-0.073 0.53003-0.22 0.293-0.292 0.293-0.767 0-1.06z m-17.78003-9.47c0-3.998 3.252-7.25 7.25-7.25 3.998 0 7.25 3.252 7.25 7.25 0 3.998-3.252 7.25-7.25 7.25-3.998 0-7.25-3.252-7.25-7.25z m10.25-2.25l-6 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l6 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z m-2 3l-4 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l4 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
+ "fill": "$--ui-color-text",
+ "width": 16.249814987182617,
+ "height": 16.25,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
}
]
}
]
}
]
- },
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Wsqj2",
+ "name": "editor-panel-right",
+ "layout": "vertical",
+ "gap": 20,
+ "children": [
+ {
+ "type": "frame",
+ "id": "LFxvc",
+ "name": "preview-panel",
+ "clip": true,
+ "width": 492,
+ "cornerRadius": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-primary-300-aa6",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 10.5
+ },
+ "layout": "vertical",
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "xGeAP",
+ "name": "preview-panel-header",
+ "clip": true,
+ "width": 492,
+ "fill": "$grey100",
+ "cornerRadius": [
+ 20,
+ 20,
+ 0,
+ 0
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 113,
+ "padding": [
+ 6,
+ 16
+ ],
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "mJqLz",
+ "name": "Preview",
+ "fill": "$grey1000",
+ "content": "Preview",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "600"
+ },
+ {
+ "type": "frame",
+ "id": "DSOjN",
+ "name": "preview-button-group",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 12,
+ "justifyContent": "end",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "iBaV0",
+ "name": "button-2-01",
+ "height": 32,
+ "fill": "$turquoise500",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$turquoise700",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
+ },
+ "gap": 4,
+ "padding": [
+ 5,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "S4T15",
- "name": "sprite-card-13",
- "width": 88,
- "height": 88,
+ "id": "ZCcfF",
+ "name": "icon",
+ "clip": true,
+ "width": 16,
+ "height": 16,
"stroke": {
"align": "inside",
"thickness": 1
@@ -1594,108 +6818,78 @@
"children": [
{
"type": "frame",
- "id": "De7Tg",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
- "alignItems": "center",
+ "id": "tmTpm",
+ "x": 0.24395408442660482,
+ "y": -0.009999999999990905,
+ "name": "icon-run-outlined",
+ "width": 16,
+ "height": 16,
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "YEc7z",
- "name": "sprite01",
- "width": 84,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 0.9375
- },
- "layout": "none",
- "children": [
- {
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "DJa4i",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "hDXbl",
- "name": "sprite-name-chip-13",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "hqVc9",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
- }
- ]
+ "type": "path",
+ "id": "r0DJ6",
+ "x": 3.178999900817871,
+ "y": 1.799574375152588,
+ "geometry": "M0 2.07043c0-1.616 1.776-2.607 3.157-1.762l6.942 4.248c0.57255 0.35011 0.92172 0.97289 0.92172 1.644 0 0.67111-0.34916 1.29389-0.92172 1.644l-6.942 4.246c-1.381 0.845-3.157-0.146-3.157-1.762l0-8.258z m2.263-0.3c-0.11014-0.06846-0.24859-0.07239-0.36243-0.0103-0.11385 0.0621-0.1855 0.18063-0.18757 0.3103l0 8.25999c0 0.268 0.303 0.45 0.55 0.299l6.94-4.247 0.046-0.03699c0.04388-0.04681 0.06419-0.11097 0.05525-0.17451-0.00894-0.06353-0.04617-0.1196-0.10125-0.15249l-6.94-4.248z",
+ "fill": "$grey100",
+ "width": 11.02071762084961,
+ "height": 12.398851871490479
}
]
}
]
},
+ {
+ "type": "text",
+ "id": "NMuy6",
+ "name": "Button Text",
+ "fill": "$grey100",
+ "content": "Run",
+ "lineHeight": 1.5714285714285714,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "500"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Ptcse",
+ "name": "button-2-02",
+ "height": 32,
+ "fill": "$turquoise200",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$turquoise300",
+ "offset": {
+ "x": 0,
+ "y": 4
+ }
+ },
+ "gap": 4,
+ "padding": [
+ 5,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "HQ4Qq",
- "name": "sprite-card-14",
- "width": 88,
- "height": 88,
+ "id": "WAxhP",
+ "name": "icon",
+ "clip": true,
+ "width": 16,
+ "height": 16,
"stroke": {
"align": "inside",
"thickness": 1
@@ -1703,400 +6897,564 @@
"layout": "none",
"children": [
{
- "type": "frame",
- "id": "18oIZ",
- "x": 0,
- "y": 0,
- "name": "normal",
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "type": "path",
+ "id": "Kzglb",
+ "x": 2.0008544921875,
+ "y": 2,
+ "name": "union",
+ "geometry": "M9.5821 0.05929c0.67111-0.16739 1.36535 0.02471 1.85351 0.51269 0.45812 0.45829 0.6555 1.09807 0.54102 1.72852l-0.02735 0.12597-1.90625 7.625 0 0.00098-0.00586 0.02344c-0.27096 1.08144-1.16288 1.8333-2.2539 1.92285l-0.00879 0.00098-0.20312 0.00781-0.02637 0c-1.19703-0.00873-2.19132-0.80172-2.46582-1.9668l-0.59473-2.52051-2.51758-0.59082c-1.16497-0.27453-1.95799-1.26894-1.96679-2.46582-0.00834-1.19698 0.77154-2.20181 1.93261-2.49218l7.64942-1.91211z m0.42968 1.45117l-0.07714 0.01465-7.6377 1.90918c-0.58492 0.1465-0.79166 0.62883-0.78906 1.01855 0.00291 0.38978 0.21616 0.86937 0.80371 1.00781l2.56348 0.60254 2.3457-2.34277c0.29449-0.29422 0.77187-0.29424 1.06641 0 0.29416 0.29452 0.29423 0.77191 0 1.06641l-2.34375 2.34375 0.60351 2.56543c0.13849 0.58666 0.61737 0.79964 1.00684 0.80273l0.00195 0.00098c0.40961 0.0035 0.86975-0.20131 1.01758-0.79004l1.91211-7.64942c0.03812-0.15367-0.00562-0.30955-0.11719-0.42089l-0.00586-0.00586c-0.08531-0.08244-0.19428-0.12499-0.30566-0.125-0.01395 0.00002-0.02903 0.00027-0.04493 0.00195z m-3.583 8.45605c0.00301 0.00717 0.00568 0.01443 0.00879 0.02149-0.00317-0.00703-0.00572-0.01433-0.00879-0.02149z m-4.61328-3.28613c0.06431 0.02088 0.13018 0.03888 0.19726 0.05469l0-0.00098c-0.06699-0.01579-0.13299-0.03309-0.19726-0.05371z m6.33007-2.03516l0 0.00098c0.02698-0.027 0.05104-0.05625 0.07129-0.08691l0-0.00098c-0.02029 0.03077-0.04422 0.05983-0.07129 0.08691z m-5.89648-1.40527c-0.04373 0.01094-0.08574 0.02407-0.12598 0.03809l0.12598-0.03711 7.64941-1.91309-7.64941 1.91211z m9.50586-0.8623l0.03809-0.19825c0.00064-0.00484 0.00037-0.0098 0.00097-0.01464-0.0088 0.07099-0.02147 0.14213-0.03906 0.21289z",
+ "fill": "$turquoise500",
+ "width": 12.00848388671875,
+ "height": 12.007529258728027
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "qRyrS",
+ "name": "Button Text",
+ "fill": "$turquoise500",
+ "content": "Publish",
+ "lineHeight": 1.5714285714285714,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "500"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "XDT0H",
+ "name": "preview-panel-body",
+ "fill": "$grey100",
+ "cornerRadius": [
+ 0,
+ 0,
+ 20,
+ 20
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "top": 1
+ },
+ "fill": "$grey400"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-shadow-custom-3",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 3.5
+ },
+ "layout": "vertical",
+ "gap": 10,
+ "padding": 12,
+ "children": [
+ {
+ "type": "frame",
+ "id": "lYoY2",
+ "name": "preview-canvas",
+ "clip": true,
+ "width": 468,
+ "height": 351,
+ "fill": "$grey100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.8833333253860474
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "qMY22",
+ "x": 0,
+ "y": 0,
+ "name": "icon-error-bg",
+ "width": 468,
+ "height": 351,
+ "layout": "none",
+ "children": [
+ {
+ "type": "group",
+ "id": "6u6Yz",
+ "x": -6,
+ "y": -33,
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "lqeVI",
+ "x": 2,
+ "y": 6,
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 484,
+ "height": 409
+ },
+ {
+ "type": "path",
+ "id": "d7vhI",
+ "x": 0,
+ "y": 0,
+ "geometry": "M0 64l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-450-379l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m-240-191l30-32 30.5 32-30.5 32-30-32z m0-32l-60 64m0 0l30 32m0-32l-30 32m30 0l-60 64m30-160l-60 64m-30-64l-60 64m60-128l-60 64m120 96l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m-30-64l30 32m0-64l30 32m30-32l-30 32m-30-64l-30 32m90-64l60 64m-120-96l60 64m-30 0l30 32m30 128l30 32m0-32l-30 32m-30-32l30 32m300-384l-60 64m0-64l60 64m-150-32l-30 32m0-32l30 32m0 0l-30 32m90 0l-30-32-30-32m90 32l30 32m0-32l-30 32m-30-32l30 32m150 128l-60 64m0 0l30 32m0-32l-30 32m30 0l-60 64m30-160l-60 64m-30-64l-60 64m60-128l-60 64m120 96l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m-30-64l30 32m0-64l30 32m30-32l-30 32m-30-64l-30 32m90-64l60 64m-120-96l60 64m-30 0l30 32m30 128l30 32m0-32l-30 32m-30-32l30 32m-180-384l-60 64m0-64l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m90 32l30 32m0-32l-30 32m-30-32l30 32",
+ "width": 514,
+ "height": 416,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "Ye55a",
+ "x": 244,
+ "y": 97,
+ "geometry": "M24.51401 8.402c0.95615 1.3748 1.6033 2.94034 1.897 4.589l3.58899 0 0 4.10199-3.58899 0c-0.29355 1.64902-0.9407 3.2149-1.897 4.59001l2.539 2.545-2.89301 2.9-2.53799-2.545c-1.36929 0.95915-2.93124 1.60822-4.57701 1.902l0 3.599-4.09 0 0-3.599c-1.64578-0.29378-3.20772-0.94285-4.57699-1.902l-2.538 2.546-2.893-2.901 2.539-2.546c-0.95618-1.3748-1.60333-2.94034-1.89701-4.589l-3.589 0 0-4.10199 3.589 0c0.29353-1.64902 0.9407-3.2149 1.89699-4.59001l-2.539-2.545 2.89301-2.9 2.53799 2.545c1.36929-0.95915 2.93123-1.60822 4.57701-1.902l0-3.599 4.09 0 0 3.599c1.679 0.3 3.23201 0.961 4.57701 1.902l2.53799-2.546 2.89301 2.901-2.539 2.546z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 30,
+ "height": 30.083999633789062,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "nZwwC",
+ "x": 255.25,
+ "y": 108.28199768066406,
+ "geometry": "M3.75 7.52c0.9959-0.00133 1.95045-0.39822 2.65372-1.10334 0.70328-0.70514 1.0976-1.66077 1.09628-2.65666 0.00131-0.99589-0.39301-1.95152-1.09628-2.65665-0.70326-0.70513-1.65782-1.10202-2.65372-1.10335-0.9959 0.00133-1.95045 0.39822-2.65372 1.10335-0.70326 0.70514-1.09761 1.66077-1.09628 2.65665-0.00133 0.99589 0.39302 1.95152 1.09628 2.65666 0.70326 0.70513 1.65782 1.10202 2.65372 1.10334z m99.51401 22.6c0.95614 1.3748 1.6033 2.94034 1.897 4.589l3.58899 0 0 4.102-3.58899 0c-0.2937 1.64867-0.94086 3.2142-1.897 4.589l2.539 2.546-2.89301 2.901-2.53799-2.546c-1.36929 0.95915-2.93125 1.60822-4.577 1.902l0 3.599-4.08999 0 0-3.599c-1.64578-0.29378-3.20773-0.94285-4.57703-1.902l-2.53799 2.546-2.89301-2.901 2.539-2.546c-0.95615-1.3748-1.6033-2.94034-1.897-4.589l-3.58899 0 0-4.10199 3.58899 0c0.2937-1.64867 0.94086-3.2142 1.897-4.58901l-2.539-2.546 2.89301-2.9 2.53799 2.545c1.36929-0.95915 2.93124-1.60822 4.577-1.902l0-3.599 4.08999 0 0 3.599c1.67899 0.3 3.23199 0.961 4.577 1.902l2.53799-2.546 2.89301 2.901-2.53897 2.546z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 108.75,
+ "height": 51.802001953125,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "vhJaG",
+ "x": 345.25,
+ "y": 98,
+ "geometry": "M3.75 50.802c0.99588-0.00133 1.95047-0.39822 2.65372-1.10335 0.70328-0.70514 1.0976-1.66077 1.09628-2.65665 0.00278-2.07399-1.67599-3.75769-3.75-3.761-2.07401 0.00331-3.75278 1.68701-3.75 3.761-0.00131 0.99589 0.39301 1.95152 1.09628 2.65665 0.70325 0.70513 1.65784 1.10202 2.65372 1.10335z m64.02899-33.999c1.91211 2.74999 3.20609 5.8814 3.793 9.179l7.17801 0 0 8.20401-7.17801 0c-0.58691 3.29759-1.88089 6.429-3.793 9.17899l5.077 5.091-5.78501 5.801-5.078-5.091c-2.73795 1.91804-5.86111 3.21617-9.15198 3.804l0 7.198-8.182 0 0-7.198c-3.29086-0.58783-6.41403-1.88596-9.15201-3.804l-5.078 5.091-5.78501-5.801 5.077-5.091c-1.91208-2.74999-3.20605-5.8814-3.79297-9.179l-7.17801 0 0-8.204 7.17801 0c0.58691-3.29759 1.88089-6.429 3.793-9.179l-5.077-5.09 5.78501-5.802 5.078 5.08999c2.73804-1.91767 5.86121-3.21546 9.15198-3.80299l0-7.198 8.182 0 0 7.198c3.35599 0.6 6.46301 1.923 9.15201 3.804l5.078-5.091 5.78501 5.801-5.07703 5.091z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 78.75,
+ "height": 60.167999267578125,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "pcq98",
+ "x": 184,
+ "y": 120.56199645996094,
+ "geometry": "M210 15.042c4.142 0 7.5-3.367 7.5-7.52 0-4.154-3.358-7.522-7.5-7.522-4.142 0-7.5 3.368-7.5 7.522 0 4.153 3.358 7.52 7.5 7.52z m-185.48599 194.79801c0.95616 1.37479 1.60332 2.94034 1.89698 4.58899l3.58901 0 0 4.10199-3.58901 0c-0.29367 1.64868-0.94083 3.2142-1.89698 4.58902l2.539 2.54599-2.89301 2.901-2.53799-2.54599c-1.36929 0.95914-2.93123 1.60822-4.57701 1.90198l0 3.599-4.09 0 0-3.599c-1.64578-0.29376-3.20772-0.94284-4.57699-1.90198l-2.538 2.54599-2.893-2.901 2.539-2.54599c-0.95618-1.37482-1.60333-2.94034-1.89701-4.58902l-3.589 0 0-4.10199 3.589 0c0.29367-1.64865 0.94083-3.2142 1.89699-4.58899l-2.539-2.54599 2.89301-2.901 2.53799 2.54599c1.36929-0.95917 2.93123-1.60825 4.57701-1.90201l0-3.599 4.09 0 0 3.599c1.679 0.29999 3.232 0.961 4.57699 1.90201l2.538-2.54599 2.893 2.901-2.53898 2.54599z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 217.5,
+ "height": 231.52198791503906,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "lVxv7",
+ "x": 195.25,
+ "y": 333.281005859375,
+ "geometry": "M3.75 7.521c0.9959-0.00131 1.95045-0.39822 2.65372-1.10337 0.70326-0.70514 1.09761-1.66074 1.09628-2.65664 0.00276-2.07397-1.67601-3.75769-3.75-3.76099-2.07399 0.0033-3.75276 1.68701-3.75 3.76099-0.00133 0.99591 0.39302 1.95151 1.09628 2.65664 0.70326 0.70514 1.65782 1.10205 2.65372 1.10337z m99.51401 20.6c0.95614 1.37479 1.6033 2.94034 1.897 4.58899l3.58899 0 0 4.10199-3.58899 0c-0.2937 1.64868-0.94086 3.2142-1.897 4.58902l2.539 2.54599-2.89301 2.901-2.53799-2.54599c-1.36929 0.95914-2.93125 1.60822-4.577 1.90198l0 3.599-4.08999 0 0-3.599c-1.64578-0.29376-3.20773-0.94284-4.57703-1.90198l-2.53799 2.54599-2.89301-2.901 2.539-2.54599c-0.95615-1.37482-1.6033-2.94034-1.897-4.58902l-3.58899 0 0-4.10199 3.58899 0c0.2937-1.64865 0.94086-3.2142 1.897-4.58899l-2.539-2.54599 2.89301-2.901 2.53799 2.54599c1.36929-0.95917 2.93124-1.60825 4.577-1.90201l0-3.599 4.08999 0 0 3.599c1.67899 0.29999 3.23199 0.961 4.577 1.90201l2.53799-2.54599 2.89301 2.901-2.53897 2.54599z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 108.75,
+ "height": 49.802978515625,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "hHlk2",
+ "x": 214,
+ "y": 290,
+ "geometry": "M75 81.802c0.99588-0.00131 1.95047-0.39822 2.65372-1.10336 0.70328-0.70514 1.09759-1.66074 1.09628-2.65665 0.00278-2.07397-1.676-3.75769-3.75-3.76098-2.074 0.0033-3.75278 1.68701-3.75 3.76098-0.00131 0.99591 0.39301 1.95151 1.09628 2.65665 0.70325 0.70514 1.65784 1.10205 2.65372 1.10336z m-25.97101-64.99899c1.91211 2.75 3.20608 5.88141 3.793 9.17899l7.17801 0 0 8.20401-7.17801 0c-0.58691 3.29758-1.88089 6.42902-3.793 9.17898l5.077 5.091-5.78501 5.801-5.078-5.09101c-2.73795 1.91806-5.86111 3.21619-9.15198 3.80402l0 7.198-8.182 0 0-7.198c-3.29086-0.58783-6.41403-1.88596-9.152-3.80402l-5.078 5.09101-5.785-5.801 5.07699-5.091c-1.91209-2.74997-3.20607-5.88141-3.793-9.17898l-7.17799 0 0-8.20402 7.17799 0c0.58693-3.29758 1.88091-6.42899 3.793-9.17898l-5.07699-5.091 5.785-5.801 5.078 5.091c2.73796-1.91806 5.86113-3.21619 9.152-3.80401l0-7.198 8.182 0 0 7.198c3.29086 0.58783 6.41403 1.88596 9.152 3.80401l5.07798-5.091 5.78501 5.801-5.077 5.091z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 78.75,
+ "height": 81.802001953125,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "Mc7vC",
+ "x": 16,
+ "y": 32,
+ "geometry": "M228 295.604c4.142 0 7.5-3.367 7.5-7.52099 0-4.15302-3.358-7.521-7.5-7.521-4.142 0-7.5 3.36801-7.5 7.521 0 4.15298 3.358 7.52099 7.5 7.52099z m-138-231.604l10.362 0c4.162 0 7.536 3.275 7.536 7.314l0 24.686c0-3.03-2.531-5.486-5.652-5.486l-12.246 0 0-26.514z m35.79601 0l-10.362 0c-4.16201 0-7.53601 3.275-7.53601 7.314l0 24.686c0-3.03 2.53-5.486 5.652-5.486l12.24601 0 0-26.514z m-125.79601-64l10.362 0c4.162 0 7.536 3.275 7.536 7.314l0 24.686c0-3.03-2.53-5.486-5.652-5.486l-12.246 0 0-26.514z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 235.5,
+ "height": 295.60400390625,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "wsWIC",
+ "x": 33.89799880981445,
+ "y": 32,
+ "geometry": "M17.898 0l-10.362 0c-4.162 0-7.536 3.275-7.536 7.314l0 24.686c0-3.03 2.53-5.486 5.652-5.486l12.246 0 0-26.514z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 17.89800262451172,
+ "height": 32,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "B38VL",
+ "x": 244,
+ "y": 384,
+ "geometry": "M14.25 23.99899l-12 0c-1.24265 0-2.25-1.00736-2.25-2.25l0-19.49899c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 11.16101",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 29.998992919921875,
+ "height": 23.998992919921875
+ },
+ {
+ "type": "path",
+ "id": "eGoRO",
+ "x": 244,
+ "y": 384,
+ "geometry": "M14.25 23.99899l-12 0c-1.24265 0-2.25-1.00736-2.25-2.25l0-19.49899c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 11.16101",
+ "width": 29.998992919921875,
+ "height": 23.998992919921875,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "D6WqA",
+ "x": 244,
+ "y": 384,
+ "geometry": "M0 2.25c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 6.75-29.99899 0 0-6.75z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 29.998992919921875,
+ "height": 9,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "pL4FD",
+ "x": 99.50900268554688,
+ "y": 201.21600341796875,
+ "geometry": "M0 22.84l8.565-22.84m10.669 22.84l-8.565-22.84",
+ "width": 19.23400115966797,
+ "height": 22.839996337890625,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "UKS8h",
+ "x": 105.9209976196289,
+ "y": 195.20599365234375,
+ "geometry": "M3.205 6.41c1.14503 0 2.20309-0.61087 2.77561-1.60249 0.57252-0.99164 0.57252-2.21338 0-3.205-0.57252-0.99164-1.63058-1.60251-2.77561-1.60251-1.77007 0-3.205 1.43494-3.205 3.205 0 1.77008 1.43493 3.205 3.205 3.205",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 6.410003662109375,
+ "height": 6.410003662109375,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "irUVV",
+ "x": 98.25,
+ "y": 192,
+ "geometry": "M21.751 23.241c-3.2387 2.09863-7.01681 3.21233-10.876 3.20601-3.85886 0.00612-7.63658-1.10757-10.875-3.20601m10.875-20.03501l0-3.20599m290.134 192.056l8.56501-22.84m10.669 22.84l-8.565-22.84",
+ "width": 320.2430114746094,
+ "height": 192.05599975585938,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "0Vmjl",
+ "x": 405.6709899902344,
+ "y": 355.20599365234375,
+ "geometry": "M3.20502 6.41c1.77008 0 3.20499-1.43494 3.20498-3.20498 0-1.77008-1.43491-3.20502-3.20498-3.20502-1.77008 0-3.20502 1.43494-3.20502 3.20502 0 1.77005 1.43494 3.20499 3.20502 3.20498",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 6.410003662109375,
+ "height": 6.410003662109375,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "xz2yj",
+ "x": 398,
+ "y": 352,
+ "geometry": "M21.75101 23.241c-3.23871 2.09863-7.01682 3.21234-10.87601 3.20599-3.85886 0.00613-7.6366-1.10754-10.875-3.20599m10.875-20.03501l0-3.20599",
+ "width": 21.751007080078125,
+ "height": 26.447021484375,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "yZ4CO",
+ "x": 424,
+ "y": 161,
+ "geometry": "M15 15c4.14215 0 7.5-3.35786 7.5-7.5 0-4.14214-3.35785-7.5-7.5-7.5l0 15z m0 0c0 4.14214 3.35785 7.5 7.5 7.5 4.14215 0 7.5-3.35786 7.5-7.5l-15 0z m0 0c0-4.14214-3.35785-7.5-7.5-7.5-4.14215 0-7.5 3.35786-7.5 7.5l15 0z m0 0c-4.14215 0-7.5 3.35786-7.5 7.5 0 4.14214 3.35785 7.5 7.5 7.5l0-15z",
+ "width": 30,
+ "height": 30,
"stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 2,
- "padding": 2,
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "lANhX",
- "name": "sprite01",
- "width": 84,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 0.9375
- },
- "layout": "none",
- "children": [
- {
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "xylAx",
- "x": 12,
- "y": 0,
- "name": "image-00043-3673961838-ok-1",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 60,
- "height": 60,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- },
- {
- "type": "frame",
- "id": "ygCLh",
- "name": "sprite-name-chip-14",
- "width": 84,
- "height": 22,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- }
- },
- "gap": 10,
- "padding": [
- 0,
- 8
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "CTmUz",
- "name": "Sprite01",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.6,
- "textAlign": "center",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
- }
- ]
- }
- ]
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "L4fey",
+ "x": 334,
+ "y": 194,
+ "geometry": "M30 7.5l-7.5-7.5-2.81201 2.812-2.81299 2.813-5.625 5.625-5.625 5.625-2.81299 2.813-2.81201 2.812 7.5 7.5 22.5-22.5z m-10.31201-4.688l-16.87601 16.87599m0.93799-0.93801l3 3m0.75-6.75l4.5 4.5m-0.75-8.25l3 3m0.75-6.75l4.5 4.5m-0.75-8.25l3 3",
+ "width": 30,
+ "height": 30,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
}
]
}
]
}
]
- },
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "by2Rg",
+ "name": "side-panel-stack",
+ "height": 369,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 20,
+ "children": [
+ {
+ "type": "frame",
+ "id": "P1BzU",
+ "name": "assets-stage-row",
+ "width": 492,
+ "height": 369,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 20,
+ "justifyContent": "space_between",
+ "children": [
{
"type": "frame",
- "id": "uijuX",
- "name": "sprite-panel-inspector",
- "width": 312,
- "fill": "$--ui-color-grey-100",
+ "id": "tPSrx",
+ "name": "sprite-sound-panels",
+ "clip": true,
+ "width": 392,
+ "height": "fill_container",
+ "fill": "$grey100",
+ "cornerRadius": 20,
"stroke": {
"align": "inside",
- "thickness": {
- "top": 1
- }
+ "thickness": 1
},
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "$--ui-color-title-a14",
+ "color": "$--ui-color-primary-300-aa6",
"offset": {
"x": 0,
"y": 4
},
- "blur": 21
+ "blur": 10.5
},
- "layout": "vertical",
- "gap": 12,
- "padding": 12,
- "justifyContent": "end",
"children": [
{
"type": "frame",
- "id": "YkHTR",
- "name": "sprite-inspector-header",
- "width": "fill_container",
- "height": 32,
+ "id": "8LRdH",
+ "name": "sprite-panel",
+ "clip": true,
+ "width": 312,
+ "height": 371,
+ "fill": "$grey100",
"stroke": {
"align": "inside",
- "thickness": 1
- },
- "padding": [
- 4,
- 0
- ],
- "justifyContent": "space_between",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "fn3Zp",
- "name": "sprite-item-header",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 8,
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "ZqrWl",
- "name": "输入文本",
- "fill": "$--ui-color-title",
- "content": "Sprite01",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "rs2hl",
- "name": "icon-edit-filled",
- "width": 14,
- "height": 14,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "3xmgx",
- "x": 1.75,
- "y": 1.7511392831802368,
- "name": "pen-line",
- "geometry": "M14.03711 8.99999l-9.03711 8.99804-5 0 0-5 8.99805-9.03698c0.117-0.118 0.30705-0.118 0.42505 0l4.61499 4.61499c0.117 0.117 0.11702 0.30695-0.00098 0.42395z m1.0708-1.474c0.117 0.117 0.30707 0.117 0.42407 0l1.87793-1.87793c0.784-0.784 0.784-2.05597 0-2.83997l-2.21997-2.22009c-0.784-0.784-2.05584-0.784-2.83984 0l-1.87818 1.87805c-0.117 0.117-0.117 0.30695 0 0.42395l4.63599 4.63599z m2.89209 9.72204l-7 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l7 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
- "fill": "$--ui-color-text",
- "width": 10.9375,
- "height": 10.936352729797363,
- "stroke": {
- "align": "inside",
- "thickness": 0.5833333730697632
- }
- }
- ]
- }
- ]
+ "thickness": {
+ "right": 1
},
- {
- "type": "frame",
- "id": "gxJWn",
- "name": "sprite-inspector-action",
- "cornerRadius": [
- 0,
- 0,
- 2,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "enabled": false,
- "color": "$--ui-shadow-custom-1",
- "offset": {
- "x": 0,
- "y": -2
- },
- "blur": 7
- },
- "gap": 10,
- "padding": 4,
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "DGSx1",
- "name": "icon-fold-outlined",
- "width": 16,
- "height": 16,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1.5
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "Pb6yB",
- "x": 2.3447265625,
- "y": 2.7998046875,
- "name": "vector",
- "geometry": "M1.06066 3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z m0-3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z",
- "fill": "$--ui-color-hint-2",
- "width": 11.313708305358887,
- "height": 10.374252319335938
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "Gn2N6",
- "name": "sprite-inspector-inputs",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
+ "fill": "$grey300"
},
- "gap": 12,
+ "layout": "vertical",
"children": [
{
"type": "frame",
- "id": "QzdM6",
- "name": "input-01",
- "clip": true,
- "width": 82,
+ "id": "mvd1c",
+ "name": "sprite-panel-list",
+ "width": "fill_container",
+ "height": "fill_container",
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "right": 1
+ }
},
"layout": "vertical",
- "gap": 4,
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "5KDFr",
- "name": "input-field",
+ "id": "e6fHj",
+ "name": "sprite-panel-header",
+ "clip": true,
"width": "fill_container",
- "height": 32,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 12,
+ "height": 44,
+ "fill": "$yellow500",
"stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 8,
- "padding": [
- 5,
- 12
- ],
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "lP3Ix",
- "name": "prefix-text",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 8,
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "u66hP",
- "name": "Text",
- "fill": "$--ui-color-hint-1",
- "content": "X",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "T9Sz9",
- "name": "Text",
- "fill": "$--ui-color-title",
- "content": "-343",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- },
+ "align": "inside",
+ "thickness": {
+ "bottom": 1
+ }
+ },
+ "gap": 10,
+ "padding": [
+ 9,
+ 16
+ ],
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
{
"type": "text",
- "id": "NMvlv",
- "name": "Text",
- "enabled": false,
- "fill": "$--ui-color-hint-1",
- "content": "Dir ",
- "lineHeight": 1.5714285714285714,
+ "id": "gzASv",
+ "name": "Sprites",
+ "fill": "$--ui-color-grey-100",
+ "content": "Sprites",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
"fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
+ "fontSize": 16,
"fontWeight": "normal"
},
{
"type": "frame",
- "id": "HJXEf",
- "name": "button-close-button",
- "enabled": false,
- "width": 20,
- "height": 20,
- "cornerRadius": 713.5714721679688,
+ "id": "AfO5t",
+ "name": "sprite-add-button",
+ "width": 28,
+ "height": 28,
+ "cornerRadius": 14,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "gap": 10,
+ "padding": 10,
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "94E4p",
- "x": 2.8571252822875977,
- "y": 2.8572123050689697,
- "name": "icon-times-outlined",
- "width": 14.285715103149414,
- "height": 14.285715103149414,
- "stroke": {
- "align": "inside",
- "thickness": 1.1904762983322144
- },
+ "id": "kkGE2",
+ "name": "icon-plus",
+ "width": 16,
+ "height": 16,
"layout": "none",
"children": [
{
"type": "path",
- "id": "qfSV6",
- "x": 2.9760453701019287,
- "y": 2.9760453701019287,
- "name": "times",
- "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
- "fill": "$--ui-color-hint-2",
- "width": 8.333632469177246,
- "height": 8.333464622497559,
- "stroke": {
- "align": "inside",
- "thickness": 1.1904762983322144
- }
+ "id": "7vKpH",
+ "x": 2.082094083846414,
+ "y": 1.8376237714321633,
+ "geometry": "M9 0c0.82843 0 1.5 0.67157 1.5 1.5l0 6 6 0c0.82843 0 1.5 0.67157 1.5 1.5 0 0.82843-0.67157 1.5-1.5 1.5l-6 0 0 6c0 0.82843-0.67157 1.5-1.5 1.5-0.82843 0-1.5-0.67157-1.5-1.5l0-6-6 0c-0.82843 0-1.5-0.67157-1.5-1.5 0-0.82843 0.67157-1.5 1.5-1.5l6 0 0-6c0-0.82843 0.67157-1.5 1.5-1.5",
+ "fill": "$--ui-color-grey-100",
+ "width": 12,
+ "height": 12
}
]
}
@@ -2104,108 +7462,278 @@
}
]
},
- {
- "type": "text",
- "id": "FbgN8",
- "name": "hint text",
- "enabled": false,
- "fill": "$--ui-color-hint-1",
- "content": "Please enter 8-20 characters",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "Ze7DZ",
- "name": "input-02",
- "clip": true,
- "width": 82,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 4,
- "children": [
{
"type": "frame",
- "id": "TVSpD",
- "name": "input-field",
+ "id": "EG0ut",
+ "name": "sprite-panel-list-content",
"width": "fill_container",
- "height": 32,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 12,
+ "height": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
"gap": 8,
"padding": [
- 5,
- 12
+ 12,
+ 16
],
- "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "x5JQc",
- "name": "prefix-text",
- "width": "fill_container",
+ "id": "0YgFW",
+ "name": "sprite-card-01",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 8,
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "text",
- "id": "eBno5",
- "name": "Text",
- "fill": "$--ui-color-hint-1",
- "content": "Y",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "JB4m7",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$yellow200",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 2,
+ "fill": "$yellow500"
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "qaHML",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "TNwhZ",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "H7atY",
+ "name": "sprite-name-chip-01",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "9WSl5",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
},
{
- "type": "text",
- "id": "7pX4n",
- "name": "Text",
- "fill": "$--ui-color-title",
- "content": "-499",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "sYk0q",
+ "x": 68,
+ "y": -4,
+ "name": "more",
+ "width": 24,
+ "height": 24,
+ "fill": "$yellow500",
+ "cornerRadius": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.7674450874328613
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "x3Qbz",
+ "x": 4,
+ "y": 4,
+ "name": "icon-more-horizontal-filled",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "YXXx0",
+ "x": 1.3433431386947632,
+ "y": 6.666666507720947,
+ "name": "more-horizontal",
+ "geometry": "M2.005 4c-1.104 0-2.005-0.896-2.005-2 0-1.104 0.89-2 1.995-2l0.01 0c1.104 0 2 0.896 2 2 0 1.104-0.895 2-2 2z m10.00001-2c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.995 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z m8 0c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.99499 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z",
+ "fill": "$grey100",
+ "width": 13.336669921875,
+ "height": 2.6666667461395264,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
}
]
},
{
- "type": "text",
- "id": "MBnO4",
- "name": "Text",
- "enabled": false,
- "fill": "$--ui-color-hint-1",
- "content": "Dir ",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "3d8ls",
+ "name": "sprite-card-02",
+ "width": 88,
+ "height": 88,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "hNRW8",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "rm43J",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "LJoF3",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Q0bmt",
+ "name": "sprite-name-chip-02",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "bO78L",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
},
{
"type": "frame",
- "id": "srUhb",
- "name": "button-close-button",
- "enabled": false,
- "width": 20,
- "height": 20,
- "cornerRadius": 713.5714721679688,
+ "id": "ouDv2",
+ "name": "sprite-card-03",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
"thickness": 1
@@ -2214,90 +7742,149 @@
"children": [
{
"type": "frame",
- "id": "7KMyZ",
- "x": 2.8571252822875977,
- "y": 2.8572123050689697,
- "name": "icon-times-outlined",
- "width": 14.285715103149414,
- "height": 14.285715103149414,
+ "id": "L2otl",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1.1904762983322144
+ "thickness": 1
},
- "layout": "none",
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
"children": [
{
- "type": "path",
- "id": "tuD79",
- "x": 2.9760453701019287,
- "y": 2.9760453701019287,
- "name": "times",
- "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
- "fill": "$--ui-color-hint-2",
- "width": 8.333632469177246,
- "height": 8.333464622497559,
+ "type": "frame",
+ "id": "1Rq43",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
"stroke": {
"align": "inside",
- "thickness": 1.1904762983322144
- }
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "7R2lf",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "fill"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "h6GHK",
+ "name": "sprite-name-chip-03",
+ "width": 84,
+ "height": 22,
+ "fill": {
+ "type": "color",
+ "color": "$grey1000",
+ "enabled": false
+ },
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "l0wsb",
+ "name": "Sprite01",
+ "fill": "$--ui-color-title",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
}
]
}
]
}
]
- },
- {
- "type": "text",
- "id": "WkCLg",
- "name": "hint text",
- "enabled": false,
- "fill": "$--ui-color-hint-1",
- "content": "Please enter 8-20 characters",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "BHGys",
- "name": "input-03",
- "clip": true,
- "width": 100,
+ "id": "HK08X",
+ "name": "sprite-panel-inspector",
+ "width": 312,
+ "fill": "$grey100",
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "top": 1
+ }
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
},
"layout": "vertical",
- "gap": 4,
+ "gap": 12,
+ "padding": 12,
+ "justifyContent": "end",
"children": [
{
"type": "frame",
- "id": "FbxP8",
- "name": "input-field",
+ "id": "hanNT",
+ "name": "sprite-inspector-header",
"width": "fill_container",
"height": 32,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 8,
"padding": [
- 5,
- 12
+ 4,
+ 0
],
+ "justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "MCp9W",
- "name": "prefix-text",
- "width": "fill_container",
+ "id": "R33mM",
+ "name": "sprite-item-header",
"stroke": {
"align": "inside",
"thickness": 1
@@ -2307,81 +7894,102 @@
"children": [
{
"type": "text",
- "id": "z1Mys",
- "name": "Text",
- "fill": "$--ui-color-hint-1",
- "content": "Size",
- "lineHeight": 1.5714285714285714,
+ "id": "UH00y",
+ "name": "输入文本",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.5384615384615385,
"fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
+ "fontSize": 13,
"fontWeight": "normal"
},
{
- "type": "text",
- "id": "jka65",
- "name": "Text",
- "fill": "$--ui-color-title",
- "content": "100",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "NblCu",
+ "name": "icon-edit-filled",
+ "width": 14,
+ "height": 14,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "pbjlK",
+ "x": 1.75,
+ "y": 1.7511392831802368,
+ "name": "pen-line",
+ "geometry": "M14.03711 8.99999l-9.03711 8.99804-5 0 0-5 8.99805-9.03698c0.117-0.118 0.30705-0.118 0.42505 0l4.61499 4.61499c0.117 0.117 0.11702 0.30695-0.00098 0.42395z m1.0708-1.474c0.117 0.117 0.30707 0.117 0.42407 0l1.87793-1.87793c0.784-0.784 0.784-2.05597 0-2.83997l-2.21997-2.22009c-0.784-0.784-2.05584-0.784-2.83984 0l-1.87818 1.87805c-0.117 0.117-0.117 0.30695 0 0.42395l4.63599 4.63599z m2.89209 9.72204l-7 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l7 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
+ "fill": "$grey900",
+ "width": 10.9375,
+ "height": 10.936352729797363,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.5833333730697632
+ }
+ }
+ ]
}
]
},
- {
- "type": "text",
- "id": "jgdlD",
- "name": "Text",
- "fill": "$--ui-color-title",
- "content": "% ",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "0c6rU",
- "name": "button-close-button",
- "enabled": false,
- "width": 20,
- "height": 20,
- "cornerRadius": 713.5714721679688,
+ "id": "Y7wPE",
+ "name": "sprite-inspector-action",
+ "cornerRadius": [
+ 0,
+ 0,
+ 2,
+ 2
+ ],
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "enabled": false,
+ "color": "$--ui-shadow-custom-1",
+ "offset": {
+ "x": 0,
+ "y": -2
+ },
+ "blur": 7
+ },
+ "gap": 10,
+ "padding": 4,
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "1OpVo",
- "x": 2.8571252822875977,
- "y": 2.8572123050689697,
- "name": "icon-times-outlined",
- "width": 14.285715103149414,
- "height": 14.285715103149414,
+ "id": "xoQ0M",
+ "name": "icon-fold-outlined",
+ "width": 16,
+ "height": 16,
+ "fill": {
+ "type": "color",
+ "color": "$grey100",
+ "enabled": false
+ },
"stroke": {
"align": "inside",
- "thickness": 1.1904762983322144
+ "thickness": 1.5
},
"layout": "none",
"children": [
{
"type": "path",
- "id": "QTmCa",
- "x": 2.9760453701019287,
- "y": 2.9760453701019287,
- "name": "times",
- "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "id": "MAMKW",
+ "x": 2.3447265625,
+ "y": 2.7998046875,
+ "name": "vector",
+ "geometry": "M1.06066 3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z m0-3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z",
"fill": "$--ui-color-hint-2",
- "width": 8.333632469177246,
- "height": 8.333464622497559,
- "stroke": {
- "align": "inside",
- "thickness": 1.1904762983322144
- }
+ "width": 11.313708305358887,
+ "height": 10.374252319335938
}
]
}
@@ -2389,253 +7997,309 @@
}
]
},
- {
- "type": "text",
- "id": "2ajNO",
- "name": "hint text",
- "enabled": false,
- "fill": "$--ui-color-hint-1",
- "content": "Please enter 8-20 characters",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "2dhN3",
- "name": "sprite-inspector-actions",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 16,
- "children": [
- {
- "type": "frame",
- "id": "vITpf",
- "name": "sprite-inspector-group",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 12,
- "justifyContent": "center",
- "children": [
{
"type": "frame",
- "id": "Mge3c",
- "name": "sprite-inspector-row-01",
+ "id": "wVea6",
+ "name": "sprite-inspector-inputs",
+ "width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 16,
- "alignItems": "center",
+ "gap": 12,
"children": [
{
"type": "frame",
- "id": "8TyUL",
- "name": "sprite-inspector-toggle-row",
+ "id": "4O9uJ",
+ "name": "input-01",
+ "clip": true,
+ "width": 82,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "layout": "vertical",
"gap": 4,
- "padding": [
- 5,
- 0
- ],
- "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "trikz",
- "name": "sprite-inspector-toggle",
+ "id": "lG08D",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
"alignItems": "center",
"children": [
+ {
+ "type": "frame",
+ "id": "thf4V",
+ "name": "prefix-text",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "0M3hG",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "X",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "G38MB",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "-343",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
{
"type": "text",
- "id": "oGmUZ",
- "name": "输入文本",
- "fill": "$--ui-color-text",
- "content": "Rotation",
+ "id": "UQMxd",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
"lineHeight": 1.5714285714285714,
"fontFamily": "Alibaba Health Font 2.0 CN",
"fontSize": 14,
"fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "CXMmR",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "H45Cx",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "sdz9r",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
}
]
+ },
+ {
+ "type": "text",
+ "id": "Dcyot",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "xL2HM",
- "name": "tab-combination-tab",
+ "id": "cjMvj",
+ "name": "input-02",
"clip": true,
- "cornerRadius": 12,
+ "width": 82,
"stroke": {
"align": "inside",
"thickness": 1
},
- "alignItems": "center",
+ "layout": "vertical",
+ "gap": 4,
"children": [
{
"type": "frame",
- "id": "DTsB3",
- "name": "tab-text-icon-01",
- "clip": true,
- "width": 32,
+ "id": "8NgJj",
+ "name": "input-field",
+ "width": "fill_container",
"height": 32,
- "fill": "$--ui-color-primary-200",
+ "fill": "$grey300",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "hbOBr",
- "x": 8,
- "y": 8,
- "name": "icon-rotate-around-outlined",
- "clip": true,
- "width": 16,
- "height": 16,
+ "id": "o8Nhg",
+ "name": "prefix-text",
+ "width": "fill_container",
"stroke": {
"align": "inside",
- "thickness": 1.2000000476837158
+ "thickness": 1
},
- "layout": "none",
+ "gap": 8,
+ "alignItems": "center",
"children": [
{
- "type": "path",
- "id": "0q79j",
- "x": 2,
- "y": 3,
- "name": "rotate",
- "geometry": "M13.87862 6.62313l-2.25764 3.52021c-0.28889 0.46009-0.95228 0.46009-1.25187 0l-2.24695-3.52021c-0.32099-0.49219 0.0321-1.14487 0.62059-1.14487l1.28397 0c-0.24609-2.03295-1.96875-3.60581-4.05627-3.60581-2.25657 0-4.098 1.84035-4.098 4.098 0 2.25764 1.84142 4.098 4.098 4.098 0.51466 0 0.93088 0.41622 0.93088 0.93087 0 0.52429-0.41622 0.94158-0.93088 0.94158-3.29552 0-5.97045-2.67493-5.97045-5.97045 0-3.28482 2.67493-5.97045 5.97045-5.97045 3.12432 0 5.69333 2.41814 5.93942 5.47826l1.34817 0c0.58848 0 0.94158 0.65268 0.62058 1.14487z",
- "fillRule": "evenodd",
- "fill": "$--ui-color-primary-main",
- "width": 12,
- "height": 10.235055923461914,
- "stroke": {
- "align": "inside",
- "thickness": 1.5
- }
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "wMeKs",
- "name": "tab-text-icon-02",
- "clip": true,
- "width": 32,
- "height": 32,
- "fill": "$--ui-color-disabled-bg",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "frame",
- "id": "Q09iB",
- "x": 8,
- "y": 8,
- "name": "icon-left-right",
- "width": 16,
- "height": 16,
- "layout": "none",
- "children": [
+ "type": "text",
+ "id": "5W6W3",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "Y",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
{
- "type": "path",
- "id": "Xu10r",
- "x": 1.0000327825546265,
- "y": 2.5703377723693848,
- "geometry": "M9.69297 8.97866l0-6.639c0-0.44 0.533-0.66 0.845-0.35l3.317 3.32c0.093 0.09253 0.14529 0.21831 0.14529 0.3495 0 0.13119-0.05229 0.25697-0.14529 0.3495l-3.317 3.317c-0.14131 0.1413-0.35372 0.18377-0.5385 0.10767-0.18478-0.0761-0.30568-0.25584-0.3065-0.45567m-3.079-7.787c0.07541 0.02378 0.15393 0.03625 0.233 0.037 0.16454 0.00111 0.32319-0.06121 0.443-0.174 0.05672-0.05985 0.10243-0.12925 0.135-0.205l0.002-0.004 0.003-0.012c0.02708-0.07038 0.04262-0.14467 0.046-0.22-0.00496-0.2479-0.15488-0.46984-0.383-0.567-0.23243-0.09365-0.49827-0.04064-0.677 0.135-0.05469 0.05885-0.1002 0.1256-0.135 0.198-0.0283 0.07505-0.04516 0.15393-0.05 0.234 0 0.08 0.024 0.151 0.046 0.22l0.004 0.012c0.037 0.075 0.086 0.15 0.135 0.21 0.062 0.049 0.123 0.098 0.198 0.136m-0.37 1.834c-0.00135-0.16369 0.06315-0.32106 0.17899-0.43671 0.11585-0.11566 0.27332-0.1799 0.43701-0.17829 0.332 0 0.616 0.27 0.616 0.615-0.00537 0.33779-0.2782 0.61018-0.616 0.615-0.3392-0.0011-0.6139-0.2758-0.615-0.615m0.603 7.828c-0.16232-0.00064-0.31746-0.06703-0.43-0.184-0.05504-0.05878-0.10089-0.12553-0.136-0.198l-0.004-0.011c-0.022-0.07-0.046-0.141-0.046-0.223 0.00504-0.07939 0.02189-0.15758 0.05-0.232 0.13454-0.31389 0.49554-0.46238 0.812-0.334 0.07299 0.03369 0.13963 0.07969 0.197 0.136 0.05 0.049 0.098 0.123 0.137 0.198 0.02777 0.07447 0.04428 0.15266 0.049 0.232-0.00306 0.07634-0.0186 0.15168-0.046 0.223l-0.003 0.011-0.006 0.01c-0.02852 0.07196-0.07337 0.13632-0.131 0.188-0.11566 0.12026-0.27617 0.18693-0.443 0.184m0.012-6.043c-0.16352-0.00135-0.32073 0.06302-0.43636 0.17865-0.11563 0.11563-0.17999 0.27284-0.17864 0.43635 0 0.344 0.27 0.616 0.615 0.616 0.3393-0.00218 0.61382-0.2767 0.616-0.616-0.0011-0.33959-0.27641-0.61445-0.616-0.615m-0.615 3.028c-0.00162-0.16369 0.06263-0.32116 0.17828-0.437 0.11566-0.11585 0.27302-0.18034 0.43672-0.179 0.332 0 0.616 0.271 0.616 0.616-0.00537 0.33779-0.2782 0.61018-0.616 0.615-0.3392-0.0011-0.6139-0.2758-0.615-0.615m-1.939-5.497l0 6.638c0 0.439-0.532 0.66-0.843 0.348l-3.319-3.319c-0.19196-0.19307-0.19196-0.50493 0-0.698l3.319-3.318c0.1414-0.14115 0.3539-0.18323 0.53842-0.10662 0.18452 0.07661 0.30473 0.25683 0.30458 0.45662",
- "fill": "#000000",
- "width": 14.000261902809143,
- "height": 10.852755069732666
+ "type": "text",
+ "id": "Uk6Z9",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "-499",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
}
]
- }
- ]
- },
- {
- "type": "frame",
- "id": "OVlJC",
- "name": "tab-text-icon-03",
- "clip": true,
- "width": 32,
- "height": 32,
- "fill": "$--ui-color-disabled-bg",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
+ },
+ {
+ "type": "text",
+ "id": "zuMn2",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
{
"type": "frame",
- "id": "b9ig6",
- "x": 8,
- "y": 8,
- "name": "icon-rotate-around-outlined",
- "clip": true,
- "width": 16,
- "height": 16,
+ "id": "7rYhD",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
"stroke": {
"align": "inside",
- "thickness": 1.2000000476837158
+ "thickness": 1
},
"layout": "none",
"children": [
{
- "type": "path",
- "id": "notXP",
- "x": 1.9999998807907104,
- "y": 1.9999998807907104,
- "name": "combined-shape",
- "geometry": "M9.58889 5.06904l1.27461-1.50636c0.58525 0.84065 0.95975 1.83835 1.04638 2.91559l1.34817 0c0.58849 0 0.94158 0.65268 0.62058 1.14487l-2.25764 3.52021c-0.28889 0.46009-0.95228 0.46009-1.25187 0l-2.24694-3.52021c-0.32099-0.49219 0.0321-1.14487 0.62058-1.14487l1.28397 0c-0.06096-0.50362-0.21255-0.979-0.43784-1.40923z m2.34341-4.31762l-10.51398 12.42562c-0.01924 0.02274-0.0361 0.04669-0.0506 0.07156l-0.48602 0.57438c-0.17837 0.2108-0.49386 0.23709-0.70466 0.05872-0.2108-0.17837-0.23709-0.49386-0.05872-0.70466l1.6577-1.9591c-1.09629-1.0827-1.77601-2.58624-1.77601-4.24748 0-3.28482 2.67493-5.97045 5.97045-5.97045 1.30351 0 2.51035 0.42092 3.49216 1.13376l1.6557-1.95673c0.17837-0.2108 0.49386-0.23709 0.70466-0.05872 0.18806 0.15913 0.22928 0.4274 0.10932 0.6331z m-8.51837 11.6153l1.27314-1.50462c0.40401 0.13386 0.83553 0.20636 1.28339 0.20636 0.51466 0 0.93088 0.41622 0.93088 0.93087 0 0.52429-0.41622 0.94158-0.93088 0.94158-0.91462 0-1.78143-0.20604-2.55653-0.57419z m4.83428-8.79773c-0.65088-0.43991-1.43455-0.69653-2.27775-0.69653-2.25657 0-4.098 1.84035-4.098 4.098 0 1.08612 0.42618 2.07565 1.11975 2.81017l5.256-6.21164z",
- "fillRule": "evenodd",
- "fill": "$--ui-color-title",
- "width": 12.000000953674316,
- "height": 12.000008583068848,
+ "type": "frame",
+ "id": "FSAly",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
"stroke": {
"align": "inside",
- "thickness": 1.2857134342193604
- }
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "6IRh9",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
}
]
}
]
+ },
+ {
+ "type": "text",
+ "id": "FxNAG",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "J33gZ",
- "name": "input",
+ "id": "CYGzq",
+ "name": "input-03",
"clip": true,
- "width": 102,
+ "width": 100,
"stroke": {
"align": "inside",
"thickness": 1
@@ -2645,11 +8309,11 @@
"children": [
{
"type": "frame",
- "id": "r9E0n",
+ "id": "BUEdE",
"name": "input-field",
"width": "fill_container",
"height": 32,
- "fill": "$--ui-color-disabled-bg",
+ "fill": "$grey300",
"cornerRadius": 12,
"stroke": {
"align": "inside",
@@ -2664,9 +8328,8 @@
"children": [
{
"type": "frame",
- "id": "r9AC7",
+ "id": "BiCYH",
"name": "prefix-text",
- "width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
@@ -2676,10 +8339,10 @@
"children": [
{
"type": "text",
- "id": "Yq7fB",
+ "id": "2AKJV",
"name": "Text",
- "fill": "$--ui-color-hint-1",
- "content": "Heading",
+ "fill": "$grey800",
+ "content": "Size",
"lineHeight": 1.5714285714285714,
"fontFamily": "Alibaba Health Font 2.0 CN",
"fontSize": 14,
@@ -2687,10 +8350,10 @@
},
{
"type": "text",
- "id": "1lCOl",
+ "id": "VNcgn",
"name": "Text",
- "fill": "$--ui-color-title",
- "content": "49",
+ "fill": "$grey1000",
+ "content": "100",
"lineHeight": 1.5714285714285714,
"fontFamily": "Alibaba Health Font 2.0 CN",
"fontSize": 14,
@@ -2700,11 +8363,10 @@
},
{
"type": "text",
- "id": "CSSI4",
+ "id": "hLFy9",
"name": "Text",
- "enabled": false,
- "fill": "$--ui-color-hint-1",
- "content": "Dir ",
+ "fill": "$grey800",
+ "content": "% ",
"lineHeight": 1.5714285714285714,
"fontFamily": "Alibaba Health Font 2.0 CN",
"fontSize": 14,
@@ -2712,7 +8374,7 @@
},
{
"type": "frame",
- "id": "Rop98",
+ "id": "TZcM0",
"name": "button-close-button",
"enabled": false,
"width": 20,
@@ -2726,7 +8388,7 @@
"children": [
{
"type": "frame",
- "id": "IKOhT",
+ "id": "6hjdO",
"x": 2.8571252822875977,
"y": 2.8572123050689697,
"name": "icon-times-outlined",
@@ -2736,680 +8398,1015 @@
"align": "inside",
"thickness": 1.1904762983322144
},
- "layout": "none",
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "sWBU1",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "PhRgZ",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ha1nF",
+ "name": "sprite-inspector-actions",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 16,
+ "children": [
+ {
+ "type": "frame",
+ "id": "SrdOZ",
+ "name": "sprite-inspector-group",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 12,
+ "justifyContent": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "eggtu",
+ "name": "sprite-inspector-row-01",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 16,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "IkqqE",
+ "name": "sprite-inspector-toggle-row",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 5,
+ 0
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "SVD8X",
+ "name": "sprite-inspector-toggle",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "rgmKq",
+ "name": "输入文本",
+ "fill": "$grey900",
+ "content": "Rotation",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "pdeD8",
+ "name": "tab-combination-tab",
+ "clip": true,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ABbBe",
+ "name": "tab-text-icon-01",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$turquoise200",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "pKCa4",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "fq4uI",
+ "x": 2,
+ "y": 3,
+ "name": "rotate",
+ "geometry": "M13.87862 6.62313l-2.25764 3.52021c-0.28889 0.46009-0.95228 0.46009-1.25187 0l-2.24695-3.52021c-0.32099-0.49219 0.0321-1.14487 0.62059-1.14487l1.28397 0c-0.24609-2.03295-1.96875-3.60581-4.05627-3.60581-2.25657 0-4.098 1.84035-4.098 4.098 0 2.25764 1.84142 4.098 4.098 4.098 0.51466 0 0.93088 0.41622 0.93088 0.93087 0 0.52429-0.41622 0.94158-0.93088 0.94158-3.29552 0-5.97045-2.67493-5.97045-5.97045 0-3.28482 2.67493-5.97045 5.97045-5.97045 3.12432 0 5.69333 2.41814 5.93942 5.47826l1.34817 0c0.58848 0 0.94158 0.65268 0.62058 1.14487z",
+ "fillRule": "evenodd",
+ "fill": "$turquoise500",
+ "width": 12,
+ "height": 10.235055923461914,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.5
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "tb5ZR",
+ "name": "tab-text-icon-02",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "aEklX",
+ "x": 8,
+ "y": 8,
+ "name": "icon-left-right",
+ "width": 16,
+ "height": 16,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "0F85s",
+ "x": 1.0000327825546265,
+ "y": 2.5703377723693848,
+ "geometry": "M9.69297 8.97866l0-6.639c0-0.44 0.533-0.66 0.845-0.35l3.317 3.32c0.093 0.09253 0.14529 0.21831 0.14529 0.3495 0 0.13119-0.05229 0.25697-0.14529 0.3495l-3.317 3.317c-0.14131 0.1413-0.35372 0.18377-0.5385 0.10767-0.18478-0.0761-0.30568-0.25584-0.3065-0.45567m-3.079-7.787c0.07541 0.02378 0.15393 0.03625 0.233 0.037 0.16454 0.00111 0.32319-0.06121 0.443-0.174 0.05672-0.05985 0.10243-0.12925 0.135-0.205l0.002-0.004 0.003-0.012c0.02708-0.07038 0.04262-0.14467 0.046-0.22-0.00496-0.2479-0.15488-0.46984-0.383-0.567-0.23243-0.09365-0.49827-0.04064-0.677 0.135-0.05469 0.05885-0.1002 0.1256-0.135 0.198-0.0283 0.07505-0.04516 0.15393-0.05 0.234 0 0.08 0.024 0.151 0.046 0.22l0.004 0.012c0.037 0.075 0.086 0.15 0.135 0.21 0.062 0.049 0.123 0.098 0.198 0.136m-0.37 1.834c-0.00135-0.16369 0.06315-0.32106 0.17899-0.43671 0.11585-0.11566 0.27332-0.1799 0.43701-0.17829 0.332 0 0.616 0.27 0.616 0.615-0.00537 0.33779-0.2782 0.61018-0.616 0.615-0.3392-0.0011-0.6139-0.2758-0.615-0.615m0.603 7.828c-0.16232-0.00064-0.31746-0.06703-0.43-0.184-0.05504-0.05878-0.10089-0.12553-0.136-0.198l-0.004-0.011c-0.022-0.07-0.046-0.141-0.046-0.223 0.00504-0.07939 0.02189-0.15758 0.05-0.232 0.13454-0.31389 0.49554-0.46238 0.812-0.334 0.07299 0.03369 0.13963 0.07969 0.197 0.136 0.05 0.049 0.098 0.123 0.137 0.198 0.02777 0.07447 0.04428 0.15266 0.049 0.232-0.00306 0.07634-0.0186 0.15168-0.046 0.223l-0.003 0.011-0.006 0.01c-0.02852 0.07196-0.07337 0.13632-0.131 0.188-0.11566 0.12026-0.27617 0.18693-0.443 0.184m0.012-6.043c-0.16352-0.00135-0.32073 0.06302-0.43636 0.17865-0.11563 0.11563-0.17999 0.27284-0.17864 0.43635 0 0.344 0.27 0.616 0.615 0.616 0.3393-0.00218 0.61382-0.2767 0.616-0.616-0.0011-0.33959-0.27641-0.61445-0.616-0.615m-0.615 3.028c-0.00162-0.16369 0.06263-0.32116 0.17828-0.437 0.11566-0.11585 0.27302-0.18034 0.43672-0.179 0.332 0 0.616 0.271 0.616 0.616-0.00537 0.33779-0.2782 0.61018-0.616 0.615-0.3392-0.0011-0.6139-0.2758-0.615-0.615m-1.939-5.497l0 6.638c0 0.439-0.532 0.66-0.843 0.348l-3.319-3.319c-0.19196-0.19307-0.19196-0.50493 0-0.698l3.319-3.318c0.1414-0.14115 0.3539-0.18323 0.53842-0.10662 0.18452 0.07661 0.30473 0.25683 0.30458 0.45662",
+ "fill": "$grey1000",
+ "width": 14.000261902809143,
+ "height": 10.852755069732666
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "2KvjP",
+ "name": "tab-text-icon-03",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ZWovt",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "OPRqg",
+ "x": 1.9999998807907104,
+ "y": 1.9999998807907104,
+ "name": "combined-shape",
+ "geometry": "M9.58889 5.06904l1.27461-1.50636c0.58525 0.84065 0.95975 1.83835 1.04638 2.91559l1.34817 0c0.58849 0 0.94158 0.65268 0.62058 1.14487l-2.25764 3.52021c-0.28889 0.46009-0.95228 0.46009-1.25187 0l-2.24694-3.52021c-0.32099-0.49219 0.0321-1.14487 0.62058-1.14487l1.28397 0c-0.06096-0.50362-0.21255-0.979-0.43784-1.40923z m2.34341-4.31762l-10.51398 12.42562c-0.01924 0.02274-0.0361 0.04669-0.0506 0.07156l-0.48602 0.57438c-0.17837 0.2108-0.49386 0.23709-0.70466 0.05872-0.2108-0.17837-0.23709-0.49386-0.05872-0.70466l1.6577-1.9591c-1.09629-1.0827-1.77601-2.58624-1.77601-4.24748 0-3.28482 2.67493-5.97045 5.97045-5.97045 1.30351 0 2.51035 0.42092 3.49216 1.13376l1.6557-1.95673c0.17837-0.2108 0.49386-0.23709 0.70466-0.05872 0.18806 0.15913 0.22928 0.4274 0.10932 0.6331z m-8.51837 11.6153l1.27314-1.50462c0.40401 0.13386 0.83553 0.20636 1.28339 0.20636 0.51466 0 0.93088 0.41622 0.93088 0.93087 0 0.52429-0.41622 0.94158-0.93088 0.94158-0.91462 0-1.78143-0.20604-2.55653-0.57419z m4.83428-8.79773c-0.65088-0.43991-1.43455-0.69653-2.27775-0.69653-2.25657 0-4.098 1.84035-4.098 4.098 0 1.08612 0.42618 2.07565 1.11975 2.81017l5.256-6.21164z",
+ "fillRule": "evenodd",
+ "fill": "$grey1000",
+ "width": 12.000000953674316,
+ "height": 12.000008583068848,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2857134342193604
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "iWUmz",
+ "name": "input",
+ "clip": true,
+ "width": 102,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "children": [
+ {
+ "type": "frame",
+ "id": "2b1ly",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
"children": [
{
- "type": "path",
- "id": "juXcn",
- "x": 2.9760453701019287,
- "y": 2.9760453701019287,
- "name": "times",
- "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
- "fill": "$--ui-color-hint-2",
- "width": 8.333632469177246,
- "height": 8.333464622497559,
+ "type": "frame",
+ "id": "6HlQT",
+ "name": "prefix-text",
+ "width": "fill_container",
"stroke": {
"align": "inside",
- "thickness": 1.1904762983322144
- }
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "FAhEn",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "Heading",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "6GZOV",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "49",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "GIooD",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "qgQVL",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "6uaLH",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "fDPgs",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
}
]
+ },
+ {
+ "type": "text",
+ "id": "sCQ6f",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
}
]
}
]
},
- {
- "type": "text",
- "id": "3Jk9d",
- "name": "hint text",
- "enabled": false,
- "fill": "$--ui-color-hint-1",
- "content": "Please enter 8-20 characters",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "4x320",
- "name": "sprite-inspector-row-02",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 16,
- "alignItems": "center",
- "children": [
- {
- "type": "group",
- "id": "HZHyY",
- "name": "group-1000004620",
- "layout": "horizontal",
- "gap": 4,
- "padding": [
- 5,
- 0
- ],
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "Mv8xv",
- "name": "Text",
- "fill": "$--ui-color-text",
- "content": "Show",
- "lineHeight": 1.5714285714285714,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "fQbDQ",
- "name": "sprite-inspector-tab",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
{
"type": "frame",
- "id": "OXfr0",
- "name": "tab-combination-tab",
- "clip": true,
- "cornerRadius": 12,
+ "id": "PJqPC",
+ "name": "sprite-inspector-row-02",
"stroke": {
"align": "inside",
"thickness": 1
},
+ "gap": 16,
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "QgpDP",
- "name": "tab-text-icon-04",
- "clip": true,
- "width": 32,
- "height": 32,
- "fill": "$--ui-color-primary-200",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
+ "type": "group",
+ "id": "xizhN",
+ "name": "group-1000004620",
+ "layout": "horizontal",
+ "gap": 4,
+ "padding": [
+ 5,
+ 0
+ ],
+ "alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "kS371",
- "x": 8,
- "y": 8,
- "name": "icon-rotate-around-outlined",
- "clip": true,
- "width": 16,
- "height": 16,
- "stroke": {
- "align": "inside",
- "thickness": 1.2000000476837158
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "fIXiq",
- "x": 2,
- "y": 3.3333332538604736,
- "name": "eye",
- "geometry": "M11.75004 7c0 1.517-1.233 2.75-2.75 2.75-1.517 0-2.75-1.233-2.75-2.75 0-0.349 0.07192-0.68004 0.19092-0.98804 0.194 0.154 0.42807 0.26001 0.69507 0.26001 0.627 0 1.13599-0.50899 1.13598-1.13598 0-0.267-0.10601-0.50107-0.26001-0.69507 0.308-0.119 0.63904-0.19092 0.98804-0.19092 1.517 0 2.75 1.233 2.75 2.75z m5.84204 1.47705c-1.227 2.054-3.98304 5.52295-8.59204 5.52295-4.609 0-7.36504-3.46895-8.59204-5.52295-0.544-0.91-0.544-2.0441 0-2.9541 1.227-2.054 3.98304-5.52295 8.59204-5.52295 4.609 0 7.36504 3.46895 8.59204 5.52295 0.544 0.91 0.544 2.0441 0 2.9541z m-4.34204-1.47705c0-2.343-1.906-4.25-4.25-4.25-2.344 0-4.25 1.907-4.25 4.25 0 2.343 1.906 4.25 4.25 4.25 2.344 0 4.25-1.907 4.25-4.25z",
- "fill": "$--ui-color-primary-main",
- "width": 12.000054359436035,
- "height": 9.333333015441895,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
+ "type": "text",
+ "id": "h88mY",
+ "name": "Text",
+ "fill": "$grey900",
+ "content": "Show",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "lTOoz",
- "name": "tab-text-icon-05",
- "clip": true,
- "width": 32,
- "height": 32,
- "fill": "$--ui-color-disabled-bg",
+ "id": "ygvuL",
+ "name": "sprite-inspector-tab",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "QHwSq",
- "x": 8,
- "y": 8,
- "name": "icon-rotate-around-outlined",
+ "id": "a8wtn",
+ "name": "tab-combination-tab",
"clip": true,
- "width": 16,
- "height": 16,
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": 1.2000000476837158
+ "thickness": 1
},
- "layout": "none",
+ "alignItems": "center",
"children": [
{
- "type": "path",
- "id": "TNGDg",
- "x": 1.5001627206802368,
- "y": 1.49951171875,
- "name": "eye-slash",
- "geometry": "M18.33987 8.27078c0.55 0.91 0.55 2.04996 0 2.95996-1.23 2.05-3.98009 5.52002-8.59009 5.52002-0.748 0-1.45196-0.09501-2.10596-0.26001-0.223-0.056-0.29313-0.34191-0.13012-0.50391l1.89599-1.896c0.116-0.116 0.26009-0.09009 0.34009-0.09008 2.344 0 4.25-1.907 4.25-4.25 0-0.08-0.01196-0.23804 0.07104-0.32105l2.74195-2.74194c0.127-0.127 0.3409-0.1139 0.4519 0.0271 0.44 0.556 0.79819 1.08891 1.0752 1.55591z m0.93994-6.98999l-18 18c-0.146 0.146-0.33803 0.21997-0.53003 0.21997-0.192 0-0.38403-0.07297-0.53003-0.21997-0.293-0.293-0.293-0.76804 0-1.06104l3.70508-3.70508c-1.27-1.081-2.19114-2.32791-2.76514-3.28491-0.55-0.91-0.55-2.04996 0-2.95996 1.23-2.05 3.98009-5.52002 8.59009-5.52002 1.824 0 3.34704 0.5469 4.61304 1.3269l3.85693-3.85693c0.293-0.293 0.76804-0.293 1.06104 0 0.293 0.293 0.29202 0.76804-0.00098 1.06104z m-13.01001 10.88891l1.08887-1.08887c-0.222-0.395-0.35889-0.84408-0.35889-1.33007 0-0.35 0.06994-0.67999 0.18994-0.98999 0.19 0.16 0.42995 0.26001 0.69995 0.26001 0.62 0 1.13013-0.51013 1.13013-1.13013 0-0.27-0.10001-0.50995-0.26001-0.69995 0.31-0.12 0.63999-0.18994 0.98999-0.18994 0.486 0 0.93608 0.13689 1.33008 0.35888l1.08886-1.08886c-0.688-0.482-1.51994-0.77002-2.41894-0.77002-2.34 0-4.25 1.91-4.25 4.25 0 0.9 0.28802 1.73095 0.77002 2.41894z",
- "fill": "$--ui-color-title",
- "width": 13.000031471252441,
- "height": 13.000503540039062,
+ "type": "frame",
+ "id": "Sv1Ee",
+ "name": "tab-text-icon-04",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$turquoise200",
"stroke": {
"align": "inside",
"thickness": 1
- }
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "C3GIg",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "q5jsi",
+ "x": 2,
+ "y": 3.3333332538604736,
+ "name": "eye",
+ "geometry": "M11.75004 7c0 1.517-1.233 2.75-2.75 2.75-1.517 0-2.75-1.233-2.75-2.75 0-0.349 0.07192-0.68004 0.19092-0.98804 0.194 0.154 0.42807 0.26001 0.69507 0.26001 0.627 0 1.13599-0.50899 1.13598-1.13598 0-0.267-0.10601-0.50107-0.26001-0.69507 0.308-0.119 0.63904-0.19092 0.98804-0.19092 1.517 0 2.75 1.233 2.75 2.75z m5.84204 1.47705c-1.227 2.054-3.98304 5.52295-8.59204 5.52295-4.609 0-7.36504-3.46895-8.59204-5.52295-0.544-0.91-0.544-2.0441 0-2.9541 1.227-2.054 3.98304-5.52295 8.59204-5.52295 4.609 0 7.36504 3.46895 8.59204 5.52295 0.544 0.91 0.544 2.0441 0 2.9541z m-4.34204-1.47705c0-2.343-1.906-4.25-4.25-4.25-2.344 0-4.25 1.907-4.25 4.25 0 2.343 1.906 4.25 4.25 4.25 2.344 0 4.25-1.907 4.25-4.25z",
+ "fill": "$turquoise500",
+ "width": 12.000054359436035,
+ "height": 9.333333015441895,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "PFogm",
+ "name": "tab-text-icon-05",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "6qFOr",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "XutrL",
+ "x": 1.5001627206802368,
+ "y": 1.49951171875,
+ "name": "eye-slash",
+ "geometry": "M18.33987 8.27078c0.55 0.91 0.55 2.04996 0 2.95996-1.23 2.05-3.98009 5.52002-8.59009 5.52002-0.748 0-1.45196-0.09501-2.10596-0.26001-0.223-0.056-0.29313-0.34191-0.13012-0.50391l1.89599-1.896c0.116-0.116 0.26009-0.09009 0.34009-0.09008 2.344 0 4.25-1.907 4.25-4.25 0-0.08-0.01196-0.23804 0.07104-0.32105l2.74195-2.74194c0.127-0.127 0.3409-0.1139 0.4519 0.0271 0.44 0.556 0.79819 1.08891 1.0752 1.55591z m0.93994-6.98999l-18 18c-0.146 0.146-0.33803 0.21997-0.53003 0.21997-0.192 0-0.38403-0.07297-0.53003-0.21997-0.293-0.293-0.293-0.76804 0-1.06104l3.70508-3.70508c-1.27-1.081-2.19114-2.32791-2.76514-3.28491-0.55-0.91-0.55-2.04996 0-2.95996 1.23-2.05 3.98009-5.52002 8.59009-5.52002 1.824 0 3.34704 0.5469 4.61304 1.3269l3.85693-3.85693c0.293-0.293 0.76804-0.293 1.06104 0 0.293 0.293 0.29202 0.76804-0.00098 1.06104z m-13.01001 10.88891l1.08887-1.08887c-0.222-0.395-0.35889-0.84408-0.35889-1.33007 0-0.35 0.06994-0.67999 0.18994-0.98999 0.19 0.16 0.42995 0.26001 0.69995 0.26001 0.62 0 1.13013-0.51013 1.13013-1.13013 0-0.27-0.10001-0.50995-0.26001-0.69995 0.31-0.12 0.63999-0.18994 0.98999-0.18994 0.486 0 0.93608 0.13689 1.33008 0.35888l1.08886-1.08886c-0.688-0.482-1.51994-0.77002-2.41894-0.77002-2.34 0-4.25 1.91-4.25 4.25 0 0.9 0.28802 1.73095 0.77002 2.41894z",
+ "fill": "$grey1000",
+ "width": 13.000031471252441,
+ "height": 13.000503540039062,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
}
]
}
]
}
]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "s2FKE",
- "name": "sound-panel",
- "width": "fill_container",
- "height": "fill_container",
- "fill": "$--ui-color-grey-100",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "My6Pv",
- "name": "sound-panel-header",
- "width": 80,
- "height": 44,
- "fill": "$--ui-color-grey-100",
- "stroke": {
- "align": "inside",
- "thickness": {
- "bottom": 1
- },
- "fill": "$--ui-color-disabled-bg"
- },
- "gap": 10,
- "padding": [
- 13,
- 12
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "Yi2ke",
- "name": "Sounds",
- "fill": "$--ui-color-title",
- "content": "Sounds",
- "lineHeight": 1.625,
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 16,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "mzzFt",
- "name": "sound-panel-list",
- "clip": true,
- "height": 318,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 8,
- "padding": 12,
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "qohbn",
- "name": "sound-panel-list-content",
- "clip": true,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 8,
- "children": [
- {
- "type": "frame",
- "id": "jaoYX",
- "name": "sound-card-01",
- "clip": true,
- "width": 56,
- "height": 56,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1.2727272510528564
- },
- "layout": "none",
- "children": [
- {
- "type": "frame",
- "id": "2Cfk6",
- "x": 16,
- "y": 16,
- "name": "icon-acoustic-outlined",
- "clip": true,
- "width": 23.999998092651367,
- "height": 23.999998092651367,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "Z0JIW",
- "x": 5.00000524520874,
- "y": 1.999755859375,
- "name": "vector",
- "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
- "fill": "$--ui-color-sound-main",
- "width": 13.999999046325684,
- "height": 19.999996185302734,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "J4krd",
- "name": "sound-card-02",
- "clip": true,
- "width": 56,
- "height": 56,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1.2727272510528564
- },
- "layout": "none",
- "children": [
- {
- "type": "frame",
- "id": "QaVgV",
- "x": 16,
- "y": 16,
- "name": "icon-acoustic-outlined",
- "clip": true,
- "width": 23.999998092651367,
- "height": 23.999998092651367,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "ghqSo",
- "x": 5.00000524520874,
- "y": 1.999755859375,
- "name": "vector",
- "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
- "fill": "$--ui-color-sound-main",
- "width": 13.999999046325684,
- "height": 19.999996185302734,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
+ }
+ ]
}
]
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "WcecJ",
+ "name": "sound-panel",
+ "width": "fill_container",
+ "height": "fill_container",
+ "fill": "$--ui-color-grey-100",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "JZwpv",
- "name": "sound-card-03",
- "clip": true,
- "width": 56,
- "height": 56,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "yYIU6",
+ "name": "sound-panel-header",
+ "width": 80,
+ "height": 44,
+ "fill": "$grey100",
"stroke": {
"align": "inside",
- "thickness": 1.2727272510528564
+ "thickness": {
+ "bottom": 1
+ },
+ "fill": "$grey400"
},
- "layout": "none",
+ "gap": 10,
+ "padding": [
+ 13,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "uma1H",
- "x": 16,
- "y": 16,
- "name": "icon-acoustic-outlined",
- "clip": true,
- "width": 23.999998092651367,
- "height": 23.999998092651367,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "t014N",
- "x": 5.00000524520874,
- "y": 1.999755859375,
- "name": "vector",
- "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
- "fill": "$--ui-color-sound-main",
- "width": 13.999999046325684,
- "height": 19.999996185302734,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
+ "type": "text",
+ "id": "0hWfd",
+ "name": "Sounds",
+ "fill": "$grey1000",
+ "content": "Sounds",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "BgxcY",
- "name": "sound-card-04",
+ "id": "X4tZx",
+ "name": "sound-panel-list",
"clip": true,
- "width": 56,
- "height": 56,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "height": 318,
"stroke": {
"align": "inside",
- "thickness": 1.2727272510528564
+ "thickness": 1
},
- "layout": "none",
+ "layout": "vertical",
+ "gap": 8,
+ "padding": 12,
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "c0PEa",
- "x": 16,
- "y": 16,
- "name": "icon-acoustic-outlined",
+ "id": "glbt3",
+ "name": "sound-panel-list-content",
"clip": true,
- "width": 23.999998092651367,
- "height": 23.999998092651367,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "layout": "vertical",
+ "gap": 8,
"children": [
{
- "type": "path",
- "id": "qZiGv",
- "x": 5.00000524520874,
- "y": 1.999755859375,
- "name": "vector",
- "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
- "fill": "$--ui-color-sound-main",
- "width": 13.999999046325684,
- "height": 19.999996185302734,
+ "type": "frame",
+ "id": "nrLBx",
+ "name": "sound-card-01",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
- }
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "PybKM",
- "name": "sound-panel-add-card",
- "clip": true,
- "width": 56,
- "height": 56,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 0.692307710647583
- },
- "layout": "vertical",
- "padding": 2,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "0HXaf",
- "name": "icon-more-horizontal-filled",
- "width": 24,
- "height": 24,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "f21Di",
- "x": 2.0150146484375,
- "y": 10,
- "name": "more-horizontal",
- "geometry": "M2.005 4c-1.104 0-2.005-0.896-2.005-2 0-1.104 0.89-2 1.995-2l0.01 0c1.104 0 2 0.896 2 2 0 1.104-0.895 2-2 2z m10.00001-2c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.995 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z m8 0c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.99499 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z",
- "fill": "$--ui-color-grey-100",
- "width": 20.0050048828125,
- "height": 4,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "1keEy",
- "name": "stage-panel",
- "clip": true,
- "width": 80,
- "height": "fill_container",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-primary-300-aa6",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 10.5
- },
- "layout": "vertical",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "IVYOm",
- "name": "stage-panel-content",
- "clip": true,
- "width": 80,
- "height": "fill_container",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 20,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "BRS6H",
- "name": "stage-panel-header",
- "width": "fill_container",
- "height": 44,
- "fill": "$--ui-color-grey-100",
- "stroke": {
- "align": "inside",
- "thickness": {
- "bottom": 1
- },
- "fill": "$--ui-color-disabled-bg"
- },
- "gap": 10,
- "padding": [
- 13,
- 12
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "1sp7L",
- "name": "Stage",
- "fill": "$--ui-color-title",
- "content": "Stage",
- "lineHeight": 1.625,
- "textAlignVertical": "middle",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 16,
- "fontWeight": "normal"
+ "thickness": 1.2727272510528564
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "Cq2yM",
+ "x": 16,
+ "y": 16,
+ "name": "icon-acoustic-outlined",
+ "clip": true,
+ "width": 23.999998092651367,
+ "height": 23.999998092651367,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "yswag",
+ "x": 5.00000524520874,
+ "y": 1.999755859375,
+ "name": "vector",
+ "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
+ "fill": "$purple500",
+ "width": 13.999999046325684,
+ "height": 19.999996185302734,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "b64t3",
+ "name": "sound-card-02",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2727272510528564
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "W9ahd",
+ "x": 16,
+ "y": 16,
+ "name": "icon-acoustic-outlined",
+ "clip": true,
+ "width": 23.999998092651367,
+ "height": 23.999998092651367,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "3Gi6N",
+ "x": 5.00000524520874,
+ "y": 1.999755859375,
+ "name": "vector",
+ "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
+ "fill": "$purple500",
+ "width": 13.999999046325684,
+ "height": 19.999996185302734,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Y5w6n",
+ "name": "sound-card-03",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2727272510528564
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "JenmV",
+ "x": 16,
+ "y": 16,
+ "name": "icon-acoustic-outlined",
+ "clip": true,
+ "width": 23.999998092651367,
+ "height": 23.999998092651367,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "os1c5",
+ "x": 5.00000524520874,
+ "y": 1.999755859375,
+ "name": "vector",
+ "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
+ "fill": "$purple500",
+ "width": 13.999999046325684,
+ "height": 19.999996185302734,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "eNFMl",
+ "name": "sound-card-04",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2727272510528564
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "0dvWC",
+ "x": 16,
+ "y": 16,
+ "name": "icon-acoustic-outlined",
+ "clip": true,
+ "width": 23.999998092651367,
+ "height": 23.999998092651367,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "vu7wy",
+ "x": 5.00000524520874,
+ "y": 1.999755859375,
+ "name": "vector",
+ "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
+ "fill": "$purple500",
+ "width": 13.999999046325684,
+ "height": 19.999996185302734,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "yXPXR",
+ "name": "sound-panel-add-card",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.692307710647583
+ },
+ "layout": "vertical",
+ "padding": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "wakeD",
+ "name": "icon-more-horizontal-filled",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "BDLH5",
+ "x": 2.0150146484375,
+ "y": 10,
+ "name": "more-horizontal",
+ "geometry": "M2.005 4c-1.104 0-2.005-0.896-2.005-2 0-1.104 0.89-2 1.995-2l0.01 0c1.104 0 2 0.896 2 2 0 1.104-0.895 2-2 2z m10.00001-2c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.995 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z m8 0c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.99499 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z",
+ "fill": "$--ui-color-grey-100",
+ "width": 20.0050048828125,
+ "height": 4,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
},
{
"type": "frame",
- "id": "w7QK7",
- "name": "stage-panel-list",
- "width": "fill_container",
+ "id": "PTHC2",
+ "name": "stage-panel",
+ "clip": true,
+ "width": 80,
"height": "fill_container",
+ "fill": "$grey100",
+ "cornerRadius": 20,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-primary-300-aa6",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 10.5
+ },
"layout": "vertical",
- "gap": 8,
- "padding": [
- 12,
- 0
- ],
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "FwW86",
- "name": "stage-card-01",
- "width": 56,
- "height": 44,
+ "id": "vnYZx",
+ "name": "stage-panel-content",
+ "clip": true,
+ "width": 80,
+ "height": "fill_container",
+ "fill": "$grey100",
+ "cornerRadius": 20,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
+ "layout": "vertical",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "1J9rt",
- "x": 0,
- "y": 0,
- "name": "stage-card-02",
- "clip": true,
- "width": 56,
+ "id": "9TJHg",
+ "name": "stage-panel-header",
+ "width": "fill_container",
"height": 44,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "fill": "$grey100",
"stroke": {
"align": "inside",
- "thickness": 0.692307710647583
+ "thickness": {
+ "bottom": 1
+ },
+ "fill": "$grey400"
},
- "layout": "vertical",
- "padding": 2,
+ "gap": 10,
+ "padding": [
+ 13,
+ 12
+ ],
"justifyContent": "center",
"alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "v76ri",
+ "name": "Stage",
+ "fill": "$grey1000",
+ "content": "Stage",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 16,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "6ryJz",
+ "name": "stage-panel-list",
+ "width": "fill_container",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 8,
+ "padding": [
+ 12,
+ 0
+ ],
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "rJphf",
- "name": "backdrop",
- "clip": true,
- "width": 52,
- "height": 40,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 6,
+ "id": "zCuQW",
+ "name": "stage-card-01",
+ "width": 56,
+ "height": 44,
"stroke": {
"align": "inside",
"thickness": 1
@@ -3417,26 +9414,65 @@
"layout": "none",
"children": [
{
- "type": "rectangle",
- "id": "10N1K",
- "x": -10,
+ "type": "frame",
+ "id": "L6nZd",
+ "x": 0,
"y": 0,
- "name": "image-00058-175191715-1",
- "fill": [
- {
- "type": "image",
- "enabled": false,
- "url": "",
- "mode": "stretch"
- },
- "#ffffff26"
- ],
- "width": 72,
- "height": 40,
+ "name": "stage-card-02",
+ "clip": true,
+ "width": 56,
+ "height": 44,
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
- }
+ "thickness": 0.692307710647583
+ },
+ "layout": "vertical",
+ "padding": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "50UyU",
+ "name": "backdrop",
+ "clip": true,
+ "width": 52,
+ "height": 40,
+ "fill": "$grey100",
+ "cornerRadius": 6,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "id": "bXsaQ",
+ "x": -10,
+ "y": 0,
+ "name": "image-00058-175191715-1",
+ "fill": [
+ {
+ "type": "image",
+ "enabled": false,
+ "url": "",
+ "mode": "stretch"
+ },
+ "#ffffff26"
+ ],
+ "width": 72,
+ "height": 40,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
}
]
}
@@ -3453,170 +9489,97 @@
]
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "OtlQK",
+ "x": 1206,
+ "y": 55,
+ "name": "Sprite Costumes Page",
+ "width": 1440,
+ "height": 900,
+ "fill": "#E9FCFF",
+ "layout": "vertical",
+ "gap": 20,
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "pSREW",
- "x": 20,
- "y": 70,
- "name": "editor-panel-main",
- "width": 888,
- "height": 810,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "FSVyg",
+ "name": "nav-bar-top",
+ "width": 1440,
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/navbar bg.png",
+ "mode": "fill"
+ },
"stroke": {
"align": "inside",
"thickness": 1
},
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-primary-300-aa6",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 10.5
- },
- "layout": "vertical",
+ "gap": 10,
+ "justifyContent": "space_between",
"children": [
{
"type": "frame",
- "id": "VHkDA",
- "name": "editor-panel-nav",
+ "id": "IoaVc",
+ "name": "nav-left",
"width": "fill_container",
"stroke": {
"align": "inside",
- "thickness": {
- "bottom": 1
- },
- "fill": "$--ui-color-dividing-line-2"
+ "thickness": 1
},
- "gap": 492,
- "padding": [
- 0,
- 16,
- 0,
- 0
- ],
- "justifyContent": "space_between",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "9j3pz",
- "name": "editor-tabs-bar",
- "clip": true,
- "cornerRadius": [
- 8,
- 8,
- 0,
- 0
- ],
+ "id": "juHjy",
+ "name": "nav-logo-wordmark",
+ "width": 150,
+ "height": 50,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.1190476194024086
},
+ "layout": "vertical",
+ "gap": 25,
+ "padding": [
+ 0,
+ 24
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "wqoic",
- "name": "editor-code-tab",
- "clip": true,
- "fill": "$--ui-color-sprite-main",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 9,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "AiC5B",
- "name": "Code",
- "fill": "$--ui-color-grey-100",
- "content": "Code",
- "lineHeight": 1.625,
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 16,
- "fontWeight": "85 B"
- }
- ]
- },
- {
- "type": "frame",
- "id": "74TqK",
- "name": "editor-costumes-tab",
- "opacity": 0.699999988079071,
- "clip": true,
- "fill": "$--ui-color-sprite-main",
- "stroke": {
- "align": "inside",
- "thickness": {
- "left": 1
- }
- },
- "gap": 10,
- "padding": [
- 9,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
+ "id": "tDpwG",
+ "name": "icon-logo",
+ "width": 102,
+ "height": 30,
+ "layout": "none",
"children": [
{
- "type": "text",
- "id": "dTjOr",
- "name": "Code",
- "fill": "$--ui-color-grey-100",
- "content": "Costumes",
- "lineHeight": 1.625,
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 16,
- "fontWeight": "85 B"
- }
- ]
- },
- {
- "type": "frame",
- "id": "aqHyf",
- "name": "editor-animations-tab",
- "opacity": 0.699999988079071,
- "clip": true,
- "fill": "$--ui-color-sprite-main",
- "stroke": {
- "align": "inside",
- "thickness": {
- "left": 1
- }
- },
- "gap": 10,
- "padding": [
- 9,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ "type": "path",
+ "id": "Oypdc",
+ "x": 2.1828083992004395,
+ "y": 5.349999904632568,
+ "geometry": "M94.05119 8.558l0 9.492c0 0.55228-0.44772 1-1 1l-1.572 0c-0.55228 0-1-0.44772-1-1l0-11.42c0-0.55228 0.44772-1 1-1l1.43 0c0.52493-0.00027 0.96072 0.40539 0.998 0.929l0.144 1.999z m3.77101-3.089c0.166 0.033 0.27 0.188 0.26699 0.358l-0.04799 2.576c-0.00391 0.11569-0.05538 0.22463-0.14227 0.30111-0.08689 0.07648-0.20149 0.1137-0.31674 0.10289l-0.182-0.014c-0.21816-0.02434-0.43748-0.03669-0.657-0.037q-0.757 0-1.315 0.199-0.546 0.186-0.918 0.558-0.36 0.372-0.546 0.905c-0.12135 0.39402-0.18797 0.80284-0.198 1.215l-0.72-0.223q0-1.302 0.261-2.393 0.26-1.104 0.757-1.923 0.508-0.818 1.24-1.265 0.73199-0.447 1.674-0.446 0.298 0 0.60801 0.05 0.128 0.015 0.236 0.036m-14.37501 13.829q-1.563 0-2.803-0.496c-0.79188-0.31696-1.50985-0.7939-2.109-1.401-0.57166-0.59624-1.0184-1.3007-1.314-2.072-0.30825-0.80769-0.46421-1.6655-0.46-2.53l0-0.496q0-1.526 0.435-2.79c0.26846-0.80454 0.68947-1.54981 1.24-2.195 0.54507-0.61985 1.22381-1.10779 1.985-1.427q1.165-0.508 2.629-0.508 1.425 0 2.52999 0.471 1.104 0.47 1.848 1.34 0.757 0.867 1.14 2.083 0.385 1.203 0.38501 2.679l0 1.488-10.666 0 0-2.381 7.156 0 0-0.273q0-0.744-0.272-1.327c-0.16454-0.38632-0.4411-0.71444-0.794-0.942q-0.534-0.348-1.364-0.348-0.708 0-1.216 0.31c-0.34576 0.21432-0.63136 0.513-0.83 0.868q-0.311 0.558-0.472 1.315c-0.10307 0.53948-0.15297 1.08777-0.149 1.637l0 0.496q0 0.807 0.223 1.489 0.236 0.681 0.658 1.178 0.434 0.495 1.041 0.769 0.62 0.273 1.402 0.273c0.61898 0.00534 1.23196-0.12149 1.798-0.372 0.42691-0.19455 0.8141-0.46646 1.142-0.802 0.172-0.176 0.46-0.188 0.627-0.007l1.202 1.305c0.12912 0.13487 0.13935 0.34418 0.02401 0.491-0.28361 0.33956-0.60577 0.64495-0.96001 0.91q-0.72 0.558-1.737 0.918-1.017 0.347-2.32 0.347m-12.055-3.175l0-15.123c0-0.55228 0.44772-1 1-1l1.597 0c0.55228 0 1 0.44772 1 1l0 17.05c0 0.55228-0.44772 1-1 1l-1.353 0c-0.50491-0.00027-0.93041-0.37687-0.992-0.878l-0.252-2.049z m-8.483-3.621l0-0.26q0-1.539 0.347-2.791 0.347-1.266 1.017-2.17c0.43062-0.59196 0.99629-1.07261 1.65-1.402q0.98-0.495 2.23201-0.496 1.179 0 2.059 0.496 0.893 0.495 1.513 1.414 0.632 0.904 1.01699 2.145 0.384 1.228 0.558 2.692l0 0.57c-0.10454 0.88381-0.29134 1.75592-0.558 2.605-0.23105 0.74982-0.57391 1.46048-1.017 2.108-0.3904 0.57381-0.90823 1.04954-1.51299 1.39q-0.893 0.495-2.084 0.495-1.252 0-2.23201-0.508c-0.64875-0.34257-1.20912-0.83106-1.637-1.427q-0.657-0.916-1.00499-2.158c-0.23847-0.88095-0.35522-1.79039-0.34701-2.703m3.572-0.26l0 0.26q0 0.83 0.124 1.55 0.135 0.72 0.434 1.277 0.31 0.546 0.794 0.856 0.495 0.298 1.203 0.298 0.917 0 1.51301-0.41 0.596-0.42 0.90499-1.153 0.323-0.732 0.372-1.687l0-1.623q-0.037-0.781-0.22299-1.402c-0.10155-0.39005-0.27818-0.75656-0.52001-1.079-0.2215-0.29577-0.511-0.53382-0.844-0.694q-0.497-0.248-1.178-0.248-0.694 0-1.191 0.322-0.496 0.31-0.806 0.856c-0.21233 0.40537-0.36299 0.84016-0.44699 1.29-0.09377 0.52373-0.13929 1.05495-0.13601 1.587m-6.458-12.242c0.55228 0 1 0.44772 1 1l0 17.05c0 0.55228-0.44772 1-1 1l-1.584 0c-0.55229 0-1-0.44772-1-1l0-17.05c0-0.55228 0.44772-1 1-1l1.584 0z m-6.214 5.63c0.55228 0 1 0.44772 1 1l0 11.42c0 0.55228-0.44772 1-1 1l-1.584 0c-0.55229 0-1-0.44772-1-1l0-11.42c0-0.55228 0.44771-1 1-1l1.584 0z m-2.807-3.497q0-0.78 0.545-1.29 0.546-0.508 1.464-0.508 0.906 0 1.451 0.509 0.558 0.508 0.558 1.29 0 0.78-0.558 1.29-0.545 0.508-1.451 0.508-0.918 0-1.464-0.509-0.545-0.508-0.545-1.29m-5.755 13.705l0-9.208c0-0.55228 0.44772-1 1-1l1.571 0c0.55228 0 1 0.44772 1 1l0 11.42c0 0.55228-0.44772 1-1 1l-1.424 0c-0.5271 0.00006-0.96374-0.40902-0.998-0.935l-0.149-2.277z m0.396-2.753l1.055-0.025q0 1.34-0.31 2.493-0.31 1.14-0.93 1.984c-0.41077 0.55143-0.94642 0.99763-1.563 1.302q-0.943 0.46-2.22 0.46c-0.61437 0.00516-1.22566-0.08732-1.811-0.274-0.53209-0.18206-1.01567-0.48302-1.414-0.88q-0.583-0.608-0.918-1.55-0.322-0.956-0.322-2.295l0-7.67c0-0.55229 0.44771-1 1-1l1.572 0c0.55229 0 1 0.44772 1 1l0 7.695q0 0.596 0.136 1.004 0.15 0.41 0.41 0.67 0.26 0.26 0.607 0.372 0.36 0.112 0.794 0.112 1.104 0 1.736-0.447 0.645-0.445 0.906-1.215 0.272-0.782 0.272-1.736m-16.755-1.96l-4.64 0-0.024-2.555 3.894 0q1.03 0 1.687-0.26 0.657-0.273 0.98-0.782 0.335-0.52 0.335-1.265 0-0.843-0.323-1.364-0.31-0.521-0.98-0.756-0.657-0.236-1.699-0.236l-2.58 0 0 15.143-2.12 0c-0.42435 0-0.83131-0.16857-1.13137-0.46863-0.30006-0.30006-0.46863-0.70703-0.46863-1.13137l0-14.858c0-0.42435 0.16857-0.83131 0.46863-1.13137 0.30006-0.30006 0.70702-0.46863 1.13137-0.46863l4.7 0q1.575 0 2.816 0.298 1.253 0.297 2.12 0.905c0.56768 0.38981 1.02511 0.91957 1.328 1.538q0.459 0.918 0.459 2.183 0 1.116-0.509 2.059-0.496 0.942-1.575 1.538-1.066 0.595-2.79 0.657l-1.079 0.955z m-0.162 7.925l-5.494 0 1.45-2.902 4.044 0q0.98 0 1.6-0.31 0.62-0.322 0.918-0.868 0.297-0.546 0.297-1.253 0-0.794-0.272-1.376c-0.1707-0.38558-0.46865-0.70084-0.844-0.893q-0.582-0.323-1.538-0.323l-3.584 0 0.025-2.555 4.465 0 0.855 1.005q1.65-0.026 2.655 0.583 1.017 0.595 1.475 1.55 0.472 0.956 0.472 2.046 0 1.737-0.757 2.927-0.756 1.179-2.22 1.774-1.451 0.595-3.54701 0.595m-11.27299-17.71c-0.917-0.825-1.745-0.722-2.41 0l-0.448 0.484 2.48 2.475 0.377-0.347c0.665-0.722 1.065-1.595 0-2.612m-15.43 13.398l-1.139 1.962-0.855 1.83c-0.11 0.235 0.134 0.48 0.369 0.37l1.829-0.857 1.956-1.144-0.002-0.002 0.006-0.001-2.164-2.158z m2.446 1.411l0.367 0.368 0.126-0.074 0.01-0.007 11.624-11.626-0.381-0.38-11.746 11.719z m-1.984-2.202l-0.008 0.009-0.074 0.127 1.572 1.573 11.748-11.719-1.615-1.615-11.623 11.625z",
+ "fill": "$grey100",
+ "width": 98.08925580978394,
+ "height": 19.29920244216919
+ },
{
- "type": "text",
- "id": "vLqhe",
- "name": "Code",
- "fill": "$--ui-color-grey-100",
- "content": "Animations",
- "lineHeight": 1.625,
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 16,
- "fontWeight": "85 B"
+ "type": "path",
+ "id": "us3Le",
+ "x": 1.2997803688049316,
+ "y": 5.4393696784973145,
+ "geometry": "M5.08422 6.98763l11.322 11.341c0.3284 0.32976 0.77462 0.51513 1.24 0.51513 0.46539 0 0.91161-0.18537 1.24-0.51513 0.68398-0.68674 0.68398-1.79725 0-2.484l-11.32-11.34-2.482 2.483z m3.079-6.963c-0.87413 0.77448-2.09171 1.03099-3.204 0.675-0.03351-0.00939-0.06949-0.00067-0.095 0.023l-4.729 4.736c-0.18029 0.18072-0.18029 0.47328 0 0.654l2.09 2.092c0.18 0.18 0.472 0.18 0.652 0l4.193-4.197-0.001-0.002 2.27-2.275c0.18029-0.18072 0.18029-0.47328 0-0.654l-1.046-1.049c-0.03554-0.03565-0.09285-0.03697-0.13-0.003",
+ "fill": "#fff",
+ "width": 19.39920949935913,
+ "height": 18.84376096725464
}
]
}
@@ -3624,213 +9587,236 @@
},
{
"type": "frame",
- "id": "3dBmR",
- "name": "editor-topbar-actions",
+ "id": "qwkTu",
+ "name": "line",
+ "clip": true,
+ "width": 1,
+ "height": 24,
+ "fill": "#ffffff4d",
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 8,
+ "layout": "none"
+ },
+ {
+ "type": "frame",
+ "id": "tcqsR",
+ "name": "nav-button-file",
+ "width": 80,
+ "height": 50,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-primary-main",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 4,
+ 20
+ ],
+ "justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "vDh4M",
- "name": "backdrop",
- "enabled": false,
+ "id": "K77yU",
+ "name": "nav-button-file-content",
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 16,
+ "justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "h53yZ",
- "name": "tooltip-text",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "alignItems": "center",
+ "id": "I1LFf",
+ "name": "icon-file",
+ "width": 24,
+ "height": 24,
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "K1kk9",
- "name": "editor-backdrop-label",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "PTUGx",
- "name": "输入文本",
- "fill": "$--ui-color-hint-1",
- "content": "Backdrop mode",
- "lineHeight": 1.5,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "aDELG",
- "name": "icon-question-circle-filled",
- "width": 12,
- "height": 12,
- "stroke": {
- "align": "inside",
- "thickness": 2
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "DaWOr",
- "x": 1,
- "y": 1,
- "name": "question-circle",
- "geometry": "M10 0c-5.523 0-10 4.477-10 10 0 5.523 4.477 10 10 10 5.523 0 10-4.477 10-10 0-5.523-4.477-10-10-10z m0.02002 15.5c-0.552 0-1.00513-0.448-1.00513-1 0-0.552 0.44312-1 0.99512-1l0.01001 0c0.553 0 1 0.448 1 1 0 0.552-0.448 1-1 1z m1.58301-4.97192c-0.731 0.49-0.86709 0.76296-0.89209 0.83496-0.105 0.313-0.39694 0.51099-0.71094 0.51098-0.079 0-0.15904-0.01206-0.23804-0.03906-0.393-0.132-0.6039-0.55695-0.4729-0.94995 0.181-0.54 0.65003-1.049 1.47803-1.604 1.021-0.684 0.88992-1.43393 0.84692-1.67994-0.113-0.654-0.66403-1.2112-1.31103-1.32519-0.492-0.09-0.97288 0.039-1.34888 0.354-0.378 0.317-0.59521 0.78403-0.59521 1.28003 0 0.414-0.336 0.75-0.75 0.75-0.414 0-0.75-0.336-0.75-0.75 0-0.941 0.4121-1.82595 1.1311-2.42895 0.712-0.596 1.64897-0.84491 2.57397-0.68091 1.267 0.224 2.3061 1.27092 2.5271 2.54492 0.22 1.262-0.30904 2.39311-1.48803 3.18311z",
- "fill": "$--ui-color-grey-100",
- "width": 10,
- "height": 10,
- "stroke": {
- "align": "inside",
- "thickness": 2
- }
- }
- ]
+ "type": "path",
+ "id": "WawWG",
+ "x": 3,
+ "y": 4,
+ "geometry": "M17.6 12c0.22 0 0.4 0.18 0.4 0.4l0 1.6c0 1.10457-0.89543 2-2 2l-14 0c-1.10457 0-2-0.89543-2-2l0-1.6c0-0.22 0.18-0.4 0.4-0.4l17.2 0z m-11.014-12c0.26519 0.00006 0.51951 0.10545 0.707 0.293l2.414 2.414c0.18749 0.18755 0.44181 0.29294 0.707 0.293l5.586 0c1.10457 0 2 0.89543 2 2l0 5.6c0 0.22091-0.17909 0.4-0.4 0.4l-17.2 0c-0.10609 0-0.20783-0.04214-0.28284-0.11716-0.07501-0.07501-0.11716-0.17676-0.11716-0.28284l0-8.6c0-1.10457 0.89543-2 2-2l4.586 0z",
+ "fill": "$grey100",
+ "width": 18,
+ "height": 16
}
]
},
{
"type": "frame",
- "id": "ow0Lt",
- "name": "tab-combination-tab",
- "clip": true,
- "cornerRadius": 12,
+ "id": "Lj9Rq",
+ "name": "icon-caret-down-filled",
+ "width": 16,
+ "height": 16,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.6666666865348816
},
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "rrvqG",
- "name": "tab-text-icon-06",
- "height": 32,
- "fill": "$--ui-color-primary-200",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 4,
- 12
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "OqNCd",
- "name": "Left",
- "fill": "$--ui-color-grey-100",
- "content": "Tile",
- "lineHeight": 1.5,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "jNIEK",
- "name": "tab-text-icon-07",
- "height": 32,
- "fill": "$--ui-color-disabled-bg",
+ "type": "path",
+ "id": "K9fo9",
+ "x": 4,
+ "y": 6,
+ "name": "caret-down",
+ "geometry": "M4.69774 7.396l-4.37989-5.1941c-0.736-0.873-0.11206-2.2019 1.03394-2.2019l9.2959 0c1.146 0 1.76994 1.3299 1.03393 2.2019l-4.37988 5.1941c-0.679 0.805-1.925 0.805-2.604 0z",
+ "fill": "$grey100",
+ "width": 7.999651908874512,
+ "height": 5.333164215087891,
"stroke": {
"align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 4,
- 12
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "BAUvf",
- "name": "Right",
- "fill": "$--ui-color-grey-100",
- "content": "Scale",
- "lineHeight": 1.5,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
+ "thickness": 0.6666666865348816
+ }
}
]
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "JXAxw",
+ "name": "nav-button-tutorial",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "Z3rgC",
+ "name": "icon-tutorial",
+ "width": 24,
+ "height": 24,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "mVyt9",
+ "x": 4,
+ "y": 3,
+ "geometry": "M15 0c0.55228 0 1 0.44772 1 1l0 16c0 0.55228-0.44772 1-1 1l-13 0c-1.10457 0-2-0.89543-2-2l0-13c0-1.65685 1.34315-3 3-3l12 0z m-12 13c-0.55228 0-1 0.44772-1 1l0 1c0 0.55228 0.44772 1 1 1l10.6 0c0.22091 0 0.4-0.17909 0.4-0.4l0-2.2c0-0.22091-0.17909-0.4-0.4-0.4l-10.6 0z m8.715-11.29c-0.05349-0.16866-0.21006-0.28325-0.387-0.28325-0.17694 0-0.3335 0.11459-0.387 0.28325l-0.446 1.378c-0.12117 0.37068-0.41094 0.66194-0.781 0.785l-1.363 0.452c-0.16825 0.0553-0.28198 0.21239-0.28198 0.3895 0 0.17711 0.11372 0.3342 0.28198 0.3895l1.363 0.452c0.368 0.122 0.66 0.413 0.781 0.785l0.446 1.377c0.05456 0.16757 0.21077 0.28098 0.387 0.28098 0.17623 0 0.33244-0.11342 0.387-0.28098l0.446-1.377c0.121-0.372 0.412-0.663 0.78-0.785l1.364-0.452c0.16825-0.0553 0.28198-0.21239 0.28198-0.3895 0-0.17711-0.11372-0.3342-0.28198-0.3895l-1.364-0.452c-0.36968-0.12333-0.65904-0.41454-0.78-0.785l-0.446-1.378z",
+ "fill": "$grey100",
+ "width": 16,
+ "height": 18
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Ze35g",
+ "name": "nav-button-undo",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "QFuGQ",
+ "name": "undo",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "nMG5f",
+ "x": 3,
+ "y": 3.99951171875,
+ "name": "arrow-reply",
+ "geometry": "M7.99996 4.4966c3 0 10 0.4999 10 6.9939 0 1.708-0.46801 3.18289-1.083 4.26489-0.242 0.425-0.89101 0.26319-0.88501-0.22681 0.033-2.567-0.46898-5.03711-8.03199-5.03711l0 3.50513c0 0.895-1.09398 1.32995-1.70898 0.67896l-5.92798-6.27002c-0.484-0.512-0.484-1.31198 0-1.82398l5.92798-6.27002c0.615-0.65 1.70898-0.21504 1.70898 0.67896l0 3.5061z",
+ "fill": "$grey100",
+ "width": 17.999963760375977,
+ "height": 16.000288009643555,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "svwtS",
+ "name": "nav-button-redo",
+ "opacity": 0.5,
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "tj4K0",
- "name": "button-2",
- "height": 32,
- "fill": "$--ui-color-disabled-bg",
- "cornerRadius": 8,
+ "id": "VRQ4X",
+ "name": "redo",
+ "width": 24,
+ "height": 24,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "$--ui-color-dividing-line-2",
- "enabled": false
- }
+ "thickness": 1
},
- "gap": 4,
- "padding": [
- 5,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "text",
- "id": "CCmtA",
- "name": "Button Text",
- "rotation": -0.0046905539790734465,
- "fill": "$--ui-color-text",
- "content": "Format",
- "lineHeight": 1.5714285714285714,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 14,
- "fontWeight": "500"
+ "type": "path",
+ "id": "Pd4aj",
+ "x": 3,
+ "y": 3.999755859375,
+ "name": "arrow-share",
+ "geometry": "M10 0.99116c0-0.895 1.09398-1.32996 1.70898-0.67895l5.92798 6.27002c0.484 0.512 0.484 1.31197 0 1.82397l-5.92798 6.27002c-0.615 0.65-1.70898 0.21504-1.70898-0.67895l0-3.50513c-7.563 0-8.06398 2.47011-8.03198 5.03711 0.006 0.49-0.64301 0.65205-0.88501 0.22705-0.616-1.081-1.08301-2.55614-1.08301-4.26514 0-6.495 7-6.9939 10-6.99389l0-3.50611z",
+ "fill": "$grey100",
+ "width": 17.999963760375977,
+ "height": 16.00111198425293,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
}
]
}
@@ -3840,342 +9826,240 @@
},
{
"type": "frame",
- "id": "WUZNW",
- "name": "editor-panel-content",
+ "id": "4wZTO",
+ "name": "nav-project-name",
"width": "fill_container",
- "height": "fill_container",
+ "height": 50,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "gap": 4,
+ "padding": [
+ 49,
+ 120
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "EbVZD",
- "name": "editor-tools-panel",
- "height": "fill_container",
+ "id": "dbAQE",
+ "name": "text",
+ "fill": {
+ "type": "color",
+ "color": "#0aa5beff",
+ "enabled": false
+ },
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": {
- "right": 1
- },
- "fill": "$--ui-color-dividing-line-2"
+ "thickness": 1,
+ "fill": {
+ "type": "color",
+ "color": "#000000ff",
+ "enabled": false
+ }
},
- "layout": "vertical",
- "gap": 12,
+ "gap": 8,
"padding": [
- 12,
- 4
+ 3,
+ 12
],
+ "justifyContent": "center",
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "wOXGZ",
- "name": "editor-tool-button-01",
- "width": 52,
- "height": 52,
- "fill": "#fabd2cff",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": {
- "left": 2
- }
- },
- "gap": 16,
- "padding": [
- 4,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "N6uBr",
- "name": "editor-tool-icon-01",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 2,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "lJmcs",
- "name": "icon-event",
- "width": 24,
- "height": 24,
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "8qnHz",
- "x": 2,
- "y": 6,
- "geometry": "M6 0c-3.31371 0-6 2.68629-6 6 0 3.31371 2.68629 6 6 6l8 0c3.31371 0 6-2.68629 6-6 0-3.31371-2.68629-6-6-6l-8 0z m0 9.5c1.933 0 3.5-1.567 3.5-3.5 0-1.933-1.567-3.5-3.5-3.5-1.933 0-3.5 1.567-3.5 3.5 0 1.933 1.567 3.5 3.5 3.5",
- "fill": "$--ui-color-grey-100",
- "width": 20,
- "height": 12
- },
- {
- "type": "ellipse",
- "id": "trAyu",
- "x": 4.5,
- "y": 8.5,
- "fill": "#fabd2cff",
- "width": 7,
- "height": 7
- }
- ]
- },
- {
- "type": "text",
- "id": "QksDe",
- "name": "Event",
- "fill": "$--ui-color-grey-100",
- "content": "Event",
- "lineHeight": 1.6,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "ABeeZee",
- "fontSize": 10,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "EqPSW",
- "name": "editor-tool-button-02",
- "width": 52,
- "height": 52,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": {
- "left": 2
- }
- },
- "gap": 16,
- "padding": [
- 4,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "pL5hm",
- "name": "editor-tool-icon-02",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 2,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "AOsfJ",
- "name": "icon-look",
- "width": 24,
- "height": 24,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "v2rOJ",
- "x": 1.5,
- "y": 3,
- "name": "vector",
- "geometry": "M921.888 192.85001l-174.40002-174.39801c-13.02198-13.021-30.93299-19.649-49.38099-18.228-1.73999-0.15-3.42199-0.224-5.07-0.224l-92.914 0-6.51697 3.625c-34.42102 19.146-78.34101 29.68899-123.66803 29.689-45.328 0-89.246-10.54299-123.66699-29.689l-6.51801-3.625-92.916 0c-23.69099 0-44.98598 12.924-55.99498 33.451l-172.38801 172.389c-11.9 11.899-18.454 27.72-18.454 44.548 0 16.82901 6.554 32.64902 18.453 44.54901l125.95301 125.95499c10.53999 10.53799 24.15699 16.87802 38.826 18.18103l0 304.39902c0 35.07299 28.533 63.60595 63.604 63.60595l446.19896 0c35.07398 0 63.607-28.53296 63.607-63.60595l-0.00098-317.34507c14.844-1.21099 28.63904-7.57699 39.28803-18.224l125.95794-125.95599c24.56501-24.56399 24.56507-64.53299 0.00104-89.09698z",
- "fill": "#fd8d60ff",
- "width": 20.969999313354492,
- "height": 17.99875831604004,
- "stroke": {
- "align": "inside",
- "thickness": 0.022814083844423294
- }
- }
- ]
- },
- {
- "type": "text",
- "id": "cVndm",
- "name": "Look",
- "fill": "#fd8d60ff",
- "content": "Look",
- "lineHeight": 1.6,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Inter Tight",
- "fontSize": 10,
- "fontWeight": "normal"
- }
- ]
- }
- ]
+ "type": "text",
+ "id": "oTn9W",
+ "name": "输入文本",
+ "fill": "$grey100",
+ "content": "my-test-gameccc",
+ "lineHeight": 1.625,
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "600"
},
{
"type": "frame",
- "id": "9dwRi",
- "name": "editor-tool-button-03",
- "width": 52,
- "height": 52,
- "cornerRadius": 8,
+ "id": "fznls",
+ "name": "icon-cloud-check-outlined",
+ "width": 24,
+ "height": 24,
"stroke": {
"align": "inside",
- "thickness": {
- "left": 2
- }
+ "thickness": 1
},
- "gap": 16,
- "padding": [
- 4,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "1pH2F",
- "name": "editor-tool-icon-03",
+ "type": "path",
+ "id": "nCvpB",
+ "x": 2.25,
+ "y": 5.25,
+ "name": "cloud-check",
+ "geometry": "M13.75 14.5l-6.5 0c-3.998 0-7.25-3.252-7.25-7.25 0-3.998 3.252-7.25 7.25-7.25 1.764 0 3.46409 0.64198 4.78809 1.80798 0.414 0.365 0.783 0.77505 1.104 1.22205 0.201-0.021 0.40191-0.03101 0.60791-0.03101 3.171 0 5.75 2.579 5.75 5.75 0 3.171-2.579 5.75098-5.75 5.75098z m-6.5-13c-3.171 0-5.75 2.579-5.75 5.75 0 3.171 2.579 5.75 5.75 5.75l6.5 0c2.344 0 4.25-1.906 4.25-4.25 0-2.344-1.906-4.25-4.25-4.25-0.283 0-0.55505 0.02503-0.83105 0.07703-0.302 0.058-0.61388-0.07902-0.77588-0.34302-0.3-0.485-0.66917-0.92299-1.09717-1.29999-1.049-0.925-2.3979-1.43402-3.7959-1.43402z m2.36304 8.61401l2.66699-2.66699c0.293-0.293 0.293-0.76804 0-1.06103-0.293-0.293-0.76804-0.293-1.06104 0l-2.13696 2.13598-0.80298-0.80298c-0.293-0.293-0.76803-0.293-1.06103 0-0.293 0.293-0.293 0.76804 0 1.06104l1.33301 1.33295c0.141 0.141 0.33103 0.22003 0.53002 0.22003 0.201 0 0.39198-0.07899 0.53199-0.219z",
+ "fill": "$grey100",
+ "width": 19.5,
+ "height": 14.5,
"stroke": {
"align": "inside",
"thickness": 1
- },
- "layout": "vertical",
- "gap": 2,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "JQiEg",
- "name": "icon-motion",
- "width": 24,
- "height": 24,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "W4ufm",
- "x": 3,
- "y": 3,
- "name": "vector",
- "geometry": "M17.862 16.50858c-0.15273 0.43841-0.43812 0.81842-0.81656 1.08732-0.37844 0.26891-0.83119 0.41338-1.29544 0.41338-0.46425 0-0.917-0.14447-1.29544-0.41338-0.37844-0.26891-0.66382-0.64892-0.81656-1.08732l-0.276 0c-0.15273 0.43841-0.43812 0.81842-0.81656 1.08732-0.37844 0.26891-0.83119 0.41338-1.29544 0.41338-0.46425 0-0.917-0.14447-1.29544-0.41338-0.37844-0.26891-0.66382-0.64892-0.81656-1.08732l-0.276 0c-0.15274 0.43841-0.43812 0.81842-0.81656 1.08732-0.37844 0.26891-0.83119 0.41338-1.29544 0.41338-0.46425 0-0.917-0.14447-1.29544-0.41338-0.37844-0.26891-0.66382-0.64892-0.81656-1.08732l-0.138 0c-0.18417 0.44485-0.49638 0.82494-0.89699 1.09201-0.40061 0.26707-0.87154 0.40908-1.35301 0.40798-0.4639-0.00105-0.91608-0.14585-1.2943-0.41447-0.37822-0.26862-0.66389-0.64786-0.8177-1.08552l-0.138 0 0-8.25001 0.0375 0c0.18428-2.25038 1.20839-4.34908 2.86885-5.87912 1.66046-1.53004 3.83574-2.37945 6.09365-2.37945 2.25791 0 4.43319 0.8494 6.09365 2.37945 1.66046 1.53004 2.68457 3.62875 2.86885 5.87912l0.0375 0 0 8.25001-0.138 0z m-12.612-11.25001c-0.29667 0-0.58668 0.08797-0.83336 0.2528-0.24667 0.16482-0.43893 0.39909-0.55246 0.67318-0.11353 0.27409-0.14324 0.57569-0.08536 0.86666 0.05788 0.29097 0.20074 0.55825 0.41052 0.76802 0.20978 0.20978 0.47705 0.35264 0.76802 0.41052 0.29097 0.05788 0.59257 0.02817 0.86667-0.08536 0.27409-0.11353 0.50836-0.30579 0.67317-0.55246 0.16482-0.24667 0.2528-0.53668 0.2528-0.83336 0-0.19698-0.0388-0.39204-0.11418-0.57402-0.07538-0.18199-0.18587-0.34735-0.32516-0.48664-0.13929-0.13929-0.30465-0.24978-0.48663-0.32516-0.18199-0.07538-0.37704-0.11418-0.57403-0.11418z m3 3.75c-0.82875 0-1.5 0.336-1.5 0.75 0 0.414 0.67125 0.75 1.5 0.75 0.82875 0 1.5-0.336 1.5-0.75 0-0.414-0.675-0.75-1.5-0.75z m3-3.75c-0.29667 0-0.58668 0.08797-0.83335 0.2528-0.24667 0.16482-0.43893 0.39909-0.55247 0.67318-0.11353 0.27409-0.14324 0.57569-0.08536 0.86666 0.05788 0.29097 0.20074 0.55825 0.41052 0.76802 0.20978 0.20978 0.47705 0.35264 0.76802 0.41052 0.29097 0.05788 0.59257 0.02817 0.86667-0.08536 0.27409-0.11353 0.50836-0.30579 0.67317-0.55246 0.16482-0.24667 0.2528-0.53668 0.2528-0.83336 0-0.19698-0.0388-0.39204-0.11418-0.57402-0.07538-0.18199-0.18587-0.34735-0.32516-0.48664-0.13929-0.13929-0.30465-0.24978-0.48663-0.32516-0.18199-0.07538-0.37704-0.11418-0.57403-0.11418z",
- "fill": "#91d644ff",
- "width": 18,
- "height": 18.0092830657959,
- "stroke": {
- "align": "inside",
- "thickness": 0.1953125
- }
- }
- ]
- },
- {
- "type": "text",
- "id": "3JtaE",
- "name": "Motion",
- "fill": "#91d644ff",
- "content": "Motion",
- "lineHeight": 1.6,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Inter Tight",
- "fontSize": 10,
- "fontWeight": "normal"
- }
- ]
+ }
}
]
- },
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "uIc2L",
+ "name": "nav-right",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "padding": [
+ 0,
+ 8,
+ 0,
+ 0
+ ],
+ "justifyContent": "end",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "JgXD2",
+ "name": "nav-actions-group",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "4ukSa",
- "name": "editor-tool-button-04",
- "width": 52,
- "height": 52,
- "cornerRadius": 8,
+ "id": "6Ije4",
+ "name": "nav-mode-switch",
+ "width": 108,
"stroke": {
"align": "inside",
- "thickness": {
- "left": 2
- }
+ "thickness": 1
},
- "gap": 16,
+ "layout": "vertical",
"padding": [
- 4,
- 16
+ 9,
+ 12
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "mRXDO",
- "name": "editor-tool-icon-04",
+ "id": "jhrDR",
+ "name": "button-group",
+ "width": "fill_container",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "nB7Oe",
- "name": "icon-game",
- "width": 24,
- "height": 24,
- "layout": "none",
+ "id": "drEtT",
+ "name": "button-01",
+ "fill": "$grey200",
+ "cornerRadius": [
+ 8,
+ 0,
+ 0,
+ 8
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 7,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
- "type": "path",
- "id": "iGeId",
- "x": 0.4300000071525574,
- "y": 3,
- "geometry": "M16.714 0c3.857 0 6.429 2.571 6.429 7.714l0 5.143c0 2.572-1.286 5.143-3.857 5.143l-0.335 0c-1.39808 0.0002-2.7037-0.69858-3.479-1.862-0.7753-1.16342-1.293-1.995-3.9-1.995-2.607 0-3.903 1.984-3.903 1.984-0.77434 1.16997-2.08399 1.87344-3.487 1.873l-0.325 0c-2.571 0-3.857-2.571-3.857-5.143l0-5.143c0-5.143 2.57-7.714 6.429-7.714l10.285 0z m-9.321 8.679l1.607 0c0.53295 0 0.965-0.43205 0.965-0.965 0-0.53295-0.43205-0.965-0.965-0.965l-1.607 0 0-1.605c-0.01677-0.52059-0.44364-0.93394-0.9645-0.93394-0.52086 0-0.94773 0.41335-0.9645 0.93394l0 1.606-1.607 0c-0.51534 0.02348-0.92108 0.44812-0.92108 0.964 0 0.51588 0.40574 0.94052 0.92108 0.964l1.607 0 0 1.608c0.01677 0.52059 0.44364 0.93394 0.9645 0.93394 0.52086 0 0.94773-0.41335 0.9645-0.93394l0-1.607z m6.428 0.642c0 0.71051 0.57599 1.2865 1.2865 1.2865 0.71051 0 1.2865-0.57599 1.2865-1.2865 0-0.71051-0.57599-1.2865-1.2865-1.2865-0.71051 0-1.2865 0.57599-1.2865 1.2865m3.214-3.213c0 0.71051 0.57598 1.2865 1.2865 1.2865 0.71052 0 1.2865-0.57599 1.2865-1.2865 0-0.71051-0.57598-1.2865-1.2865-1.2865-0.71051 0-1.2865 0.57599-1.2865 1.2865",
- "fill": "#3fcdd9ff",
- "width": 23.142998039722443,
- "height": 18
+ "type": "frame",
+ "id": "LwU4G",
+ "name": "icon-default-mode",
+ "width": 18,
+ "height": 18,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "3qi9N",
+ "x": 0.75,
+ "y": 3,
+ "geometry": "M12 0c2.48528 0 4.5 2.01472 4.5 4.5l0 3.75c0 2.48528-2.01472 4.5-4.5 4.5l-7.5 0c-2.48528 0-4.5-2.01472-4.5-4.5l0-3.75c0-2.48528 2.01472-4.5 4.5-4.5l7.5 0z m-6.75 5.625l-1.5 0 0 1.5 1.5 0 0 1.5 1.5 0 0-1.5 1.5 0 0-1.5-1.5 0 0-1.5-1.5 0 0 1.5z m6 3l1.5 0 0-1.5-1.5 0 0 1.5z m-1.5-3l1.5 0 0-1.5-1.5 0 0 1.5z",
+ "fill": "$turquoise600",
+ "width": 16.5,
+ "height": 12.75
+ }
+ ]
}
]
},
{
- "type": "text",
- "id": "6QewW",
- "name": "Control",
- "fill": "#3fcdd9ff",
- "content": "Control",
- "lineHeight": 1.6,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Inter Tight",
- "fontSize": 10,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "IQKIu",
+ "name": "button-02",
+ "fill": "#47d8e4ff",
+ "cornerRadius": [
+ 0,
+ 8,
+ 8,
+ 0
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 7,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "mMTKc",
+ "name": "icon-map-edit-mode",
+ "width": 18,
+ "height": 18,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "AgB2F",
+ "x": 2.247999906539917,
+ "y": 2.4701147079467773,
+ "geometry": "M8.888 1.66089l0 11.174c-0.00002 0.0736-0.03602 0.14254-0.09642 0.18459-0.0604 0.04206-0.13754 0.05192-0.20658 0.02641l-3.825-1.436c-0.08741-0.03381-0.14557-0.11729-0.147-0.211l0-11.174c0-0.157 0.157-0.266 0.304-0.21l3.825 1.435c0.08889 0.03173 0.14763 0.11663 0.146 0.211m-5.726-1.53l-2.336 1.176c-0.50641 0.25471-0.82598 0.77314-0.826 1.34l0 9.51c0 0.562 0.585 0.922 1.088 0.674l2.276-1.145c0.0752-0.03904 0.12285-0.11627 0.124-0.20101l0-11.15299c0.0002-0.0781-0.04029-0.15066-0.10686-0.19151-0.06657-0.04084-0.1496-0.04406-0.21914-0.00849m9.251 0.1l-2.276 1.144c-0.0752 0.03904-0.12285 0.11627-0.124 0.201l0 11.152c0 0.167 0.177 0.276 0.327 0.201l2.328-1.171c0.511-0.257 0.833-0.78 0.833-1.351l0-9.503c0.00095-0.26125-0.13376-0.50428-0.35581-0.64192-0.22206-0.13764-0.49964-0.15016-0.73319-0.03308",
+ "fill": "$grey200",
+ "width": 13.501004457473755,
+ "height": 13.059839248657227
+ }
+ ]
+ }
+ ]
}
]
}
@@ -4183,245 +10067,249 @@
},
{
"type": "frame",
- "id": "bsVsw",
- "name": "editor-tool-button-05",
- "width": 52,
- "height": 52,
- "cornerRadius": 8,
+ "id": "bcWJP",
+ "name": "nav-button-user",
+ "height": 50,
"stroke": {
"align": "inside",
- "thickness": {
- "left": 2
- }
+ "thickness": 1
},
- "gap": 16,
+ "gap": 10,
"padding": [
- 4,
- 16
+ 26,
+ 20
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "zXgM2",
- "name": "editor-tool-icon-05",
+ "id": "e69lx",
+ "name": "user-avatar",
+ "width": 32,
+ "height": 32,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.6666666865348816
},
- "layout": "vertical",
- "gap": 2,
- "justifyContent": "center",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "zsNDX",
- "name": "icon-sensing",
- "width": 24,
- "height": 24,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
+ "type": "ellipse",
+ "id": "AUoWd",
+ "x": 2,
+ "y": 2,
+ "name": "avatar",
+ "sweepAngle": -360.00001001791264,
+ "fill": [
+ "#fffaeeff",
+ {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/用户头像.png",
+ "mode": "fill"
+ }
+ ],
+ "width": 28,
+ "height": 28,
"stroke": {
- "align": "inside",
- "thickness": 1
+ "align": "outside",
+ "thickness": 1.3333333730697632,
+ "fill": "$--ui-color-grey-100"
},
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "KXtHn",
- "x": 2,
- "y": 4.998291015625,
- "name": "signal-stream",
- "geometry": "M13.54004 11.54179c-0.254 0-0.509-0.09606-0.703-0.28906-0.393-0.389-0.39606-1.02106-0.00806-1.41407 0.755-0.763 1.17102-1.77091 1.17102-2.83691 0-1.066-0.41602-2.07391-1.17102-2.83692-0.389-0.393-0.38494-1.02506 0.00806-1.41406 0.392-0.389 1.02594-0.38394 1.41394 0.00806 1.128 1.14 1.74902 2.64692 1.74902 4.24292 0 1.596-0.62102 3.10292-1.74902 4.24292-0.195 0.198-0.45294 0.29712-0.71094 0.29712z m-6.37708-0.28906c0.393-0.389 0.39606-1.02106 0.00806-1.41407-0.755-0.763-1.17102-1.77091-1.17102-2.83691 0-1.066 0.41602-2.07391 1.17102-2.83692 0.389-0.393 0.38494-1.02506-0.00806-1.41406-0.392-0.389-1.02594-0.38394-1.41394 0.00806-1.128 1.14-1.74902 2.64692-1.74902 4.24292 0 1.596 0.62102 3.10292 1.74902 4.24292 0.195 0.198 0.45294 0.29712 0.71094 0.29712 0.254 0 0.509-0.09606 0.703-0.28906z m10.26905 2.41992c1.656-1.83 2.56799-4.1989 2.56799-6.6709 0-2.472-0.91199-4.8419-2.56799-6.6709-0.37-0.409-1.00299-0.44107-1.41199-0.07007-0.41 0.371-0.44107 1.00309-0.07007 1.41309 1.322 1.46 2.05103 3.35286 2.05103 5.32886 0 1.976-0.72903 3.8681-2.05103 5.3291-0.371 0.41-0.33993 1.04184 0.07007 1.41284 0.191 0.173 0.43202 0.25903 0.67102 0.25903 0.272-0.002 0.54297-0.11305 0.74097-0.33105z m-13.45203 0.07007c0.41-0.371 0.44107-1.00309 0.07007-1.41309-1.322-1.46-2.05103-3.35286-2.05103-5.32886 0-1.976 0.72903-3.8681 2.05103-5.3291 0.371-0.41 0.33993-1.04184-0.07007-1.41284-0.409-0.371-1.04199-0.33918-1.41199 0.06982-1.656 1.83-2.56799 4.19914-2.56799 6.67115 0 2.472 0.91199 4.8419 2.56799 6.67089 0.197 0.218 0.46897 0.3291 0.74097 0.32911 0.24 0.002 0.48002-0.08308 0.67102-0.25708z m6.02002-8.24097c-0.827 0-1.5 0.673-1.5 1.5 0 0.827 0.673 1.5 1.5 1.5 0.827 0 1.5-0.673 1.5-1.5 0-0.827-0.673-1.5-1.5-1.5z",
- "fill": "#4fc2f8ff",
- "width": 20,
- "height": 14.003702163696289,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-shadow-custom-2",
+ "offset": {
+ "x": 0,
+ "y": 2.6666667461395264
}
- ]
- },
- {
- "type": "text",
- "id": "WGZgJ",
- "name": "Sensing",
- "fill": "#4fc2f8ff",
- "content": "Sensing",
- "lineHeight": 1.6,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Inter Tight",
- "fontSize": 10,
- "fontWeight": "normal"
+ }
}
]
}
]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "XYJMk",
+ "name": "Content",
+ "gap": 20,
+ "children": [
+ {
+ "type": "frame",
+ "id": "mVRSP",
+ "name": "editor-panel-main",
+ "width": 888,
+ "height": 810,
+ "fill": "$grey100",
+ "cornerRadius": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-primary-300-aa6",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 10.5
+ },
+ "layout": "vertical",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ulLd0",
+ "name": "editor-panel-nav",
+ "width": "fill_container",
+ "cornerRadius": [
+ 20,
+ 0,
+ 0,
+ 0
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "bottom": 1
},
+ "fill": "$grey400"
+ },
+ "gap": 492,
+ "padding": [
+ 0,
+ 16,
+ 0,
+ 0
+ ],
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "ynuQs",
- "name": "editor-tool-button-06",
- "width": 52,
- "height": 52,
- "cornerRadius": 8,
+ "id": "UjD1e",
+ "name": "editor-tabs-bar",
+ "clip": true,
+ "cornerRadius": [
+ 20,
+ 20,
+ 0,
+ 0
+ ],
"stroke": {
"align": "inside",
- "thickness": {
- "left": 2
- }
+ "thickness": 1
},
- "gap": 16,
- "padding": [
- 4,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "yEj6n",
- "name": "editor-tool-icon-06",
+ "id": "4Fcvn",
+ "name": "editor-code-tab",
+ "opacity": 0.7,
+ "clip": true,
+ "fill": "$yellow500",
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 2,
+ "gap": 10,
+ "padding": [
+ 9,
+ 16
+ ],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "6UHqk",
- "name": "icon-sound",
- "width": 24,
- "height": 24,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "ax2yh",
- "x": 3,
- "y": 3.5,
- "name": "vector",
- "geometry": "M541.86694 27.67125c17.82398 17.325 27.73304 41.20999 27.73304 66.13399l0 665.60003c0 51.84803-42.04999 93.86597-93.866 93.86597-24.98502 0-48.88898-9.89996-66.13397-27.73297l-170.603-170.604c-4.75438-4.75434-10.39867-8.5257-16.61057-11.0987-6.21189-2.573-12.86975-3.89734-19.59344-3.89728l-66.26 0c-75.36699 0.31501-136.533-60.80304-136.533-136.53305l0-153.6c0-75.02802 61.166-136.14498 136.534-136.53398l65.27801 0c13.52818 0.00015 26.50659-5.35372 36.09998-14.892l171.68802-170.70801c36.29-36.88 95.75994-36.91 132.26693 0z m233.76306 141.85501c73.042 64.345 116.10401 160.24297 116.10401 263.47798 0 103.23599-43.06201 199.13504-116.10401 263.48001-14.14599 12.46002-35.71405 11.09601-48.17602-3.04998-12.46002-14.146-11.09497-35.71497 3.05005-48.17499 58.289-51.349 92.96301-128.56909 92.96301-212.25406 0-83.685-34.67401-160.90695-92.96204-212.25395-14.14599-12.461-15.51202-34.03002-3.05004-48.17502 12.46099-14.146 34.03003-15.512 48.17504-3.04999z m-101.875 99.61598c43.96998 40.18 69.71204 99.32297 69.71204 162.76697 0 63.48001-25.77197 122.65402-69.78699 162.83603-13.92199 12.71002-35.51104 11.72705-48.22204-2.19495-12.58197-13.78302-11.745-35.08001 1.78198-47.83801l0.41406-0.38403 0.8899-0.81897c29.22399-27.16602 46.656-67.63202 46.656-111.59903 0-44.387-17.76593-85.20499-47.49792-112.375-13.91498-12.71701-14.88703-34.30704-2.17005-48.22302 12.71698-13.91599 34.30701-14.88797 48.22302-2.16999z",
- "fill": "$--ui-color-sound-main",
- "width": 18,
- "height": 17.223615646362305,
- "stroke": {
- "align": "inside",
- "thickness": 0.1953125
- }
- }
- ]
- },
+ "type": "text",
+ "id": "P6CEL",
+ "name": "Code",
+ "fill": "$grey100",
+ "content": "Code",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "85 B"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "tUCtW",
+ "name": "editor-costumes-tab",
+ "clip": true,
+ "fill": "$yellow500",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "left": 1
+ }
+ },
+ "gap": 10,
+ "padding": [
+ 9,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
"type": "text",
- "id": "VHS6e",
- "name": "Sound",
- "fill": "$--ui-color-sound-main",
- "content": "Sound",
- "lineHeight": 1.6,
- "textAlign": "center",
+ "id": "Dy3Qa",
+ "name": "Code",
+ "fill": "$grey100",
+ "content": "Costumes",
+ "lineHeight": 1.625,
"textAlignVertical": "middle",
- "fontFamily": "Inter Tight",
- "fontSize": 10,
- "fontWeight": "normal"
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "85 B"
}
]
- }
- ]
- },
- {
- "type": "frame",
- "id": "C7i3H",
- "name": "editor-tool-button-07",
- "width": 52,
- "height": 52,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": {
- "left": 2
- }
- },
- "gap": 16,
- "padding": [
- 4,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
{
"type": "frame",
- "id": "49XBI",
- "name": "editor-tool-icon-07",
+ "id": "eOs6N",
+ "name": "editor-animations-tab",
+ "opacity": 0.699999988079071,
+ "clip": true,
+ "fill": "$yellow500",
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "left": 1
+ }
},
- "layout": "vertical",
- "gap": 2,
+ "gap": 10,
+ "padding": [
+ 9,
+ 16
+ ],
"justifyContent": "center",
"alignItems": "center",
"children": [
- {
- "type": "frame",
- "id": "DHaAo",
- "name": "icon-game",
- "width": 24,
- "height": 24,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "147is",
- "x": 2.0000171661376953,
- "y": 4.499992847442627,
- "name": "exclude",
- "geometry": "M17.33334 0c4 0 6.66667 2.66667 6.66666 8l0 5.33333c0 2.66667-1.33333 5.33333-4 5.33334l-0.34668 0c-1.44933 0-2.80407-0.724-3.60807-1.93067 0 0-1.34125-2.06934-4.04525-2.06933-2.704 0-4.04655 2.05729-4.04655 2.05729-0.80267 1.21333-2.16154 1.94271-3.61621 1.94271l-0.33724 0c-2.66667 0-4-2.66667-4-5.33333l0-5.33334c0-5.33333 2.66667-8 6.66667-8l10.66667 0z m-9.66684 8.99992l1.66667 0c0.552 0 1-0.448 1-1 0-0.552-0.448-1-1-1l-1.66667 0 0-1.66667c0-0.552-0.448-1-1-1-0.552 0-1 0.448-1 1l0 1.66667-1.66666 0c-0.552 0-1 0.448-1 1 0 0.552 0.448 1 1 1l1.66666 0 0 1.66667c0 0.552 0.448 1 1 1 0.552 0 1-0.448 1-1l0-1.66667z m6.66667 0.66667c0 0.736 0.59733 1.33333 1.33334 1.33333 0.736 0 1.33333-0.59733 1.33333-1.33333 0-0.736-0.59733-1.33333-1.33333-1.33334-0.736 0-1.33333 0.59733-1.33334 1.33334z m3.33333-3.33203c0 0.736 0.59733 1.33333 1.33334 1.33333 0.736 0 1.33333-0.59733 1.33333-1.33333 0-0.736-0.59733-1.33333-1.33333-1.33334-0.736 0-1.33333 0.59733-1.33334 1.33334z",
- "fillRule": "evenodd",
- "fill": "#5a7afeff",
- "width": 20,
- "height": 15.555556297302246,
- "stroke": {
- "align": "inside",
- "thickness": 1.0082305669784546
- }
- }
- ]
- },
{
"type": "text",
- "id": "BqYIX",
- "name": "Game",
- "fill": "#5a7afeff",
- "content": "Game",
- "lineHeight": 1.6,
- "textAlign": "center",
+ "id": "x4VRE",
+ "name": "Code",
+ "fill": "$grey100",
+ "content": "Animations",
+ "lineHeight": 1.625,
"textAlignVertical": "middle",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 10,
- "fontWeight": "normal"
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "85 B"
}
]
}
@@ -4431,661 +10319,291 @@
},
{
"type": "frame",
- "id": "GtoS9",
- "name": "editor-blocks-panel",
- "width": 300,
- "height": 766,
- "stroke": {
- "align": "inside",
- "thickness": {
- "right": 1
- },
- "fill": "$--ui-color-dividing-line-2"
- },
- "layout": "vertical",
- "gap": 20,
- "padding": [
- 12,
- 16,
+ "id": "1vPQh",
+ "name": "Main Editor Panel",
+ "width": 888,
+ "height": "fill_container",
+ "cornerRadius": [
+ 0,
0,
- 16
+ 20,
+ 20
],
"children": [
{
"type": "frame",
- "id": "HvDBx",
- "name": "editor-blocks-section-01",
- "stroke": {
- "align": "inside",
- "thickness": {
- "bottom": 1
- },
- "fill": "$--ui-color-dividing-line-1"
- },
+ "id": "sfPRt",
+ "name": "Left Panel",
+ "width": 120,
+ "height": "fill_container",
"layout": "vertical",
- "gap": 8,
- "padding": [
- 0,
- 0,
- 16,
- 0
- ],
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "mAVjT",
- "name": "editor-blocks-section-01-header",
- "width": "fill_container",
- "height": 18,
+ "id": "vmlsY",
+ "name": "Costume List",
+ "width": 120,
+ "height": "fill_container",
+ "fill": "$grey100",
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "right": 1
+ },
+ "fill": "$grey400"
},
- "layout": "none",
+ "layout": "vertical",
+ "gap": 8,
+ "padding": [
+ 12,
+ 0
+ ],
+ "alignItems": "center",
"children": [
- {
- "type": "text",
- "id": "21gMp",
- "x": 0,
- "y": 0,
- "name": "Aaaa",
- "fill": "$--ui-color-hint-2",
- "content": "Aaaa",
- "lineHeight": 1.5,
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "500"
- },
{
"type": "frame",
- "id": "C08AL",
- "x": 122,
- "y": -2,
- "name": "settings",
- "enabled": false,
- "width": 148,
+ "id": "RxWMM",
+ "name": "sprite-card-01",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 8,
- "alignItems": "end",
+ "layout": "none",
"children": [
{
"type": "frame",
- "id": "cdsbE",
- "name": "hover-settings",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 100,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "St96l",
- "name": "settings",
- "width": 14,
- "height": 14,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "C8dYd",
- "x": 1.313763976097107,
- "y": 1.3130874633789062,
- "name": "settings",
- "geometry": "M9.74785 5.99899c-2.068 0-3.75 1.682-3.75 3.75 0 2.068 1.682 3.75 3.75 3.75 2.068 0 3.75-1.682 3.75-3.75 0-2.068-1.682-3.75-3.75-3.75z m0 6c-1.241 0-2.25-1.009-2.25-2.25 0-1.241 1.009-2.25 2.25-2.25 1.241 0 2.25 1.009 2.25 2.25 0 1.241-1.009 2.25-2.25 2.25z m9.20801-0.29699c-0.694-0.402-1.12601-1.15-1.12702-1.95301-0.001-0.801 0.42801-1.54799 1.13101-1.95498 0.515-0.299 0.69101-0.96203 0.39301-1.47803l-1.672-2.88599c-0.298-0.515-0.96102-0.69199-1.47702-0.39499-0.699 0.403-1.56798 0.403-2.26898-0.00399-0.691-0.401-1.121-1.14601-1.121-1.94501 0-0.599-0.48801-1.086-1.08701-1.086l-3.95502 0c-0.6 0-1.08698 0.487-1.08697 1.086 0 0.799-0.43002 1.54399-1.12302 1.94699-0.699 0.405-1.56699 0.40599-2.26599 0.00299-0.517-0.298-1.17899-0.11998-1.47699 0.39502l-1.67401 2.88901c-0.298 0.515-0.12101 1.17697 0.39899 1.47897 0.693 0.401 1.12501 1.14801 1.12701 1.94901 0.002 0.802-0.428 1.55101-1.13 1.958-0.25 0.145-0.43 0.37799-0.504 0.65799-0.074 0.279-0.03599 0.57001 0.10901 0.82102l1.67099 2.884c0.298 0.516 0.961 0.695 1.479 0.396 0.699-0.403 1.566-0.40199 2.25501-0.00299l0.00198 0.00097c0.003 0.002 0.00601 0.00401 0.01001 0.00601 0.691 0.401 1.11999 1.14599 1.11899 1.94599 0 0.599 0.487 1.08603 1.086 1.08603l3.95901 0c0.599 0 1.086-0.48702 1.086-1.08503 0-0.8 0.42999-1.545 1.12399-1.94799 0.698-0.405 1.56599-0.40699 2.266-0.00299 0.516 0.298 1.17802 0.12099 1.47701-0.39402l1.67399-2.88897c0.297-0.517 0.12002-1.18001-0.39798-1.48001z m-2.37702 3.27398c-1.09-0.475-2.355-0.40998-3.397 0.19303-1.033 0.599-1.71499 1.65799-1.84699 2.82998l-3.177 0c-0.13-1.172-0.81402-2.23299-1.84701-2.83099-1.04-0.603-2.30698-0.66702-3.39399-0.19202l-1.276-2.203c0.955-0.703 1.53198-1.83098 1.52799-3.03098-0.003-1.192-0.57899-2.31201-1.52899-3.01501l1.277-2.20401c1.088 0.474 2.355 0.41 3.39701-0.194 1.032-0.598 1.71398-1.65798 1.84598-2.82898l3.17501 0c0.131 1.172 0.814 2.23099 1.849 2.83099 1.039 0.603 2.30599 0.66699 3.39499 0.193l1.27701 2.203c-0.953 0.702-1.52901 1.828-1.52701 3.026 0.001 1.194 0.57701 2.316 1.52802 3.021l-1.27802 2.20199z",
- "fill": "$--ui-color-hint-2",
- "width": 11.373759269714355,
- "height": 11.375587463378906,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "xZi8q",
- "name": "dropdown-items01",
- "enabled": false,
- "clip": true,
- "width": "fill_container",
- "fill": "$--ui-color-grey-100",
+ "id": "jbK7O",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$yellow200",
"cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 8
- },
- "blur": 24.5,
- "spread": 8
+ "thickness": 2,
+ "fill": "$yellow500"
},
"layout": "vertical",
- "gap": 4,
- "padding": 8,
- "children": [
- {
- "type": "frame",
- "id": "dsec4",
- "name": "dropdown-items-1-0-01",
- "clip": true,
- "width": 132,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 8,
- "padding": [
- 8,
- 40,
- 8,
- 8
- ],
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "1FNBF",
- "name": "text",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "PrP79",
- "name": "Settings",
- "fill": "$--ui-color-title",
- "content": "Settings",
- "lineHeight": 1.5,
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "KJfEZ",
- "name": "dropdown-items-1-0-02",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 8,
- "padding": [
- 8,
- 40,
- 8,
- 8
- ],
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "2gVWr",
- "name": "radio",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 8,
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "Uhwwi",
- "name": "radio-input",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "padding": 1,
- "alignItems": "center",
- "children": [
- {
- "type": "path",
- "id": "WJ9iL",
- "name": "ellipse",
- "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z",
- "fillRule": "evenodd",
- "fill": "$--ui-color-primary-main",
- "width": 10,
- "height": 10,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- },
- {
- "type": "path",
- "id": "Snc0r",
- "name": "bg",
- "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z",
- "fillRule": "evenodd",
- "width": 18,
- "height": 18,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-primary-main"
- }
- }
- ]
- },
- {
- "type": "text",
- "id": "5eA1x",
- "name": "label",
- "fill": "$--ui-color-title",
- "content": "展示文档",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "h8IC6",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "thw8S",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
}
]
},
{
"type": "frame",
- "id": "WOZE5",
- "name": "dropdown-items-1-0-03",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "0g1f4",
+ "name": "sprite-name-chip-01",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 8,
+ "gap": 10,
"padding": [
- 8,
- 40,
- 8,
+ 0,
8
],
+ "justifyContent": "center",
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "9iWa1",
- "name": "radio",
+ "type": "text",
+ "id": "OpUcz",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "IiNAz",
+ "x": 68,
+ "y": -4,
+ "name": "more",
+ "width": 24,
+ "height": 24,
+ "fill": "$yellow500",
+ "cornerRadius": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.7674450874328613
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "iJfk0",
+ "x": 4,
+ "y": 4,
+ "name": "icon-more-horizontal-filled",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "4ND7a",
+ "x": 1.3433431386947632,
+ "y": 6.666666507720947,
+ "name": "more-horizontal",
+ "geometry": "M2.005 4c-1.104 0-2.005-0.896-2.005-2 0-1.104 0.89-2 1.995-2l0.01 0c1.104 0 2 0.896 2 2 0 1.104-0.895 2-2 2z m10.00001-2c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.995 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z m8 0c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.99499 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z",
+ "fill": "$--ui-color-grey-100",
+ "width": 13.336669921875,
+ "height": 2.6666667461395264,
"stroke": {
"align": "inside",
"thickness": 1
- },
- "gap": 8,
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "KpieB",
- "name": "radio-input-group",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 8,
- "padding": 1,
- "children": [
- {
- "type": "path",
- "id": "eJ3zA",
- "name": "bg",
- "geometry": "M8 16c4.41828 0 8-3.58172 8-8 0-4.41828-3.58172-8-8-8-4.41828 0-8 3.58172-8 8 0 4.41828 3.58172 8 8 8z",
- "fillRule": "evenodd",
- "width": 18,
- "height": 18,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-disabled-text"
- }
- }
- ]
- },
- {
- "type": "text",
- "id": "Y46wy",
- "name": "label",
- "fill": "$--ui-color-title",
- "content": "隐藏文档",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Alibaba Health Font 2.0 CN",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
+ }
}
]
}
]
}
]
- }
- ]
- },
- {
- "type": "frame",
- "id": "CvQYl",
- "name": "editor-blocks-section-01-list",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": {
- "left": 1
- }
- },
- "layout": "vertical",
- "gap": 12,
- "justifyContent": "center",
- "children": [
+ },
{
"type": "frame",
- "id": "BI5bQ",
- "name": "api-reference-01",
- "clip": true,
- "width": 264,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "Lgw1e",
+ "name": "sprite-card-02",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
+ "thickness": 1
},
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "justifyContent": "center",
+ "layout": "none",
"children": [
{
"type": "frame",
- "id": "ViEBn",
- "name": "api-param-input-01",
- "width": "fill_container",
+ "id": "z6WNt",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "bgRJQ",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
+ "id": "7ub2b",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.9375
},
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
+ "layout": "none",
"children": [
{
- "type": "group",
- "id": "7mxlu",
- "name": "group-1000004626",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "XFa9j",
- "name": "glide",
- "fill": "#b08a01ff",
- "content": "glide",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "lslKo",
- "name": "api-param-row-01",
- "stroke": {
- "align": "inside",
- "thickness": 1
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "WrrnR",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
},
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "ESEb6",
- "name": "x:",
- "fill": "$--ui-color-hint-2",
- "content": "x:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "D46dZ",
- "name": "api-date-button-01",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "gAh9d",
- "name": "100",
- "rotation": 0.17700820828281177,
- "fill": "#139707",
- "content": "100",
- "lineHeight": 1,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "MIR1y",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "2SQKD",
- "name": "api-param-row-20",
+ "width": 60,
+ "height": 60,
"stroke": {
"align": "inside",
"thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "9yklA",
- "name": "y:",
- "fill": "$--ui-color-hint-2",
- "content": "y:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "yRkVS",
- "name": "api-date-button-02",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "cAejE",
- "name": "100",
- "fill": "#139707",
- "content": "100",
- "lineHeight": 1,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "SDEuT",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "qSuIz",
+ "name": "sprite-name-chip-02",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
- "type": "frame",
- "id": "VF4EU",
- "name": "api-param-row-27",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "2HG8r",
- "name": "seconds:",
- "fill": "$--ui-color-hint-2",
- "content": "seconds:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "Wu6yO",
- "name": "api-date-button-03",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "stZ5n",
- "name": "100",
- "fill": "#139707",
- "content": "2",
- "lineHeight": 1,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- }
- ]
+ "type": "text",
+ "id": "ZECvV",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
}
]
}
@@ -5095,1762 +10613,2646 @@
},
{
"type": "frame",
- "id": "EPjR4",
- "name": "api-reference-02",
- "clip": true,
- "width": 264,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "xQmTI",
+ "name": "sprite-card-02",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
+ "thickness": 1
},
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "justifyContent": "center",
+ "layout": "none",
"children": [
{
"type": "frame",
- "id": "OdBdI",
- "name": "api-param-input-02",
- "width": "fill_container",
+ "id": "jNA9M",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "njUXo",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
+ "id": "XComD",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.9375
},
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
+ "layout": "none",
"children": [
{
- "type": "group",
- "id": "AXqHl",
- "name": "group-1000004626",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "FKABV",
- "name": "glide",
- "fill": "#b08a01ff",
- "content": "glide",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "NBuEF",
- "name": "api-param-row-02",
- "stroke": {
- "align": "inside",
- "thickness": 1
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "8ljlO",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
},
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "A3v3Y",
- "name": "x:",
- "fill": "$--ui-color-hint-2",
- "content": "x:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "rES2L",
- "name": "api-date-button-04",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "5jlR5",
- "name": "100",
- "fill": "#139707",
- "content": "100",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "kxg4b",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "azTRM",
- "name": "api-param-row-21",
+ "width": 60,
+ "height": 60,
"stroke": {
"align": "inside",
"thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "N0tMv",
- "name": "y:",
- "fill": "$--ui-color-hint-2",
- "content": "y:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "U9Pkq",
- "name": "api-date-button-05",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "yjtGF",
- "name": "100",
- "fill": "#139707",
- "content": "100",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "s9eF4",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "wuCOI",
+ "name": "sprite-name-chip-02",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
- "type": "frame",
- "id": "ljEdD",
- "name": "api-param-row-28",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "9RAPP",
- "name": "seconds:",
- "fill": "$--ui-color-hint-2",
- "content": "seconds:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "I3YDi",
- "name": "api-date-button-06",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "nh7QL",
- "name": "100",
- "fill": "#139707",
- "content": "2",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- }
- ]
+ "type": "text",
+ "id": "UslD8",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
}
]
}
]
}
]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "KHTfZ",
+ "name": "Add Button",
+ "rotation": -0.10539739597776332,
+ "width": "fill_container",
+ "height": 44,
+ "fill": "#FAA135",
+ "cornerRadius": [
+ 0,
+ 0,
+ 0,
+ 20
+ ],
+ "layout": "vertical",
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "icon_font",
+ "id": "iLW8w",
+ "name": "addIcon",
+ "width": 16,
+ "height": 16,
+ "iconFontName": "add",
+ "iconFontFamily": "Material Symbols Rounded",
+ "weight": 500,
+ "fill": "#ffffffff"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "0SNj6",
+ "name": "Center Panel",
+ "width": "fill_container",
+ "height": "fill_container",
+ "fill": "$grey200",
+ "layout": "vertical",
+ "gap": 20,
+ "padding": [
+ 24,
+ 20
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "sRWhN",
+ "name": "sprite-item-header",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "gw2Lp",
+ "name": "输入文本",
+ "rotation": -0.1253305362213285,
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
},
{
"type": "frame",
- "id": "8g3Dm",
- "name": "api-reference-03",
+ "id": "MQYNG",
+ "name": "icon-edit-filled",
+ "width": 14,
+ "height": 14,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "Oq1Qw",
+ "x": 1.75,
+ "y": 1.7511392831802368,
+ "name": "pen-line",
+ "geometry": "M14.03711 8.99999l-9.03711 8.99804-5 0 0-5 8.99805-9.03698c0.117-0.118 0.30705-0.118 0.42505 0l4.61499 4.61499c0.117 0.117 0.11702 0.30695-0.00098 0.42395z m1.0708-1.474c0.117 0.117 0.30707 0.117 0.42407 0l1.87793-1.87793c0.784-0.784 0.784-2.05597 0-2.83997l-2.21997-2.22009c-0.784-0.784-2.05584-0.784-2.83984 0l-1.87818 1.87805c-0.117 0.117-0.117 0.30695 0 0.42395l4.63599 4.63599z m2.89209 9.72204l-7 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l7 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
+ "fill": "$grey900",
+ "width": 10.9375,
+ "height": 10.936352729797363,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.5833333730697632
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "QhZ4y",
+ "name": "preview",
+ "clip": true,
+ "width": 728,
+ "height": 676,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "mNFf5",
+ "x": 0,
+ "y": 0,
+ "name": "Editor/Background style",
"clip": true,
- "width": 264,
- "fill": "$--ui-color-grey-100",
+ "width": "fill_container(728)",
+ "height": "fill_container(676)",
+ "fill": "#ffffffff",
"cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
+ "thickness": 1.2380952835083008
},
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "niTGJ",
"x": 0,
- "y": 4
+ "y": 0,
+ "name": "Vector",
+ "geometry": "M0 0l728 0 0 546-728 0 0-546z",
+ "fill": "#ffffffff",
+ "width": 728,
+ "height": 676,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "xeJdQ",
+ "x": -18,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18.00001 0 0 18-17.99999 0 0 18 17.99999 0 0 18 18.00001 0 0-18-18.00001 0 0-18 18.00001 0 0-18z m-18.00001 72l18.00001 0 0 18-18.00001 0 0-18z m0 0l-17.99999 0 0-18 17.99999 0 0 18z m54.00001-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "Ji0eE",
+ "x": 54,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "ub1qn",
+ "x": 126,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "kSfCV",
+ "x": 198,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "IqaCX",
+ "x": 270,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "GzFnV",
+ "x": 342,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "61QMD",
+ "x": 414,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "g9fW7",
+ "x": 486,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "U9pYu",
+ "x": 558,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "YztKY",
+ "x": 630,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "IvzDV",
+ "x": 702,
+ "y": 586.8571166992188,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "xd3ra",
+ "x": -18,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18.00001 0 0 18-17.99999 0 0 18 17.99999 0 0 18 18.00001 0 0-18-18.00001 0 0-18 18.00001 0 0-18z m-18.00001 72l18.00001 0 0 18-18.00001 0 0-18z m0 0l-17.99999 0 0-18 17.99999 0 0 18z m54.00001-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "qrkHr",
+ "x": 54,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "y4GTs",
+ "x": 126,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "sFyEX",
+ "x": 198,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "qBUy1",
+ "x": 270,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "5EEpD",
+ "x": 342,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "ktzFq",
+ "x": 414,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "nDSjp",
+ "x": 486,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "T7t1s",
+ "x": 558,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "zIQ2W",
+ "x": 630,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "BH3Vt",
+ "x": 702,
+ "y": 364,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "0peUs",
+ "x": 0,
+ "y": 252.57144165039062,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "OtF5j",
+ "x": 72,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
},
- "blur": 21
- },
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "justifyContent": "center",
- "children": [
{
- "type": "frame",
- "id": "QTR00",
- "name": "api-param-input-03",
- "width": "fill_container",
+ "type": "path",
+ "id": "Nk6D1",
+ "x": 144,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
"stroke": {
"align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "8XtJa",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "EMSj4",
- "name": "group-1000004632",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "Dddxr",
- "name": "setCostume",
- "fill": "#b08a01ff",
- "content": "setCostume",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "REJRp",
- "name": "api-param-row-03",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "9sXEd",
- "name": "name:",
- "fill": "$--ui-color-hint-2",
- "content": "name:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "gXEef",
- "name": "api-param-row-04",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "ZUBXM",
- "name": "api-param-value-01",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "cornerRadius": 4,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "slDFZ",
- "name": "“sprite01”",
- "fill": "#9c2c2cff",
- "content": "“sprite01”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "1NvU7",
- "name": "api-reference-04",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "sAXAI",
+ "x": 216,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "fJdSp",
+ "x": 288,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "MVYYx",
+ "x": 360,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "RFFli",
+ "x": 432,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "gjzdS",
+ "x": 504,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "LUWbi",
+ "x": 576,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "wPIo8",
+ "x": 648,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "bWIHj",
+ "x": 720,
+ "y": 252.57142639160156,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "m0XJl",
+ "x": -18,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18.00001 0 0 18-17.99999 0 0 18 17.99999 0 0 18 18.00001 0 0-18-18.00001 0 0-18 18.00001 0 0-18z m-18.00001 72l18.00001 0 0 18-18.00001 0 0-18z m0 0l-17.99999 0 0-18 17.99999 0 0 18z m54.00001-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "bRFT3",
+ "x": 54,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "b4IAJ",
+ "x": 126,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "m27Gz",
+ "x": 198,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "427qh",
+ "x": 270,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "B9dnB",
+ "x": 342,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "Db70C",
+ "x": 414,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "2PWHK",
+ "x": 486,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "2SOQV",
+ "x": 558,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "K7LJT",
+ "x": 630,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "M2Nkl",
+ "x": 702,
+ "y": 141.14285278320312,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "VkI25",
"x": 0,
- "y": 4
+ "y": 29.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
},
- "blur": 21
- },
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "justifyContent": "center",
- "children": [
{
- "type": "frame",
- "id": "qp1a8",
- "name": "api-param-input-04",
+ "type": "path",
+ "id": "H9APw",
+ "x": 72,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
"stroke": {
"align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "St7aQ",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "IQ1oH",
- "name": "group-1000004628",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "5gndN",
- "name": "step",
- "fill": "#b08a01ff",
- "content": "step",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "OKm8N",
- "name": "api-param-row-05",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "8TpLI",
- "name": "distance:",
- "fill": "$--ui-color-hint-2",
- "content": "distance:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "bOSUN",
- "name": "api-date-button-07",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "bb1Im",
- "name": "100",
- "fill": "$--ui-color-grey-100",
- "content": "10",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "OuVNm",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "MgSoP",
- "name": "api-param-row-29",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "IKbsp",
- "name": "animation:",
- "fill": "$--ui-color-hint-2",
- "content": "animation:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "D5Jpq",
- "name": "api-param-select-01",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "EZEem",
- "name": "api-param-value-02",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "lSXOR",
- "name": "“run”",
- "fill": "#9c2c2cff",
- "content": "“run”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "V94UA",
- "name": "editor-blocks-section-02",
- "stroke": {
- "align": "inside",
- "thickness": {
- "bottom": 1
- },
- "fill": "$--ui-color-dividing-line-1"
- },
- "layout": "vertical",
- "gap": 8,
- "padding": [
- 0,
- 0,
- 16,
- 0
- ],
- "children": [
- {
- "type": "frame",
- "id": "UByX2",
- "name": "editor-blocks-section-02-header",
- "width": "fill_container",
- "height": 18,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "text",
- "id": "yZ3tu",
- "x": 0,
- "y": 0,
- "name": "Bbbb",
- "fill": "$--ui-color-hint-2",
- "content": "Bbbb",
- "lineHeight": 1.5,
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "500"
- }
- ]
- },
- {
- "type": "frame",
- "id": "6QGLN",
- "name": "editor-blocks-section-02-list",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": {
- "left": 1
- }
- },
- "layout": "vertical",
- "gap": 12,
- "justifyContent": "center",
- "children": [
- {
- "type": "frame",
- "id": "309F9",
- "name": "api-reference-01",
- "clip": true,
- "width": 238,
- "height": 28,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "Glpn8",
+ "x": 144,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "7nPnG",
+ "x": 216,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "adtuR",
+ "x": 288,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
},
- "blur": 21
- },
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "justifyContent": "center",
- "children": [
{
- "type": "frame",
- "id": "9SWOK",
- "name": "api-param-input-05",
+ "type": "path",
+ "id": "ugpTL",
+ "x": 360,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
"stroke": {
"align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "9cbGP",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "S1JU1",
- "name": "group-1000004628",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "YETMQ",
- "name": "step",
- "fill": "#b08a01ff",
- "content": "step",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "EBGBJ",
- "name": "api-param-row-06",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "6Jwnv",
- "name": "distance:",
- "fill": "$--ui-color-hint-2",
- "content": "distance:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "f04h9",
- "name": "api-date-button-08",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "tfG04",
- "name": "100",
- "fill": "$--ui-color-grey-100",
- "content": "10",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "eYsym",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "Renxa",
- "name": "api-param-row-30",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "NkscN",
- "name": "animation:",
- "fill": "$--ui-color-hint-2",
- "content": "animation:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "aAtl3",
- "name": "api-param-select-02",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "VaVI1",
- "name": "api-param-value-03",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "I6Ovd",
- "name": "“run”",
- "fill": "#9c2c2cff",
- "content": "“run”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "FwpLn",
- "name": "api-reference-02",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "wKadV",
+ "x": 432,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "bA0Ds",
+ "x": 504,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "NeDzr",
+ "x": 576,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "dWAXQ",
+ "x": 648,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "pnjDw",
+ "x": 720,
+ "y": 29.714284896850586,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "5YLai",
+ "x": -18,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18.00001 0 0 18-17.99999 0 0 18 17.99999 0 0 18 18.00001 0 0-18-18.00001 0 0-18 18.00001 0 0-18z m-18.00001 71.99997l18.00001 0 0 18.00003-18.00001 0 0-18.00003z m0 0l-17.99999 0.00005 0-18.00002 17.99999 0 0 17.99997z m54.00001-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "l5PzU",
+ "x": 54,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "iRrbI",
+ "x": 126,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "6oPKo",
+ "x": 198,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "6gteh",
+ "x": 270,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "V7gqK",
+ "x": 342,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "svyXX",
+ "x": 414,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "OY5HG",
+ "x": 486,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "VXW96",
+ "x": 558,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "hJC12",
+ "x": 630,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "5vYLX",
+ "x": 702,
+ "y": -81.71428680419922,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 71.99997l18 0 0 18.00003-18 0 0-18.00003z m0 0l-18 0.00005 0-18.00002 18 0 0 17.99997z m54-71.99997l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 71.99997l-18 0 0-17.99997-18 0 0 17.99997 18 0 0 18.00003 18 0 0-18.00003z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "MK8zj",
"x": 0,
- "y": 4
+ "y": 475.4285888671875,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
},
- "blur": 21
- },
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "children": [
{
- "type": "frame",
- "id": "aq3vz",
- "name": "api-param-input-06",
+ "type": "path",
+ "id": "mjCOC",
+ "x": 72,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
"stroke": {
"align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "S8yep",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "sNEgA",
- "name": "group-1000004629",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "e82CO",
- "name": "broadcast",
- "fill": "#b08a01ff",
- "content": "broadcast",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "Mgp1A",
- "name": "api-param-row-07",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "89wJQ",
- "name": "msg:",
- "fill": "$--ui-color-hint-2",
- "content": "msg:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "RIWjL",
- "name": "api-param-value-04",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "U7ftd",
- "name": "“score”",
- "fill": "#9c2c2cff",
- "content": "“score”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "qc502",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "O5EHo",
- "name": "api-param-row-22",
- "enabled": false,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "VYCGL",
- "name": "data:",
- "fill": "$--ui-color-hint-2",
- "content": "data:",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "ONdFX",
- "name": "api-date-button-09",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "zVkFb",
- "name": "100",
- "fill": "#139707ff",
- "content": "100",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "okZxY",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "8IKmP",
- "name": "api-param-row-31",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "29Vac",
- "name": "wait:",
- "fill": "$--ui-color-hint-2",
- "content": "wait:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "9V8pj",
- "name": "api-param-select-03",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "YxFJK",
- "name": "api-param-value-05",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "I7gOI",
- "name": "true",
- "fill": "#892ba8ff",
- "content": "true",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "W5VSh",
+ "x": 144,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "MgBkB",
+ "x": 216,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "3XCTR",
+ "x": 288,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "7Chrp",
+ "x": 360,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "WoVqb",
+ "x": 432,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "JayYk",
+ "x": 504,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "0Ygh6",
+ "x": 576,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "i0cW4",
+ "x": 648,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "path",
+ "id": "D4gB8",
+ "x": 720,
+ "y": 475.4285583496094,
+ "name": "Vector",
+ "geometry": "M36 0l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m-18 72l18 0 0 18-18 0 0-18z m0 0l-18 0 0-18 18 0 0 18z m54-72l-18 0 0 18-18 0 0 18 18 0 0 18 18 0 0-18-18 0 0-18 18 0 0-18z m0 72l-18 0 0-18-18 0 0 18 18 0 0 18 18 0 0-18z",
+ "fillRule": "evenodd",
+ "fill": "#eaf0f7ff",
+ "width": 72,
+ "height": 111.42857360839844,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2380952835083008
+ }
+ },
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "gWRyy",
+ "x": 180,
+ "y": 154,
+ "name": "Sprite01",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 368,
+ "height": 368,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
}
]
- },
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Yj21Z",
+ "name": "editor-panel-right",
+ "layout": "vertical",
+ "gap": 20,
+ "children": [
+ {
+ "type": "frame",
+ "id": "SwYgH",
+ "name": "preview-panel",
+ "clip": true,
+ "width": 492,
+ "cornerRadius": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-primary-300-aa6",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 10.5
+ },
+ "layout": "vertical",
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "xnI9d",
+ "name": "preview-panel-header",
+ "clip": true,
+ "width": 492,
+ "fill": "$grey100",
+ "cornerRadius": [
+ 20,
+ 20,
+ 0,
+ 0
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 113,
+ "padding": [
+ 6,
+ 16
+ ],
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "IoE0n",
+ "name": "Preview",
+ "fill": "$grey1000",
+ "content": "Preview",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "600"
+ },
+ {
+ "type": "frame",
+ "id": "apxPi",
+ "name": "preview-button-group",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 12,
+ "justifyContent": "end",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "NCyNn",
- "name": "api-reference-03",
- "clip": true,
- "width": 264,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "ZFdg2",
+ "name": "button-2-01",
+ "height": 32,
+ "fill": "$turquoise500",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
+ "thickness": 1
},
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "$--ui-color-title-a14",
+ "color": "$turquoise700",
"offset": {
"x": 0,
"y": 4
- },
- "blur": 21
+ }
},
- "layout": "vertical",
"gap": 4,
"padding": [
- 2,
- 6
+ 5,
+ 16
],
"justifyContent": "center",
+ "alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "biJW9",
- "name": "api-param-input-07",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "umERA",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "frame",
- "id": "GPVZx",
- "name": "api-param-row-32",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "2VtF6",
- "name": "api-param-value-06",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "yD67Y",
- "name": "onKey",
- "fill": "#b08a01ff",
- "content": "onKey",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "qjKNW",
- "name": "api-param-row-08",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "N7PVM",
- "name": "key:",
- "fill": "$--ui-color-hint-2",
- "content": "key:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "wwyDb",
- "name": "api-param-value-07",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "JRrnG",
- "name": "KeyLeft",
- "fill": "#0774cdff",
- "content": "KeyLeft",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "gESXo",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
+ "type": "frame",
+ "id": "cAnVG",
+ "name": "icon",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "0JyU8",
+ "x": 0.24395408442660482,
+ "y": -0.009999999999990905,
+ "name": "icon-run-outlined",
+ "width": 16,
+ "height": 16,
+ "layout": "none",
+ "children": [
{
- "type": "frame",
- "id": "ztZcZ",
- "name": "api-param-row-23",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "6wgSe",
- "name": "=> {}",
- "fill": "#000000ff",
- "content": "=> {}",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
+ "type": "path",
+ "id": "BJUev",
+ "x": 3.178999900817871,
+ "y": 1.799574375152588,
+ "geometry": "M0 2.07043c0-1.616 1.776-2.607 3.157-1.762l6.942 4.248c0.57255 0.35011 0.92172 0.97289 0.92172 1.644 0 0.67111-0.34916 1.29389-0.92172 1.644l-6.942 4.246c-1.381 0.845-3.157-0.146-3.157-1.762l0-8.258z m2.263-0.3c-0.11014-0.06846-0.24859-0.07239-0.36243-0.0103-0.11385 0.0621-0.1855 0.18063-0.18757 0.3103l0 8.25999c0 0.268 0.303 0.45 0.55 0.299l6.94-4.247 0.046-0.03699c0.04388-0.04681 0.06419-0.11097 0.05525-0.17451-0.00894-0.06353-0.04617-0.1196-0.10125-0.15249l-6.94-4.248z",
+ "fill": "$grey100",
+ "width": 11.02071762084961,
+ "height": 12.398851871490479
}
]
}
]
+ },
+ {
+ "type": "text",
+ "id": "zWLUF",
+ "name": "Button Text",
+ "fill": "$grey100",
+ "content": "Run",
+ "lineHeight": 1.5714285714285714,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "500"
}
]
},
{
"type": "frame",
- "id": "fzlYy",
- "name": "api-reference-04",
- "clip": true,
- "width": 264,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "v40PE",
+ "name": "button-2-02",
+ "height": 32,
+ "fill": "$turquoise200",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
+ "thickness": 1
},
"effect": {
"type": "shadow",
"shadowType": "outer",
- "color": "$--ui-color-title-a14",
+ "color": "$turquoise300",
"offset": {
"x": 0,
"y": 4
+ }
+ },
+ "gap": 4,
+ "padding": [
+ 5,
+ 16
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "qg284",
+ "name": "icon",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "CaEcA",
+ "x": 2.0008544921875,
+ "y": 2,
+ "name": "union",
+ "geometry": "M9.5821 0.05929c0.67111-0.16739 1.36535 0.02471 1.85351 0.51269 0.45812 0.45829 0.6555 1.09807 0.54102 1.72852l-0.02735 0.12597-1.90625 7.625 0 0.00098-0.00586 0.02344c-0.27096 1.08144-1.16288 1.8333-2.2539 1.92285l-0.00879 0.00098-0.20312 0.00781-0.02637 0c-1.19703-0.00873-2.19132-0.80172-2.46582-1.9668l-0.59473-2.52051-2.51758-0.59082c-1.16497-0.27453-1.95799-1.26894-1.96679-2.46582-0.00834-1.19698 0.77154-2.20181 1.93261-2.49218l7.64942-1.91211z m0.42968 1.45117l-0.07714 0.01465-7.6377 1.90918c-0.58492 0.1465-0.79166 0.62883-0.78906 1.01855 0.00291 0.38978 0.21616 0.86937 0.80371 1.00781l2.56348 0.60254 2.3457-2.34277c0.29449-0.29422 0.77187-0.29424 1.06641 0 0.29416 0.29452 0.29423 0.77191 0 1.06641l-2.34375 2.34375 0.60351 2.56543c0.13849 0.58666 0.61737 0.79964 1.00684 0.80273l0.00195 0.00098c0.40961 0.0035 0.86975-0.20131 1.01758-0.79004l1.91211-7.64942c0.03812-0.15367-0.00562-0.30955-0.11719-0.42089l-0.00586-0.00586c-0.08531-0.08244-0.19428-0.12499-0.30566-0.125-0.01395 0.00002-0.02903 0.00027-0.04493 0.00195z m-3.583 8.45605c0.00301 0.00717 0.00568 0.01443 0.00879 0.02149-0.00317-0.00703-0.00572-0.01433-0.00879-0.02149z m-4.61328-3.28613c0.06431 0.02088 0.13018 0.03888 0.19726 0.05469l0-0.00098c-0.06699-0.01579-0.13299-0.03309-0.19726-0.05371z m6.33007-2.03516l0 0.00098c0.02698-0.027 0.05104-0.05625 0.07129-0.08691l0-0.00098c-0.02029 0.03077-0.04422 0.05983-0.07129 0.08691z m-5.89648-1.40527c-0.04373 0.01094-0.08574 0.02407-0.12598 0.03809l0.12598-0.03711 7.64941-1.91309-7.64941 1.91211z m9.50586-0.8623l0.03809-0.19825c0.00064-0.00484 0.00037-0.0098 0.00097-0.01464-0.0088 0.07099-0.02147 0.14213-0.03906 0.21289z",
+ "fill": "$turquoise500",
+ "width": 12.00848388671875,
+ "height": 12.007529258728027
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "iBf9F",
+ "name": "Button Text",
+ "fill": "$turquoise500",
+ "content": "Publish",
+ "lineHeight": 1.5714285714285714,
+ "textAlign": "center",
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "500"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "udLri",
+ "name": "preview-panel-body",
+ "fill": "$grey100",
+ "cornerRadius": [
+ 0,
+ 0,
+ 20,
+ 20
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "top": 1
+ },
+ "fill": "$grey400"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-shadow-custom-3",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 3.5
+ },
+ "layout": "vertical",
+ "gap": 10,
+ "padding": 12,
+ "children": [
+ {
+ "type": "frame",
+ "id": "Ufm4v",
+ "name": "preview-canvas",
+ "clip": true,
+ "width": 468,
+ "height": 351,
+ "fill": "$grey100",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.8833333253860474
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "Ov03j",
+ "x": 0,
+ "y": 0,
+ "name": "icon-error-bg",
+ "width": 468,
+ "height": 351,
+ "layout": "none",
+ "children": [
+ {
+ "type": "group",
+ "id": "1iv27",
+ "x": -6,
+ "y": -33,
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "mcy03",
+ "x": 2,
+ "y": 6,
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 484,
+ "height": 409
+ },
+ {
+ "type": "path",
+ "id": "hKKSf",
+ "x": 0,
+ "y": 0,
+ "geometry": "M0 64l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-450-379l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m-240-191l30-32 30.5 32-30.5 32-30-32z m0-32l-60 64m0 0l30 32m0-32l-30 32m30 0l-60 64m30-160l-60 64m-30-64l-60 64m60-128l-60 64m120 96l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m-30-64l30 32m0-64l30 32m30-32l-30 32m-30-64l-30 32m90-64l60 64m-120-96l60 64m-30 0l30 32m30 128l30 32m0-32l-30 32m-30-32l30 32m300-384l-60 64m0-64l60 64m-150-32l-30 32m0-32l30 32m0 0l-30 32m90 0l-30-32-30-32m90 32l30 32m0-32l-30 32m-30-32l30 32m150 128l-60 64m0 0l30 32m0-32l-30 32m30 0l-60 64m30-160l-60 64m-30-64l-60 64m60-128l-60 64m120 96l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m-30-64l30 32m0-64l30 32m30-32l-30 32m-30-64l-30 32m90-64l60 64m-120-96l60 64m-30 0l30 32m30 128l30 32m0-32l-30 32m-30-32l30 32m-180-384l-60 64m0-64l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m90 32l30 32m0-32l-30 32m-30-32l30 32",
+ "width": 514,
+ "height": 416,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "snuRH",
+ "x": 244,
+ "y": 97,
+ "geometry": "M24.51401 8.402c0.95615 1.3748 1.6033 2.94034 1.897 4.589l3.58899 0 0 4.10199-3.58899 0c-0.29355 1.64902-0.9407 3.2149-1.897 4.59001l2.539 2.545-2.89301 2.9-2.53799-2.545c-1.36929 0.95915-2.93124 1.60822-4.57701 1.902l0 3.599-4.09 0 0-3.599c-1.64578-0.29378-3.20772-0.94285-4.57699-1.902l-2.538 2.546-2.893-2.901 2.539-2.546c-0.95618-1.3748-1.60333-2.94034-1.89701-4.589l-3.589 0 0-4.10199 3.589 0c0.29353-1.64902 0.9407-3.2149 1.89699-4.59001l-2.539-2.545 2.89301-2.9 2.53799 2.545c1.36929-0.95915 2.93123-1.60822 4.57701-1.902l0-3.599 4.09 0 0 3.599c1.679 0.3 3.23201 0.961 4.57701 1.902l2.53799-2.546 2.89301 2.901-2.539 2.546z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 30,
+ "height": 30.083999633789062,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "7tlVI",
+ "x": 255.25,
+ "y": 108.28199768066406,
+ "geometry": "M3.75 7.52c0.9959-0.00133 1.95045-0.39822 2.65372-1.10334 0.70328-0.70514 1.0976-1.66077 1.09628-2.65666 0.00131-0.99589-0.39301-1.95152-1.09628-2.65665-0.70326-0.70513-1.65782-1.10202-2.65372-1.10335-0.9959 0.00133-1.95045 0.39822-2.65372 1.10335-0.70326 0.70514-1.09761 1.66077-1.09628 2.65665-0.00133 0.99589 0.39302 1.95152 1.09628 2.65666 0.70326 0.70513 1.65782 1.10202 2.65372 1.10334z m99.51401 22.6c0.95614 1.3748 1.6033 2.94034 1.897 4.589l3.58899 0 0 4.102-3.58899 0c-0.2937 1.64867-0.94086 3.2142-1.897 4.589l2.539 2.546-2.89301 2.901-2.53799-2.546c-1.36929 0.95915-2.93125 1.60822-4.577 1.902l0 3.599-4.08999 0 0-3.599c-1.64578-0.29378-3.20773-0.94285-4.57703-1.902l-2.53799 2.546-2.89301-2.901 2.539-2.546c-0.95615-1.3748-1.6033-2.94034-1.897-4.589l-3.58899 0 0-4.10199 3.58899 0c0.2937-1.64867 0.94086-3.2142 1.897-4.58901l-2.539-2.546 2.89301-2.9 2.53799 2.545c1.36929-0.95915 2.93124-1.60822 4.577-1.902l0-3.599 4.08999 0 0 3.599c1.67899 0.3 3.23199 0.961 4.577 1.902l2.53799-2.546 2.89301 2.901-2.53897 2.546z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 108.75,
+ "height": 51.802001953125,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "FGkr9",
+ "x": 345.25,
+ "y": 98,
+ "geometry": "M3.75 50.802c0.99588-0.00133 1.95047-0.39822 2.65372-1.10335 0.70328-0.70514 1.0976-1.66077 1.09628-2.65665 0.00278-2.07399-1.67599-3.75769-3.75-3.761-2.07401 0.00331-3.75278 1.68701-3.75 3.761-0.00131 0.99589 0.39301 1.95152 1.09628 2.65665 0.70325 0.70513 1.65784 1.10202 2.65372 1.10335z m64.02899-33.999c1.91211 2.74999 3.20609 5.8814 3.793 9.179l7.17801 0 0 8.20401-7.17801 0c-0.58691 3.29759-1.88089 6.429-3.793 9.17899l5.077 5.091-5.78501 5.801-5.078-5.091c-2.73795 1.91804-5.86111 3.21617-9.15198 3.804l0 7.198-8.182 0 0-7.198c-3.29086-0.58783-6.41403-1.88596-9.15201-3.804l-5.078 5.091-5.78501-5.801 5.077-5.091c-1.91208-2.74999-3.20605-5.8814-3.79297-9.179l-7.17801 0 0-8.204 7.17801 0c0.58691-3.29759 1.88089-6.429 3.793-9.179l-5.077-5.09 5.78501-5.802 5.078 5.08999c2.73804-1.91767 5.86121-3.21546 9.15198-3.80299l0-7.198 8.182 0 0 7.198c3.35599 0.6 6.46301 1.923 9.15201 3.804l5.078-5.091 5.78501 5.801-5.07703 5.091z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 78.75,
+ "height": 60.167999267578125,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "W2twX",
+ "x": 184,
+ "y": 120.56199645996094,
+ "geometry": "M210 15.042c4.142 0 7.5-3.367 7.5-7.52 0-4.154-3.358-7.522-7.5-7.522-4.142 0-7.5 3.368-7.5 7.522 0 4.153 3.358 7.52 7.5 7.52z m-185.48599 194.79801c0.95616 1.37479 1.60332 2.94034 1.89698 4.58899l3.58901 0 0 4.10199-3.58901 0c-0.29367 1.64868-0.94083 3.2142-1.89698 4.58902l2.539 2.54599-2.89301 2.901-2.53799-2.54599c-1.36929 0.95914-2.93123 1.60822-4.57701 1.90198l0 3.599-4.09 0 0-3.599c-1.64578-0.29376-3.20772-0.94284-4.57699-1.90198l-2.538 2.54599-2.893-2.901 2.539-2.54599c-0.95618-1.37482-1.60333-2.94034-1.89701-4.58902l-3.589 0 0-4.10199 3.589 0c0.29367-1.64865 0.94083-3.2142 1.89699-4.58899l-2.539-2.54599 2.89301-2.901 2.53799 2.54599c1.36929-0.95917 2.93123-1.60825 4.57701-1.90201l0-3.599 4.09 0 0 3.599c1.679 0.29999 3.232 0.961 4.57699 1.90201l2.538-2.54599 2.893 2.901-2.53898 2.54599z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 217.5,
+ "height": 231.52198791503906,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "T3Thf",
+ "x": 195.25,
+ "y": 333.281005859375,
+ "geometry": "M3.75 7.521c0.9959-0.00131 1.95045-0.39822 2.65372-1.10337 0.70326-0.70514 1.09761-1.66074 1.09628-2.65664 0.00276-2.07397-1.67601-3.75769-3.75-3.76099-2.07399 0.0033-3.75276 1.68701-3.75 3.76099-0.00133 0.99591 0.39302 1.95151 1.09628 2.65664 0.70326 0.70514 1.65782 1.10205 2.65372 1.10337z m99.51401 20.6c0.95614 1.37479 1.6033 2.94034 1.897 4.58899l3.58899 0 0 4.10199-3.58899 0c-0.2937 1.64868-0.94086 3.2142-1.897 4.58902l2.539 2.54599-2.89301 2.901-2.53799-2.54599c-1.36929 0.95914-2.93125 1.60822-4.577 1.90198l0 3.599-4.08999 0 0-3.599c-1.64578-0.29376-3.20773-0.94284-4.57703-1.90198l-2.53799 2.54599-2.89301-2.901 2.539-2.54599c-0.95615-1.37482-1.6033-2.94034-1.897-4.58902l-3.58899 0 0-4.10199 3.58899 0c0.2937-1.64865 0.94086-3.2142 1.897-4.58899l-2.539-2.54599 2.89301-2.901 2.53799 2.54599c1.36929-0.95917 2.93124-1.60825 4.577-1.90201l0-3.599 4.08999 0 0 3.599c1.67899 0.29999 3.23199 0.961 4.577 1.90201l2.53799-2.54599 2.89301 2.901-2.53897 2.54599z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 108.75,
+ "height": 49.802978515625,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "AKim7",
+ "x": 214,
+ "y": 290,
+ "geometry": "M75 81.802c0.99588-0.00131 1.95047-0.39822 2.65372-1.10336 0.70328-0.70514 1.09759-1.66074 1.09628-2.65665 0.00278-2.07397-1.676-3.75769-3.75-3.76098-2.074 0.0033-3.75278 1.68701-3.75 3.76098-0.00131 0.99591 0.39301 1.95151 1.09628 2.65665 0.70325 0.70514 1.65784 1.10205 2.65372 1.10336z m-25.97101-64.99899c1.91211 2.75 3.20608 5.88141 3.793 9.17899l7.17801 0 0 8.20401-7.17801 0c-0.58691 3.29758-1.88089 6.42902-3.793 9.17898l5.077 5.091-5.78501 5.801-5.078-5.09101c-2.73795 1.91806-5.86111 3.21619-9.15198 3.80402l0 7.198-8.182 0 0-7.198c-3.29086-0.58783-6.41403-1.88596-9.152-3.80402l-5.078 5.09101-5.785-5.801 5.07699-5.091c-1.91209-2.74997-3.20607-5.88141-3.793-9.17898l-7.17799 0 0-8.20402 7.17799 0c0.58693-3.29758 1.88091-6.42899 3.793-9.17898l-5.07699-5.091 5.785-5.801 5.078 5.091c2.73796-1.91806 5.86113-3.21619 9.152-3.80401l0-7.198 8.182 0 0 7.198c3.29086 0.58783 6.41403 1.88596 9.152 3.80401l5.07798-5.091 5.78501 5.801-5.077 5.091z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 78.75,
+ "height": 81.802001953125,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "64rhr",
+ "x": 16,
+ "y": 32,
+ "geometry": "M228 295.604c4.142 0 7.5-3.367 7.5-7.52099 0-4.15302-3.358-7.521-7.5-7.521-4.142 0-7.5 3.36801-7.5 7.521 0 4.15298 3.358 7.52099 7.5 7.52099z m-138-231.604l10.362 0c4.162 0 7.536 3.275 7.536 7.314l0 24.686c0-3.03-2.531-5.486-5.652-5.486l-12.246 0 0-26.514z m35.79601 0l-10.362 0c-4.16201 0-7.53601 3.275-7.53601 7.314l0 24.686c0-3.03 2.53-5.486 5.652-5.486l12.24601 0 0-26.514z m-125.79601-64l10.362 0c4.162 0 7.536 3.275 7.536 7.314l0 24.686c0-3.03-2.53-5.486-5.652-5.486l-12.246 0 0-26.514z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 235.5,
+ "height": 295.60400390625,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "kKXvz",
+ "x": 33.89799880981445,
+ "y": 32,
+ "geometry": "M17.898 0l-10.362 0c-4.162 0-7.536 3.275-7.536 7.314l0 24.686c0-3.03 2.53-5.486 5.652-5.486l12.246 0 0-26.514z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 17.89800262451172,
+ "height": 32,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "4ncUa",
+ "x": 244,
+ "y": 384,
+ "geometry": "M14.25 23.99899l-12 0c-1.24265 0-2.25-1.00736-2.25-2.25l0-19.49899c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 11.16101",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 29.998992919921875,
+ "height": 23.998992919921875
+ },
+ {
+ "type": "path",
+ "id": "rmKsu",
+ "x": 244,
+ "y": 384,
+ "geometry": "M14.25 23.99899l-12 0c-1.24265 0-2.25-1.00736-2.25-2.25l0-19.49899c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 11.16101",
+ "width": 29.998992919921875,
+ "height": 23.998992919921875,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "36EWh",
+ "x": 244,
+ "y": 384,
+ "geometry": "M0 2.25c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 6.75-29.99899 0 0-6.75z",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 29.998992919921875,
+ "height": 9,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "eMBMK",
+ "x": 99.50900268554688,
+ "y": 201.21600341796875,
+ "geometry": "M0 22.84l8.565-22.84m10.669 22.84l-8.565-22.84",
+ "width": 19.23400115966797,
+ "height": 22.839996337890625,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "7o2TW",
+ "x": 105.9209976196289,
+ "y": 195.20599365234375,
+ "geometry": "M3.205 6.41c1.14503 0 2.20309-0.61087 2.77561-1.60249 0.57252-0.99164 0.57252-2.21338 0-3.205-0.57252-0.99164-1.63058-1.60251-2.77561-1.60251-1.77007 0-3.205 1.43494-3.205 3.205 0 1.77008 1.43493 3.205 3.205 3.205",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 6.410003662109375,
+ "height": 6.410003662109375,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "lPxmq",
+ "x": 98.25,
+ "y": 192,
+ "geometry": "M21.751 23.241c-3.2387 2.09863-7.01681 3.21233-10.876 3.20601-3.85886 0.00612-7.63658-1.10757-10.875-3.20601m10.875-20.03501l0-3.20599m290.134 192.056l8.56501-22.84m10.669 22.84l-8.565-22.84",
+ "width": 320.2430114746094,
+ "height": 192.05599975585938,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "nKQzX",
+ "x": 405.6709899902344,
+ "y": 355.20599365234375,
+ "geometry": "M3.20502 6.41c1.77008 0 3.20499-1.43494 3.20498-3.20498 0-1.77008-1.43491-3.20502-3.20498-3.20502-1.77008 0-3.20502 1.43494-3.20502 3.20502 0 1.77005 1.43494 3.20499 3.20502 3.20498",
+ "fill": "$--ui-color-dividing-line-2",
+ "width": 6.410003662109375,
+ "height": 6.410003662109375,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "wAoag",
+ "x": 398,
+ "y": 352,
+ "geometry": "M21.75101 23.241c-3.23871 2.09863-7.01682 3.21234-10.87601 3.20599-3.85886 0.00613-7.6366-1.10754-10.875-3.20599m10.875-20.03501l0-3.20599",
+ "width": 21.751007080078125,
+ "height": 26.447021484375,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "6LrWm",
+ "x": 424,
+ "y": 161,
+ "geometry": "M15 15c4.14215 0 7.5-3.35786 7.5-7.5 0-4.14214-3.35785-7.5-7.5-7.5l0 15z m0 0c0 4.14214 3.35785 7.5 7.5 7.5 4.14215 0 7.5-3.35786 7.5-7.5l-15 0z m0 0c0-4.14214-3.35785-7.5-7.5-7.5-4.14215 0-7.5 3.35786-7.5 7.5l15 0z m0 0c-4.14215 0-7.5 3.35786-7.5 7.5 0 4.14214 3.35785 7.5 7.5 7.5l0-15z",
+ "width": 30,
+ "height": 30,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "fill": "#fff"
+ }
+ },
+ {
+ "type": "path",
+ "id": "NfN7C",
+ "x": 334,
+ "y": 194,
+ "geometry": "M30 7.5l-7.5-7.5-2.81201 2.812-2.81299 2.813-5.625 5.625-5.625 5.625-2.81299 2.813-2.81201 2.812 7.5 7.5 22.5-22.5z m-10.31201-4.688l-16.87601 16.87599m0.93799-0.93801l3 3m0.75-6.75l4.5 4.5m-0.75-8.25l3 3m0.75-6.75l4.5 4.5m-0.75-8.25l3 3",
+ "width": 30,
+ "height": 30,
+ "stroke": {
+ "align": "center",
+ "thickness": 1,
+ "join": "round",
+ "cap": "round",
+ "fill": "#fff"
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "VSmgF",
+ "name": "side-panel-stack",
+ "height": 369,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 20,
+ "children": [
+ {
+ "type": "frame",
+ "id": "gbVu9",
+ "name": "assets-stage-row",
+ "width": 492,
+ "height": 369,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 20,
+ "justifyContent": "space_between",
+ "children": [
+ {
+ "type": "frame",
+ "id": "oOexP",
+ "name": "sprite-sound-panels",
+ "clip": true,
+ "width": 392,
+ "height": "fill_container",
+ "fill": "$grey100",
+ "cornerRadius": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-primary-300-aa6",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 10.5
+ },
+ "children": [
+ {
+ "type": "frame",
+ "id": "JHimd",
+ "name": "sprite-panel",
+ "clip": true,
+ "width": 312,
+ "height": 371,
+ "fill": "$grey100",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "right": 1
},
- "blur": 21
+ "fill": "$grey300"
},
"layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "justifyContent": "center",
"children": [
{
"type": "frame",
- "id": "3RHou",
- "name": "api-param-input-08",
+ "id": "5bpWE",
+ "name": "sprite-panel-list",
"width": "fill_container",
+ "height": "fill_container",
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "right": 1
+ }
},
+ "layout": "vertical",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "7AbvR",
- "name": "param-input-trigger",
+ "id": "bRmGb",
+ "name": "sprite-panel-header",
"clip": true,
- "cornerRadius": 8,
+ "width": "fill_container",
+ "height": 44,
+ "fill": "$yellow500",
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "bottom": 1
+ }
},
- "gap": 4,
+ "gap": 10,
"padding": [
- 2,
- 0
+ 9,
+ 16
],
+ "justifyContent": "space_between",
+ "alignItems": "center",
"children": [
{
- "type": "group",
- "id": "tWhJG",
- "name": "group-1000004631",
- "layout": "horizontal",
+ "type": "text",
+ "id": "djBBY",
+ "name": "Sprites",
+ "fill": "$--ui-color-grey-100",
+ "content": "Sprites",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 16,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "4Wi6O",
+ "name": "sprite-add-button",
+ "width": 28,
+ "height": 28,
+ "cornerRadius": 14,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
"gap": 10,
- "padding": [
- 0,
- 2
- ],
+ "padding": 10,
"justifyContent": "center",
"alignItems": "center",
"children": [
{
- "type": "text",
- "id": "tXhny",
- "name": "nextBackdrop",
- "fill": "#b08a01ff",
- "content": "nextBackdrop",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "MZwYB",
+ "name": "icon-plus",
+ "width": 16,
+ "height": 16,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "w3v9z",
+ "x": 2.082094083846414,
+ "y": 1.8376237714321633,
+ "geometry": "M9 0c0.82843 0 1.5 0.67157 1.5 1.5l0 6 6 0c0.82843 0 1.5 0.67157 1.5 1.5 0 0.82843-0.67157 1.5-1.5 1.5l-6 0 0 6c0 0.82843-0.67157 1.5-1.5 1.5-0.82843 0-1.5-0.67157-1.5-1.5l0-6-6 0c-0.82843 0-1.5-0.67157-1.5-1.5 0-0.82843 0.67157-1.5 1.5-1.5l6 0 0-6c0-0.82843 0.67157-1.5 1.5-1.5",
+ "fill": "$--ui-color-grey-100",
+ "width": 12,
+ "height": 12
+ }
+ ]
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "zJtvf",
+ "name": "sprite-panel-list-content",
+ "width": "fill_container",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 12,
+ 16
+ ],
+ "children": [
{
"type": "frame",
- "id": "Dl43j",
- "name": "api-param-row-09",
+ "id": "Uj8A5",
+ "name": "sprite-card-01",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
"thickness": 1
},
- "alignItems": "center",
+ "layout": "none",
"children": [
- {
- "type": "text",
- "id": "GmAlB",
- "name": "wait:",
- "fill": "$--ui-color-hint-2",
- "content": "wait:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "5uKNR",
- "name": "api-param-row-10",
+ "id": "BPW9G",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$yellow200",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 2,
+ "fill": "$yellow500"
},
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "kYg32",
- "name": "api-param-value-08",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
+ "id": "pd5BL",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
},
- "cornerRadius": 4,
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "Lr4NH",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "rftfJ",
+ "name": "sprite-name-chip-01",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
+ "gap": 10,
"padding": [
0,
- 2
+ 8
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "5SvcE",
- "name": "true",
- "fill": "#892ba8ff",
- "content": "true",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
+ "id": "54IBP",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
"fontWeight": "normal"
}
]
}
]
+ },
+ {
+ "type": "frame",
+ "id": "EGKzG",
+ "x": 68,
+ "y": -4,
+ "name": "more",
+ "width": 24,
+ "height": 24,
+ "fill": "$yellow500",
+ "cornerRadius": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.7674450874328613
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "QLqQn",
+ "x": 4,
+ "y": 4,
+ "name": "icon-more-horizontal-filled",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "Ib4GR",
+ "x": 1.3433431386947632,
+ "y": 6.666666507720947,
+ "name": "more-horizontal",
+ "geometry": "M2.005 4c-1.104 0-2.005-0.896-2.005-2 0-1.104 0.89-2 1.995-2l0.01 0c1.104 0 2 0.896 2 2 0 1.104-0.895 2-2 2z m10.00001-2c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.995 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z m8 0c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.99499 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z",
+ "fill": "$grey100",
+ "width": 13.336669921875,
+ "height": 2.6666667461395264,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
}
]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "ojt1K",
- "name": "api-reference-05",
- "clip": true,
- "width": 264,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
- },
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "justifyContent": "center",
- "children": [
- {
- "type": "frame",
- "id": "wc3FU",
- "name": "api-param-input-09",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "dBCL0",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
+ },
{
- "type": "group",
- "id": "bUcg0",
- "name": "group-1000004632",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
+ "type": "frame",
+ "id": "a0fZ7",
+ "name": "sprite-card-02",
+ "width": 88,
+ "height": 88,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
"children": [
{
- "type": "text",
- "id": "6ApWF",
- "name": "setCostume",
- "fill": "#b08a01ff",
- "content": "setCostume",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "NbU7f",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "MpCap",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "aSnuV",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "1XNms",
+ "name": "sprite-name-chip-02",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "XqoZg",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
}
]
},
{
"type": "frame",
- "id": "sowfG",
- "name": "api-param-row-11",
+ "id": "p0rNS",
+ "name": "sprite-card-03",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
"thickness": 1
},
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "XD6Df",
- "name": "name:",
- "fill": "$--ui-color-hint-2",
- "content": "name:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
+ "layout": "none",
+ "children": [
{
"type": "frame",
- "id": "mMA01",
- "name": "api-param-row-12",
+ "id": "NlGSZ",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "ITgpd",
- "name": "api-param-value-09",
- "clip": true,
+ "id": "8aZrn",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "6H5ob",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "fill"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "4PkTm",
+ "name": "sprite-name-chip-03",
+ "width": 84,
+ "height": 22,
"fill": {
"type": "color",
- "color": "$--ui-color-disabled-text",
+ "color": "$grey1000",
"enabled": false
},
- "cornerRadius": 4,
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
+ "gap": 10,
"padding": [
0,
- 2
+ 8
],
"justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "SyOiS",
- "name": "“sprite01”",
- "fill": "#9c2c2cff",
- "content": "“sprite01”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
+ "id": "7hi02",
+ "name": "Sprite01",
+ "fill": "$--ui-color-title",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
"fontWeight": "normal"
}
]
@@ -6862,586 +13264,1134 @@
]
}
]
- }
- ]
- },
- {
- "type": "frame",
- "id": "h7Ube",
- "name": "api-reference-06",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
},
- "blur": 21
- },
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "children": [
{
"type": "frame",
- "id": "t3Wde",
- "name": "api-param-input-10",
+ "id": "DokkH",
+ "name": "sprite-panel-inspector",
+ "width": 312,
+ "fill": "$grey100",
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "top": 1
+ }
},
- "alignItems": "center",
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-title-a14",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 21
+ },
+ "layout": "vertical",
+ "gap": 12,
+ "padding": 12,
+ "justifyContent": "end",
"children": [
{
"type": "frame",
- "id": "DceMW",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
+ "id": "KP1fd",
+ "name": "sprite-inspector-header",
+ "width": "fill_container",
+ "height": 32,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
"padding": [
- 2,
+ 4,
0
],
+ "justifyContent": "space_between",
+ "alignItems": "center",
"children": [
- {
- "type": "group",
- "id": "icTS1",
- "name": "group-1000004629",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "rAFuJ",
- "name": "broadcast",
- "fill": "#b08a01ff",
- "content": "broadcast",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
{
"type": "frame",
- "id": "BCVxk",
- "name": "api-param-row-13",
+ "id": "WVXBJ",
+ "name": "sprite-item-header",
"stroke": {
"align": "inside",
"thickness": 1
},
+ "gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "vcPNa",
- "name": "msg:",
- "fill": "$--ui-color-hint-2",
- "content": "msg:",
+ "id": "N231U",
+ "name": "输入文本",
+ "fill": "$grey1000",
+ "content": "Sprite01",
"lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
"fontSize": 13,
"fontWeight": "normal"
},
{
"type": "frame",
- "id": "NMkOf",
- "name": "api-param-value-10",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
+ "id": "0dTY4",
+ "name": "icon-edit-filled",
+ "width": 14,
+ "height": 14,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "text",
- "id": "xRyGn",
- "name": "“score”",
- "fill": "#9c2c2cff",
- "content": "“score”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
+ "type": "path",
+ "id": "PXbvJ",
+ "x": 1.75,
+ "y": 1.7511392831802368,
+ "name": "pen-line",
+ "geometry": "M14.03711 8.99999l-9.03711 8.99804-5 0 0-5 8.99805-9.03698c0.117-0.118 0.30705-0.118 0.42505 0l4.61499 4.61499c0.117 0.117 0.11702 0.30695-0.00098 0.42395z m1.0708-1.474c0.117 0.117 0.30707 0.117 0.42407 0l1.87793-1.87793c0.784-0.784 0.784-2.05597 0-2.83997l-2.21997-2.22009c-0.784-0.784-2.05584-0.784-2.83984 0l-1.87818 1.87805c-0.117 0.117-0.117 0.30695 0 0.42395l4.63599 4.63599z m2.89209 9.72204l-7 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l7 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
+ "fill": "$grey900",
+ "width": 10.9375,
+ "height": 10.936352729797363,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.5833333730697632
+ }
}
]
- },
- {
- "type": "text",
- "id": "I05IF",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "icTh4",
- "name": "api-param-row-24",
- "enabled": false,
+ "id": "0t43K",
+ "name": "sprite-inspector-action",
+ "cornerRadius": [
+ 0,
+ 0,
+ 2,
+ 2
+ ],
"stroke": {
"align": "inside",
"thickness": 1
},
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "enabled": false,
+ "color": "$--ui-shadow-custom-1",
+ "offset": {
+ "x": 0,
+ "y": -2
+ },
+ "blur": 7
+ },
+ "gap": 10,
+ "padding": 4,
"alignItems": "center",
"children": [
- {
- "type": "text",
- "id": "uhKuL",
- "name": "data:",
- "fill": "$--ui-color-hint-2",
- "content": "data:",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "ObCm2",
- "name": "api-date-button-10",
- "clip": true,
+ "id": "hPTsu",
+ "name": "icon-fold-outlined",
+ "width": 16,
+ "height": 16,
"fill": {
"type": "color",
- "color": "$--ui-color-disabled-text",
+ "color": "$grey100",
"enabled": false
},
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.5
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "WdZjg",
+ "x": 2.3447265625,
+ "y": 2.7998046875,
+ "name": "vector",
+ "geometry": "M1.06066 3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z m0-3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z",
+ "fill": "$--ui-color-hint-2",
+ "width": 11.313708305358887,
+ "height": 10.374252319335938
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "YUtVK",
+ "name": "sprite-inspector-inputs",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 12,
+ "children": [
+ {
+ "type": "frame",
+ "id": "zNvzP",
+ "name": "input-01",
+ "clip": true,
+ "width": 82,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "children": [
+ {
+ "type": "frame",
+ "id": "iVExh",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
- "justifyContent": "center",
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
"alignItems": "center",
"children": [
+ {
+ "type": "frame",
+ "id": "JvHSH",
+ "name": "prefix-text",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "P4LIH",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "X",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "XaG0K",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "-343",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
{
"type": "text",
- "id": "GcNyi",
- "name": "100",
- "fill": "#139707ff",
- "content": "100",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
+ "id": "uh2Hy",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
"fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "9yvpr",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "OLGXU",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "6lcDL",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
}
]
},
{
"type": "text",
- "id": "z3pRO",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
+ "id": "JwSD9",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "ZJ6g5",
- "name": "api-param-row-33",
+ "id": "ZvO61",
+ "name": "input-02",
+ "clip": true,
+ "width": 82,
"stroke": {
"align": "inside",
"thickness": 1
},
- "alignItems": "center",
+ "layout": "vertical",
+ "gap": 4,
"children": [
- {
- "type": "text",
- "id": "uMTdF",
- "name": "wait:",
- "fill": "$--ui-color-hint-2",
- "content": "wait:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "fQ2ww",
- "name": "api-param-select-04",
+ "id": "cL74Q",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "QpczX",
- "name": "api-param-value-11",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
+ "id": "louoy",
+ "name": "prefix-text",
+ "width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
+ "gap": 8,
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "ToYO9",
- "name": "true",
- "fill": "#892ba8ff",
- "content": "true",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
+ "id": "iKy08",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "Y",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "RQbAR",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "-499",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
"fontWeight": "normal"
}
]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "7qsCU",
- "name": "api-reference-07",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
- },
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "children": [
- {
- "type": "frame",
- "id": "bsNTv",
- "name": "api-param-input-11",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "VNo4M",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "SjXrC",
- "name": "group-1000004629",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "LZ4Rm",
- "name": "broadcast",
- "fill": "#b08a01ff",
- "content": "broadcast",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "KB9PO",
- "name": "api-param-row-14",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "pjlLc",
- "name": "msg:",
- "fill": "$--ui-color-hint-2",
- "content": "msg:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "fkcH3",
- "name": "api-param-value-12",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
{
"type": "text",
- "id": "PIvZj",
- "name": "“score”",
- "fill": "#9c2c2cff",
- "content": "“score”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
+ "id": "MGWbp",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
"fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "rriSy",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "TKSHA",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "yXqPF",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
}
]
},
{
"type": "text",
- "id": "dS7KG",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
+ "id": "JxGOK",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
"fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "tVxLA",
- "name": "api-param-row-25",
- "enabled": false,
+ "id": "RXLL8",
+ "name": "input-03",
+ "clip": true,
+ "width": 100,
"stroke": {
"align": "inside",
"thickness": 1
},
- "alignItems": "center",
+ "layout": "vertical",
+ "gap": 4,
"children": [
- {
- "type": "text",
- "id": "uZzYI",
- "name": "data:",
- "fill": "$--ui-color-hint-2",
- "content": "data:",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "hQbEV",
- "name": "api-date-button-11",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
+ "id": "sw3ub",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
- "justifyContent": "center",
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
"alignItems": "center",
"children": [
+ {
+ "type": "frame",
+ "id": "trJES",
+ "name": "prefix-text",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "MyhGQ",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "Size",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "Wy6h9",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "100",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
{
"type": "text",
- "id": "boX5H",
- "name": "100",
- "fill": "#139707ff",
- "content": "100",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
+ "id": "ZyC21",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "% ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
"fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "KpnLd",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "1TkH6",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "W1GXV",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
}
]
},
{
"type": "text",
- "id": "Inrj4",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
+ "id": "TPMsk",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
"fontWeight": "normal"
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "iXey3",
+ "name": "sprite-inspector-actions",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 16,
+ "children": [
{
"type": "frame",
- "id": "EQEGu",
- "name": "api-param-row-34",
+ "id": "tvRIN",
+ "name": "sprite-inspector-group",
+ "width": "fill_container",
"stroke": {
"align": "inside",
"thickness": 1
},
- "alignItems": "center",
+ "layout": "vertical",
+ "gap": 12,
+ "justifyContent": "center",
"children": [
{
- "type": "text",
- "id": "T7xdU",
- "name": "wait:",
- "fill": "$--ui-color-hint-2",
- "content": "wait:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "uYMrx",
+ "name": "sprite-inspector-row-01",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 16,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "cbCy7",
+ "name": "sprite-inspector-toggle-row",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 5,
+ 0
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "milD0",
+ "name": "sprite-inspector-toggle",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "lJAUs",
+ "name": "输入文本",
+ "fill": "$grey900",
+ "content": "Rotation",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "4b573",
+ "name": "tab-combination-tab",
+ "clip": true,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "3wBTp",
+ "name": "tab-text-icon-01",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$turquoise200",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "hprpP",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "OS6TZ",
+ "x": 2,
+ "y": 3,
+ "name": "rotate",
+ "geometry": "M13.87862 6.62313l-2.25764 3.52021c-0.28889 0.46009-0.95228 0.46009-1.25187 0l-2.24695-3.52021c-0.32099-0.49219 0.0321-1.14487 0.62059-1.14487l1.28397 0c-0.24609-2.03295-1.96875-3.60581-4.05627-3.60581-2.25657 0-4.098 1.84035-4.098 4.098 0 2.25764 1.84142 4.098 4.098 4.098 0.51466 0 0.93088 0.41622 0.93088 0.93087 0 0.52429-0.41622 0.94158-0.93088 0.94158-3.29552 0-5.97045-2.67493-5.97045-5.97045 0-3.28482 2.67493-5.97045 5.97045-5.97045 3.12432 0 5.69333 2.41814 5.93942 5.47826l1.34817 0c0.58848 0 0.94158 0.65268 0.62058 1.14487z",
+ "fillRule": "evenodd",
+ "fill": "$turquoise500",
+ "width": 12,
+ "height": 10.235055923461914,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.5
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "OHE0D",
+ "name": "tab-text-icon-02",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "wygX8",
+ "x": 8,
+ "y": 8,
+ "name": "icon-left-right",
+ "width": 16,
+ "height": 16,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "8i6Yp",
+ "x": 1.0000327825546265,
+ "y": 2.5703377723693848,
+ "geometry": "M9.69297 8.97866l0-6.639c0-0.44 0.533-0.66 0.845-0.35l3.317 3.32c0.093 0.09253 0.14529 0.21831 0.14529 0.3495 0 0.13119-0.05229 0.25697-0.14529 0.3495l-3.317 3.317c-0.14131 0.1413-0.35372 0.18377-0.5385 0.10767-0.18478-0.0761-0.30568-0.25584-0.3065-0.45567m-3.079-7.787c0.07541 0.02378 0.15393 0.03625 0.233 0.037 0.16454 0.00111 0.32319-0.06121 0.443-0.174 0.05672-0.05985 0.10243-0.12925 0.135-0.205l0.002-0.004 0.003-0.012c0.02708-0.07038 0.04262-0.14467 0.046-0.22-0.00496-0.2479-0.15488-0.46984-0.383-0.567-0.23243-0.09365-0.49827-0.04064-0.677 0.135-0.05469 0.05885-0.1002 0.1256-0.135 0.198-0.0283 0.07505-0.04516 0.15393-0.05 0.234 0 0.08 0.024 0.151 0.046 0.22l0.004 0.012c0.037 0.075 0.086 0.15 0.135 0.21 0.062 0.049 0.123 0.098 0.198 0.136m-0.37 1.834c-0.00135-0.16369 0.06315-0.32106 0.17899-0.43671 0.11585-0.11566 0.27332-0.1799 0.43701-0.17829 0.332 0 0.616 0.27 0.616 0.615-0.00537 0.33779-0.2782 0.61018-0.616 0.615-0.3392-0.0011-0.6139-0.2758-0.615-0.615m0.603 7.828c-0.16232-0.00064-0.31746-0.06703-0.43-0.184-0.05504-0.05878-0.10089-0.12553-0.136-0.198l-0.004-0.011c-0.022-0.07-0.046-0.141-0.046-0.223 0.00504-0.07939 0.02189-0.15758 0.05-0.232 0.13454-0.31389 0.49554-0.46238 0.812-0.334 0.07299 0.03369 0.13963 0.07969 0.197 0.136 0.05 0.049 0.098 0.123 0.137 0.198 0.02777 0.07447 0.04428 0.15266 0.049 0.232-0.00306 0.07634-0.0186 0.15168-0.046 0.223l-0.003 0.011-0.006 0.01c-0.02852 0.07196-0.07337 0.13632-0.131 0.188-0.11566 0.12026-0.27617 0.18693-0.443 0.184m0.012-6.043c-0.16352-0.00135-0.32073 0.06302-0.43636 0.17865-0.11563 0.11563-0.17999 0.27284-0.17864 0.43635 0 0.344 0.27 0.616 0.615 0.616 0.3393-0.00218 0.61382-0.2767 0.616-0.616-0.0011-0.33959-0.27641-0.61445-0.616-0.615m-0.615 3.028c-0.00162-0.16369 0.06263-0.32116 0.17828-0.437 0.11566-0.11585 0.27302-0.18034 0.43672-0.179 0.332 0 0.616 0.271 0.616 0.616-0.00537 0.33779-0.2782 0.61018-0.616 0.615-0.3392-0.0011-0.6139-0.2758-0.615-0.615m-1.939-5.497l0 6.638c0 0.439-0.532 0.66-0.843 0.348l-3.319-3.319c-0.19196-0.19307-0.19196-0.50493 0-0.698l3.319-3.318c0.1414-0.14115 0.3539-0.18323 0.53842-0.10662 0.18452 0.07661 0.30473 0.25683 0.30458 0.45662",
+ "fill": "$grey1000",
+ "width": 14.000261902809143,
+ "height": 10.852755069732666
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "bth6T",
+ "name": "tab-text-icon-03",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "EWkjY",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "rluhw",
+ "x": 1.9999998807907104,
+ "y": 1.9999998807907104,
+ "name": "combined-shape",
+ "geometry": "M9.58889 5.06904l1.27461-1.50636c0.58525 0.84065 0.95975 1.83835 1.04638 2.91559l1.34817 0c0.58849 0 0.94158 0.65268 0.62058 1.14487l-2.25764 3.52021c-0.28889 0.46009-0.95228 0.46009-1.25187 0l-2.24694-3.52021c-0.32099-0.49219 0.0321-1.14487 0.62058-1.14487l1.28397 0c-0.06096-0.50362-0.21255-0.979-0.43784-1.40923z m2.34341-4.31762l-10.51398 12.42562c-0.01924 0.02274-0.0361 0.04669-0.0506 0.07156l-0.48602 0.57438c-0.17837 0.2108-0.49386 0.23709-0.70466 0.05872-0.2108-0.17837-0.23709-0.49386-0.05872-0.70466l1.6577-1.9591c-1.09629-1.0827-1.77601-2.58624-1.77601-4.24748 0-3.28482 2.67493-5.97045 5.97045-5.97045 1.30351 0 2.51035 0.42092 3.49216 1.13376l1.6557-1.95673c0.17837-0.2108 0.49386-0.23709 0.70466-0.05872 0.18806 0.15913 0.22928 0.4274 0.10932 0.6331z m-8.51837 11.6153l1.27314-1.50462c0.40401 0.13386 0.83553 0.20636 1.28339 0.20636 0.51466 0 0.93088 0.41622 0.93088 0.93087 0 0.52429-0.41622 0.94158-0.93088 0.94158-0.91462 0-1.78143-0.20604-2.55653-0.57419z m4.83428-8.79773c-0.65088-0.43991-1.43455-0.69653-2.27775-0.69653-2.25657 0-4.098 1.84035-4.098 4.098 0 1.08612 0.42618 2.07565 1.11975 2.81017l5.256-6.21164z",
+ "fillRule": "evenodd",
+ "fill": "$grey1000",
+ "width": 12.000000953674316,
+ "height": 12.000008583068848,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2857134342193604
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "3yAwJ",
+ "name": "input",
+ "clip": true,
+ "width": 102,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "children": [
+ {
+ "type": "frame",
+ "id": "SO6B5",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "VCoLH",
+ "name": "prefix-text",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "pt7A3",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "Heading",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "yOpdE",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "49",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "BN3Hx",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "9lZdY",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "p0fYl",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "mofrO",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "cDBPa",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
},
{
"type": "frame",
- "id": "UlWOT",
- "name": "api-param-select-05",
+ "id": "eIfUc",
+ "name": "sprite-inspector-row-02",
"stroke": {
"align": "inside",
"thickness": 1
},
+ "gap": 16,
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "cNXYB",
- "name": "api-param-value-13",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
+ "type": "group",
+ "id": "482dr",
+ "name": "group-1000004620",
+ "layout": "horizontal",
"gap": 4,
"padding": [
- 0,
- 2
+ 5,
+ 0
],
- "justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "text",
- "id": "SrNtJ",
- "name": "true",
- "fill": "#892ba8ff",
- "content": "true",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
+ "id": "EHzv8",
+ "name": "Text",
+ "fill": "$grey900",
+ "content": "Show",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
"fontWeight": "normal"
}
]
+ },
+ {
+ "type": "frame",
+ "id": "jul0q",
+ "name": "sprite-inspector-tab",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "uPItP",
+ "name": "tab-combination-tab",
+ "clip": true,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "TSvFS",
+ "name": "tab-text-icon-04",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$turquoise200",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "txZTB",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "9sg7h",
+ "x": 2,
+ "y": 3.3333332538604736,
+ "name": "eye",
+ "geometry": "M11.75004 7c0 1.517-1.233 2.75-2.75 2.75-1.517 0-2.75-1.233-2.75-2.75 0-0.349 0.07192-0.68004 0.19092-0.98804 0.194 0.154 0.42807 0.26001 0.69507 0.26001 0.627 0 1.13599-0.50899 1.13598-1.13598 0-0.267-0.10601-0.50107-0.26001-0.69507 0.308-0.119 0.63904-0.19092 0.98804-0.19092 1.517 0 2.75 1.233 2.75 2.75z m5.84204 1.47705c-1.227 2.054-3.98304 5.52295-8.59204 5.52295-4.609 0-7.36504-3.46895-8.59204-5.52295-0.544-0.91-0.544-2.0441 0-2.9541 1.227-2.054 3.98304-5.52295 8.59204-5.52295 4.609 0 7.36504 3.46895 8.59204 5.52295 0.544 0.91 0.544 2.0441 0 2.9541z m-4.34204-1.47705c0-2.343-1.906-4.25-4.25-4.25-2.344 0-4.25 1.907-4.25 4.25 0 2.343 1.906 4.25 4.25 4.25 2.344 0 4.25-1.907 4.25-4.25z",
+ "fill": "$turquoise500",
+ "width": 12.000054359436035,
+ "height": 9.333333015441895,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "CcMhv",
+ "name": "tab-text-icon-05",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "dQrsN",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "Sva6o",
+ "x": 1.5001627206802368,
+ "y": 1.49951171875,
+ "name": "eye-slash",
+ "geometry": "M18.33987 8.27078c0.55 0.91 0.55 2.04996 0 2.95996-1.23 2.05-3.98009 5.52002-8.59009 5.52002-0.748 0-1.45196-0.09501-2.10596-0.26001-0.223-0.056-0.29313-0.34191-0.13012-0.50391l1.89599-1.896c0.116-0.116 0.26009-0.09009 0.34009-0.09008 2.344 0 4.25-1.907 4.25-4.25 0-0.08-0.01196-0.23804 0.07104-0.32105l2.74195-2.74194c0.127-0.127 0.3409-0.1139 0.4519 0.0271 0.44 0.556 0.79819 1.08891 1.0752 1.55591z m0.93994-6.98999l-18 18c-0.146 0.146-0.33803 0.21997-0.53003 0.21997-0.192 0-0.38403-0.07297-0.53003-0.21997-0.293-0.293-0.293-0.76804 0-1.06104l3.70508-3.70508c-1.27-1.081-2.19114-2.32791-2.76514-3.28491-0.55-0.91-0.55-2.04996 0-2.95996 1.23-2.05 3.98009-5.52002 8.59009-5.52002 1.824 0 3.34704 0.5469 4.61304 1.3269l3.85693-3.85693c0.293-0.293 0.76804-0.293 1.06104 0 0.293 0.293 0.29202 0.76804-0.00098 1.06104z m-13.01001 10.88891l1.08887-1.08887c-0.222-0.395-0.35889-0.84408-0.35889-1.33007 0-0.35 0.06994-0.67999 0.18994-0.98999 0.19 0.16 0.42995 0.26001 0.69995 0.26001 0.62 0 1.13013-0.51013 1.13013-1.13013 0-0.27-0.10001-0.50995-0.26001-0.69995 0.31-0.12 0.63999-0.18994 0.98999-0.18994 0.486 0 0.93608 0.13689 1.33008 0.35888l1.08886-1.08886c-0.688-0.482-1.51994-0.77002-2.41894-0.77002-2.34 0-4.25 1.91-4.25 4.25 0 0.9 0.28802 1.73095 0.77002 2.41894z",
+ "fill": "$grey1000",
+ "width": 13.000031471252441,
+ "height": 13.000503540039062,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -7455,287 +14405,498 @@
},
{
"type": "frame",
- "id": "gP6EF",
- "name": "api-reference-08",
- "clip": true,
+ "id": "4M0NP",
+ "name": "sound-panel",
+ "width": "fill_container",
+ "height": "fill_container",
"fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
+ "thickness": 1
},
"layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "rm67Z",
- "name": "api-param-input-12",
+ "id": "ZFuad",
+ "name": "sound-panel-header",
+ "width": 80,
+ "height": 44,
+ "fill": "$grey100",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "bottom": 1
+ },
+ "fill": "$grey400"
+ },
+ "gap": 10,
+ "padding": [
+ 13,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "qrq6f",
+ "name": "Sounds",
+ "fill": "$grey1000",
+ "content": "Sounds",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "kkdg1",
+ "name": "sound-panel-list",
+ "clip": true,
+ "height": 318,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "layout": "vertical",
+ "gap": 8,
+ "padding": 12,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "nwZjE",
- "name": "param-input-trigger",
+ "id": "XIqic",
+ "name": "sound-panel-list-content",
"clip": true,
- "cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
+ "layout": "vertical",
+ "gap": 8,
"children": [
{
- "type": "group",
- "id": "6hsXZ",
- "name": "group-1000004629",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
+ "type": "frame",
+ "id": "r1UzE",
+ "name": "sound-card-01",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2727272510528564
+ },
+ "layout": "none",
"children": [
{
- "type": "text",
- "id": "gYgXa",
- "name": "broadcast",
- "fill": "#b08a01ff",
- "content": "broadcast",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "399Z6",
+ "x": 16,
+ "y": 16,
+ "name": "icon-acoustic-outlined",
+ "clip": true,
+ "width": 23.999998092651367,
+ "height": 23.999998092651367,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "sXebJ",
+ "x": 5.00000524520874,
+ "y": 1.999755859375,
+ "name": "vector",
+ "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
+ "fill": "$purple500",
+ "width": 13.999999046325684,
+ "height": 19.999996185302734,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
}
]
},
{
"type": "frame",
- "id": "HbB06",
- "name": "api-param-row-15",
+ "id": "4mkIc",
+ "name": "sound-card-02",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1.2727272510528564
},
- "alignItems": "center",
+ "layout": "none",
"children": [
- {
- "type": "text",
- "id": "bAxis",
- "name": "msg:",
- "fill": "$--ui-color-hint-2",
- "content": "msg:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "lCIyf",
- "name": "api-param-value-14",
+ "id": "1S2Dh",
+ "x": 16,
+ "y": 16,
+ "name": "icon-acoustic-outlined",
"clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
+ "width": 23.999998092651367,
+ "height": 23.999998092651367,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "text",
- "id": "8R6bs",
- "name": "“score”",
- "fill": "#9c2c2cff",
- "content": "“score”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
+ "type": "path",
+ "id": "kaviL",
+ "x": 5.00000524520874,
+ "y": 1.999755859375,
+ "name": "vector",
+ "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
+ "fill": "$purple500",
+ "width": 13.999999046325684,
+ "height": 19.999996185302734,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
}
]
- },
- {
- "type": "text",
- "id": "XxHaZ",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "VGWIi",
- "name": "api-param-row-26",
- "enabled": false,
+ "id": "g4MBC",
+ "name": "sound-card-03",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 1.2727272510528564
},
- "alignItems": "center",
+ "layout": "none",
"children": [
- {
- "type": "text",
- "id": "HnZzO",
- "name": "data:",
- "fill": "$--ui-color-hint-2",
- "content": "data:",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "y6CB8",
- "name": "api-date-button-12",
+ "id": "11ioT",
+ "x": 16,
+ "y": 16,
+ "name": "icon-acoustic-outlined",
"clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
+ "width": 23.999998092651367,
+ "height": 23.999998092651367,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
},
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "DfNrd",
+ "x": 5.00000524520874,
+ "y": 1.999755859375,
+ "name": "vector",
+ "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
+ "fill": "$purple500",
+ "width": 13.999999046325684,
+ "height": 19.999996185302734,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Nt6IO",
+ "name": "sound-card-04",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2727272510528564
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "oi5Dw",
+ "x": 16,
+ "y": 16,
+ "name": "icon-acoustic-outlined",
+ "clip": true,
+ "width": 23.999998092651367,
+ "height": 23.999998092651367,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "text",
- "id": "caY5m",
- "name": "100",
- "fill": "#139707ff",
- "content": "100",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
+ "type": "path",
+ "id": "XWYOD",
+ "x": 5.00000524520874,
+ "y": 1.999755859375,
+ "name": "vector",
+ "geometry": "M5 20c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-18c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 18c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m-4-6c-0.28333 0-0.521-0.096-0.713-0.288-0.19133-0.19133-0.287-0.42867-0.287-0.712l0-6c0-0.28333 0.09567-0.521 0.287-0.713 0.192-0.19133 0.42967-0.287 0.713-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 6c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m8 2c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-10c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.521 0.09567 0.713 0.287 0.19133 0.192 0.287 0.42967 0.287 0.713l0 10c0 0.28333-0.09567 0.52067-0.287 0.712-0.192 0.192-0.42967 0.288-0.713 0.288z m4-3c-0.28333 0-0.52067-0.096-0.712-0.288-0.192-0.19133-0.288-0.42867-0.288-0.712l0-4c0-0.28333 0.096-0.521 0.288-0.713 0.19133-0.19133 0.42867-0.287 0.712-0.287 0.28333 0 0.52067 0.09567 0.712 0.287 0.192 0.192 0.288 0.42967 0.288 0.713l0 4c0 0.28333-0.096 0.52067-0.288 0.712-0.19133 0.192-0.42867 0.288-0.712 0.288z",
+ "fill": "$purple500",
+ "width": 13.999999046325684,
+ "height": 19.999996185302734,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
}
]
- },
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "bg1IF",
+ "name": "sound-panel-add-card",
+ "clip": true,
+ "width": 56,
+ "height": 56,
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.692307710647583
+ },
+ "layout": "vertical",
+ "padding": 2,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "S25u4",
+ "name": "icon-more-horizontal-filled",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
{
- "type": "text",
- "id": "uw2pj",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.6666666666666667,
- "fontFamily": "Menlo",
- "fontSize": 12,
- "fontWeight": "normal"
+ "type": "path",
+ "id": "9TASJ",
+ "x": 2.0150146484375,
+ "y": 10,
+ "name": "more-horizontal",
+ "geometry": "M2.005 4c-1.104 0-2.005-0.896-2.005-2 0-1.104 0.89-2 1.995-2l0.01 0c1.104 0 2 0.896 2 2 0 1.104-0.895 2-2 2z m10.00001-2c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.995 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z m8 0c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.99499 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z",
+ "fill": "$--ui-color-grey-100",
+ "width": 20.0050048828125,
+ "height": 4,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
}
]
- },
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "QoKiH",
+ "name": "stage-panel",
+ "clip": true,
+ "width": 80,
+ "height": "fill_container",
+ "fill": "$grey100",
+ "cornerRadius": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-color-primary-300-aa6",
+ "offset": {
+ "x": 0,
+ "y": 4
+ },
+ "blur": 10.5
+ },
+ "layout": "vertical",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "Duo56",
+ "name": "stage-panel-content",
+ "clip": true,
+ "width": 80,
+ "height": "fill_container",
+ "fill": "$grey100",
+ "cornerRadius": 20,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ahbmW",
+ "name": "stage-panel-header",
+ "width": "fill_container",
+ "height": 44,
+ "fill": "$grey100",
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "bottom": 1
+ },
+ "fill": "$grey400"
+ },
+ "gap": 10,
+ "padding": [
+ 13,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "MmSp2",
+ "name": "Stage",
+ "fill": "$grey1000",
+ "content": "Stage",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 16,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "dbE85",
+ "name": "stage-panel-list",
+ "width": "fill_container",
+ "height": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 8,
+ "padding": [
+ 12,
+ 0
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "UcjJF",
+ "name": "stage-card-01",
+ "width": 56,
+ "height": 44,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
{
"type": "frame",
- "id": "lb7jk",
- "name": "api-param-row-35",
+ "id": "4Xuva",
+ "x": 0,
+ "y": 0,
+ "name": "stage-card-02",
+ "clip": true,
+ "width": 56,
+ "height": 44,
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.692307710647583
},
+ "layout": "vertical",
+ "padding": 2,
+ "justifyContent": "center",
"alignItems": "center",
"children": [
- {
- "type": "text",
- "id": "oLFzW",
- "name": "wait:",
- "fill": "$--ui-color-hint-2",
- "content": "wait:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "wx4Ry",
- "name": "api-param-select-06",
+ "id": "nAcgy",
+ "name": "backdrop",
+ "clip": true,
+ "width": 52,
+ "height": 40,
+ "fill": "$grey100",
+ "cornerRadius": 6,
"stroke": {
"align": "inside",
"thickness": 1
},
- "alignItems": "center",
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "nHRwx",
- "name": "api-param-value-15",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
+ "type": "rectangle",
+ "id": "N31mk",
+ "x": -10,
+ "y": 0,
+ "name": "image-00058-175191715-1",
+ "fill": [
+ {
+ "type": "image",
+ "enabled": false,
+ "url": "",
+ "mode": "stretch"
+ },
+ "#ffffff26"
],
+ "width": 72,
+ "height": 40,
"stroke": {
"align": "inside",
"thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "f8BJP",
- "name": "true",
- "fill": "#892ba8ff",
- "content": "true",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
+ }
}
]
}
@@ -7746,226 +14907,537 @@
]
}
]
- },
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ozuWT",
+ "x": 2698,
+ "y": 55,
+ "name": "Map Editor Page",
+ "width": 1440,
+ "height": 900,
+ "fill": "$turquoise200",
+ "layout": "vertical",
+ "gap": 20,
+ "children": [
+ {
+ "type": "frame",
+ "id": "TbC6Z",
+ "name": "nav-bar-top",
+ "width": 1440,
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/navbar bg.png",
+ "mode": "fill"
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "justifyContent": "space_between",
+ "children": [
+ {
+ "type": "frame",
+ "id": "96XMq",
+ "name": "nav-left",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "T1ltu",
+ "name": "nav-logo-wordmark",
+ "width": 150,
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.1190476194024086
+ },
+ "layout": "vertical",
+ "gap": 25,
+ "padding": [
+ 0,
+ 24
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "OTIDw",
+ "name": "icon-logo",
+ "width": 102,
+ "height": 30,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "0RyQ5",
+ "x": 2.1828083992004395,
+ "y": 5.349999904632568,
+ "geometry": "M94.05119 8.558l0 9.492c0 0.55228-0.44772 1-1 1l-1.572 0c-0.55228 0-1-0.44772-1-1l0-11.42c0-0.55228 0.44772-1 1-1l1.43 0c0.52493-0.00027 0.96072 0.40539 0.998 0.929l0.144 1.999z m3.77101-3.089c0.166 0.033 0.27 0.188 0.26699 0.358l-0.04799 2.576c-0.00391 0.11569-0.05538 0.22463-0.14227 0.30111-0.08689 0.07648-0.20149 0.1137-0.31674 0.10289l-0.182-0.014c-0.21816-0.02434-0.43748-0.03669-0.657-0.037q-0.757 0-1.315 0.199-0.546 0.186-0.918 0.558-0.36 0.372-0.546 0.905c-0.12135 0.39402-0.18797 0.80284-0.198 1.215l-0.72-0.223q0-1.302 0.261-2.393 0.26-1.104 0.757-1.923 0.508-0.818 1.24-1.265 0.73199-0.447 1.674-0.446 0.298 0 0.60801 0.05 0.128 0.015 0.236 0.036m-14.37501 13.829q-1.563 0-2.803-0.496c-0.79188-0.31696-1.50985-0.7939-2.109-1.401-0.57166-0.59624-1.0184-1.3007-1.314-2.072-0.30825-0.80769-0.46421-1.6655-0.46-2.53l0-0.496q0-1.526 0.435-2.79c0.26846-0.80454 0.68947-1.54981 1.24-2.195 0.54507-0.61985 1.22381-1.10779 1.985-1.427q1.165-0.508 2.629-0.508 1.425 0 2.52999 0.471 1.104 0.47 1.848 1.34 0.757 0.867 1.14 2.083 0.385 1.203 0.38501 2.679l0 1.488-10.666 0 0-2.381 7.156 0 0-0.273q0-0.744-0.272-1.327c-0.16454-0.38632-0.4411-0.71444-0.794-0.942q-0.534-0.348-1.364-0.348-0.708 0-1.216 0.31c-0.34576 0.21432-0.63136 0.513-0.83 0.868q-0.311 0.558-0.472 1.315c-0.10307 0.53948-0.15297 1.08777-0.149 1.637l0 0.496q0 0.807 0.223 1.489 0.236 0.681 0.658 1.178 0.434 0.495 1.041 0.769 0.62 0.273 1.402 0.273c0.61898 0.00534 1.23196-0.12149 1.798-0.372 0.42691-0.19455 0.8141-0.46646 1.142-0.802 0.172-0.176 0.46-0.188 0.627-0.007l1.202 1.305c0.12912 0.13487 0.13935 0.34418 0.02401 0.491-0.28361 0.33956-0.60577 0.64495-0.96001 0.91q-0.72 0.558-1.737 0.918-1.017 0.347-2.32 0.347m-12.055-3.175l0-15.123c0-0.55228 0.44772-1 1-1l1.597 0c0.55228 0 1 0.44772 1 1l0 17.05c0 0.55228-0.44772 1-1 1l-1.353 0c-0.50491-0.00027-0.93041-0.37687-0.992-0.878l-0.252-2.049z m-8.483-3.621l0-0.26q0-1.539 0.347-2.791 0.347-1.266 1.017-2.17c0.43062-0.59196 0.99629-1.07261 1.65-1.402q0.98-0.495 2.23201-0.496 1.179 0 2.059 0.496 0.893 0.495 1.513 1.414 0.632 0.904 1.01699 2.145 0.384 1.228 0.558 2.692l0 0.57c-0.10454 0.88381-0.29134 1.75592-0.558 2.605-0.23105 0.74982-0.57391 1.46048-1.017 2.108-0.3904 0.57381-0.90823 1.04954-1.51299 1.39q-0.893 0.495-2.084 0.495-1.252 0-2.23201-0.508c-0.64875-0.34257-1.20912-0.83106-1.637-1.427q-0.657-0.916-1.00499-2.158c-0.23847-0.88095-0.35522-1.79039-0.34701-2.703m3.572-0.26l0 0.26q0 0.83 0.124 1.55 0.135 0.72 0.434 1.277 0.31 0.546 0.794 0.856 0.495 0.298 1.203 0.298 0.917 0 1.51301-0.41 0.596-0.42 0.90499-1.153 0.323-0.732 0.372-1.687l0-1.623q-0.037-0.781-0.22299-1.402c-0.10155-0.39005-0.27818-0.75656-0.52001-1.079-0.2215-0.29577-0.511-0.53382-0.844-0.694q-0.497-0.248-1.178-0.248-0.694 0-1.191 0.322-0.496 0.31-0.806 0.856c-0.21233 0.40537-0.36299 0.84016-0.44699 1.29-0.09377 0.52373-0.13929 1.05495-0.13601 1.587m-6.458-12.242c0.55228 0 1 0.44772 1 1l0 17.05c0 0.55228-0.44772 1-1 1l-1.584 0c-0.55229 0-1-0.44772-1-1l0-17.05c0-0.55228 0.44772-1 1-1l1.584 0z m-6.214 5.63c0.55228 0 1 0.44772 1 1l0 11.42c0 0.55228-0.44772 1-1 1l-1.584 0c-0.55229 0-1-0.44772-1-1l0-11.42c0-0.55228 0.44771-1 1-1l1.584 0z m-2.807-3.497q0-0.78 0.545-1.29 0.546-0.508 1.464-0.508 0.906 0 1.451 0.509 0.558 0.508 0.558 1.29 0 0.78-0.558 1.29-0.545 0.508-1.451 0.508-0.918 0-1.464-0.509-0.545-0.508-0.545-1.29m-5.755 13.705l0-9.208c0-0.55228 0.44772-1 1-1l1.571 0c0.55228 0 1 0.44772 1 1l0 11.42c0 0.55228-0.44772 1-1 1l-1.424 0c-0.5271 0.00006-0.96374-0.40902-0.998-0.935l-0.149-2.277z m0.396-2.753l1.055-0.025q0 1.34-0.31 2.493-0.31 1.14-0.93 1.984c-0.41077 0.55143-0.94642 0.99763-1.563 1.302q-0.943 0.46-2.22 0.46c-0.61437 0.00516-1.22566-0.08732-1.811-0.274-0.53209-0.18206-1.01567-0.48302-1.414-0.88q-0.583-0.608-0.918-1.55-0.322-0.956-0.322-2.295l0-7.67c0-0.55229 0.44771-1 1-1l1.572 0c0.55229 0 1 0.44772 1 1l0 7.695q0 0.596 0.136 1.004 0.15 0.41 0.41 0.67 0.26 0.26 0.607 0.372 0.36 0.112 0.794 0.112 1.104 0 1.736-0.447 0.645-0.445 0.906-1.215 0.272-0.782 0.272-1.736m-16.755-1.96l-4.64 0-0.024-2.555 3.894 0q1.03 0 1.687-0.26 0.657-0.273 0.98-0.782 0.335-0.52 0.335-1.265 0-0.843-0.323-1.364-0.31-0.521-0.98-0.756-0.657-0.236-1.699-0.236l-2.58 0 0 15.143-2.12 0c-0.42435 0-0.83131-0.16857-1.13137-0.46863-0.30006-0.30006-0.46863-0.70703-0.46863-1.13137l0-14.858c0-0.42435 0.16857-0.83131 0.46863-1.13137 0.30006-0.30006 0.70702-0.46863 1.13137-0.46863l4.7 0q1.575 0 2.816 0.298 1.253 0.297 2.12 0.905c0.56768 0.38981 1.02511 0.91957 1.328 1.538q0.459 0.918 0.459 2.183 0 1.116-0.509 2.059-0.496 0.942-1.575 1.538-1.066 0.595-2.79 0.657l-1.079 0.955z m-0.162 7.925l-5.494 0 1.45-2.902 4.044 0q0.98 0 1.6-0.31 0.62-0.322 0.918-0.868 0.297-0.546 0.297-1.253 0-0.794-0.272-1.376c-0.1707-0.38558-0.46865-0.70084-0.844-0.893q-0.582-0.323-1.538-0.323l-3.584 0 0.025-2.555 4.465 0 0.855 1.005q1.65-0.026 2.655 0.583 1.017 0.595 1.475 1.55 0.472 0.956 0.472 2.046 0 1.737-0.757 2.927-0.756 1.179-2.22 1.774-1.451 0.595-3.54701 0.595m-11.27299-17.71c-0.917-0.825-1.745-0.722-2.41 0l-0.448 0.484 2.48 2.475 0.377-0.347c0.665-0.722 1.065-1.595 0-2.612m-15.43 13.398l-1.139 1.962-0.855 1.83c-0.11 0.235 0.134 0.48 0.369 0.37l1.829-0.857 1.956-1.144-0.002-0.002 0.006-0.001-2.164-2.158z m2.446 1.411l0.367 0.368 0.126-0.074 0.01-0.007 11.624-11.626-0.381-0.38-11.746 11.719z m-1.984-2.202l-0.008 0.009-0.074 0.127 1.572 1.573 11.748-11.719-1.615-1.615-11.623 11.625z",
+ "fill": "$grey100",
+ "width": 98.08925580978394,
+ "height": 19.29920244216919
+ },
+ {
+ "type": "path",
+ "id": "DMo8k",
+ "x": 1.2997803688049316,
+ "y": 5.4393696784973145,
+ "geometry": "M5.08422 6.98763l11.322 11.341c0.3284 0.32976 0.77462 0.51513 1.24 0.51513 0.46539 0 0.91161-0.18537 1.24-0.51513 0.68398-0.68674 0.68398-1.79725 0-2.484l-11.32-11.34-2.482 2.483z m3.079-6.963c-0.87413 0.77448-2.09171 1.03099-3.204 0.675-0.03351-0.00939-0.06949-0.00067-0.095 0.023l-4.729 4.736c-0.18029 0.18072-0.18029 0.47328 0 0.654l2.09 2.092c0.18 0.18 0.472 0.18 0.652 0l4.193-4.197-0.001-0.002 2.27-2.275c0.18029-0.18072 0.18029-0.47328 0-0.654l-1.046-1.049c-0.03554-0.03565-0.09285-0.03697-0.13-0.003",
+ "fill": "#fff",
+ "width": 19.39920949935913,
+ "height": 18.84376096725464
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "b2Zdi",
+ "name": "line",
+ "clip": true,
+ "width": 1,
+ "height": 24,
+ "fill": "#ffffff4d",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none"
+ },
+ {
+ "type": "frame",
+ "id": "NJjaU",
+ "name": "nav-button-file",
+ "width": 80,
+ "height": 50,
+ "fill": {
+ "type": "color",
+ "color": "$--ui-color-primary-main",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 4,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "RvlLy",
+ "name": "nav-button-file-content",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "q2UmQ",
+ "name": "icon-file",
+ "width": 24,
+ "height": 24,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "kRA5r",
+ "x": 3,
+ "y": 4,
+ "geometry": "M17.6 12c0.22 0 0.4 0.18 0.4 0.4l0 1.6c0 1.10457-0.89543 2-2 2l-14 0c-1.10457 0-2-0.89543-2-2l0-1.6c0-0.22 0.18-0.4 0.4-0.4l17.2 0z m-11.014-12c0.26519 0.00006 0.51951 0.10545 0.707 0.293l2.414 2.414c0.18749 0.18755 0.44181 0.29294 0.707 0.293l5.586 0c1.10457 0 2 0.89543 2 2l0 5.6c0 0.22091-0.17909 0.4-0.4 0.4l-17.2 0c-0.10609 0-0.20783-0.04214-0.28284-0.11716-0.07501-0.07501-0.11716-0.17676-0.11716-0.28284l0-8.6c0-1.10457 0.89543-2 2-2l4.586 0z",
+ "fill": "$grey100",
+ "width": 18,
+ "height": 16
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "B95fS",
+ "name": "icon-caret-down-filled",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.6666666865348816
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "ueCja",
+ "x": 4,
+ "y": 6,
+ "name": "caret-down",
+ "geometry": "M4.69774 7.396l-4.37989-5.1941c-0.736-0.873-0.11206-2.2019 1.03394-2.2019l9.2959 0c1.146 0 1.76994 1.3299 1.03393 2.2019l-4.37988 5.1941c-0.679 0.805-1.925 0.805-2.604 0z",
+ "fill": "$grey100",
+ "width": 7.999651908874512,
+ "height": 5.333164215087891,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.6666666865348816
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "m3Ggz",
+ "name": "nav-button-tutorial",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "Qc6yA",
+ "name": "icon-tutorial",
+ "width": 24,
+ "height": 24,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "gY02t",
+ "x": 4,
+ "y": 3,
+ "geometry": "M15 0c0.55228 0 1 0.44772 1 1l0 16c0 0.55228-0.44772 1-1 1l-13 0c-1.10457 0-2-0.89543-2-2l0-13c0-1.65685 1.34315-3 3-3l12 0z m-12 13c-0.55228 0-1 0.44772-1 1l0 1c0 0.55228 0.44772 1 1 1l10.6 0c0.22091 0 0.4-0.17909 0.4-0.4l0-2.2c0-0.22091-0.17909-0.4-0.4-0.4l-10.6 0z m8.715-11.29c-0.05349-0.16866-0.21006-0.28325-0.387-0.28325-0.17694 0-0.3335 0.11459-0.387 0.28325l-0.446 1.378c-0.12117 0.37068-0.41094 0.66194-0.781 0.785l-1.363 0.452c-0.16825 0.0553-0.28198 0.21239-0.28198 0.3895 0 0.17711 0.11372 0.3342 0.28198 0.3895l1.363 0.452c0.368 0.122 0.66 0.413 0.781 0.785l0.446 1.377c0.05456 0.16757 0.21077 0.28098 0.387 0.28098 0.17623 0 0.33244-0.11342 0.387-0.28098l0.446-1.377c0.121-0.372 0.412-0.663 0.78-0.785l1.364-0.452c0.16825-0.0553 0.28198-0.21239 0.28198-0.3895 0-0.17711-0.11372-0.3342-0.28198-0.3895l-1.364-0.452c-0.36968-0.12333-0.65904-0.41454-0.78-0.785l-0.446-1.378z",
+ "fill": "$grey100",
+ "width": 16,
+ "height": 18
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "re0OH",
+ "name": "nav-button-undo",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "YuE1Y",
+ "name": "undo",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "Id2As",
+ "x": 3,
+ "y": 3.99951171875,
+ "name": "arrow-reply",
+ "geometry": "M7.99996 4.4966c3 0 10 0.4999 10 6.9939 0 1.708-0.46801 3.18289-1.083 4.26489-0.242 0.425-0.89101 0.26319-0.88501-0.22681 0.033-2.567-0.46898-5.03711-8.03199-5.03711l0 3.50513c0 0.895-1.09398 1.32995-1.70898 0.67896l-5.92798-6.27002c-0.484-0.512-0.484-1.31198 0-1.82398l5.92798-6.27002c0.615-0.65 1.70898-0.21504 1.70898 0.67896l0 3.5061z",
+ "fill": "$grey100",
+ "width": 17.999963760375977,
+ "height": 16.000288009643555,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ZUXWs",
+ "name": "nav-button-redo",
+ "opacity": 0.5,
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "E4g3l",
+ "name": "redo",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "Y4GDa",
+ "x": 3,
+ "y": 3.999755859375,
+ "name": "arrow-share",
+ "geometry": "M10 0.99116c0-0.895 1.09398-1.32996 1.70898-0.67895l5.92798 6.27002c0.484 0.512 0.484 1.31197 0 1.82397l-5.92798 6.27002c-0.615 0.65-1.70898 0.21504-1.70898-0.67895l0-3.50513c-7.563 0-8.06398 2.47011-8.03198 5.03711 0.006 0.49-0.64301 0.65205-0.88501 0.22705-0.616-1.081-1.08301-2.55614-1.08301-4.26514 0-6.495 7-6.9939 10-6.99389l0-3.50611z",
+ "fill": "$grey100",
+ "width": 17.999963760375977,
+ "height": 16.00111198425293,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "eFvQX",
+ "name": "nav-project-name",
+ "width": "fill_container",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 49,
+ 120
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "uN2pm",
+ "name": "text",
+ "fill": {
+ "type": "color",
+ "color": "#0aa5beff",
+ "enabled": false
+ },
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1,
+ "fill": {
+ "type": "color",
+ "color": "#000000ff",
+ "enabled": false
+ }
+ },
+ "gap": 8,
+ "padding": [
+ 3,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "IuIoB",
+ "name": "输入文本",
+ "fill": "$grey100",
+ "content": "my-test-gameccc",
+ "lineHeight": 1.625,
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "600"
+ },
+ {
+ "type": "frame",
+ "id": "7sE8u",
+ "name": "icon-cloud-check-outlined",
+ "width": 24,
+ "height": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "Dt4m2",
+ "x": 2.25,
+ "y": 5.25,
+ "name": "cloud-check",
+ "geometry": "M13.75 14.5l-6.5 0c-3.998 0-7.25-3.252-7.25-7.25 0-3.998 3.252-7.25 7.25-7.25 1.764 0 3.46409 0.64198 4.78809 1.80798 0.414 0.365 0.783 0.77505 1.104 1.22205 0.201-0.021 0.40191-0.03101 0.60791-0.03101 3.171 0 5.75 2.579 5.75 5.75 0 3.171-2.579 5.75098-5.75 5.75098z m-6.5-13c-3.171 0-5.75 2.579-5.75 5.75 0 3.171 2.579 5.75 5.75 5.75l6.5 0c2.344 0 4.25-1.906 4.25-4.25 0-2.344-1.906-4.25-4.25-4.25-0.283 0-0.55505 0.02503-0.83105 0.07703-0.302 0.058-0.61388-0.07902-0.77588-0.34302-0.3-0.485-0.66917-0.92299-1.09717-1.29999-1.049-0.925-2.3979-1.43402-3.7959-1.43402z m2.36304 8.61401l2.66699-2.66699c0.293-0.293 0.293-0.76804 0-1.06103-0.293-0.293-0.76804-0.293-1.06104 0l-2.13696 2.13598-0.80298-0.80298c-0.293-0.293-0.76803-0.293-1.06103 0-0.293 0.293-0.293 0.76804 0 1.06104l1.33301 1.33295c0.141 0.141 0.33103 0.22003 0.53002 0.22003 0.201 0 0.39198-0.07899 0.53199-0.219z",
+ "fill": "$grey100",
+ "width": 19.5,
+ "height": 14.5,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "wih8V",
+ "name": "nav-right",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "padding": [
+ 0,
+ 8,
+ 0,
+ 0
+ ],
+ "justifyContent": "end",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "BpMEq",
+ "name": "nav-actions-group",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "sg8WB",
+ "name": "nav-mode-switch",
+ "width": 108,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "padding": [
+ 9,
+ 12
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "HB1Qe",
+ "name": "button-group",
+ "width": "fill_container",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "q3WHB",
- "name": "api-reference-09",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "cmsao",
+ "name": "button-01",
+ "fill": "#47d8e4",
+ "cornerRadius": [
+ 8,
+ 0,
+ 0,
+ 8
+ ],
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
+ "thickness": 1
},
- "layout": "vertical",
"gap": 4,
"padding": [
- 2,
- 6
+ 7,
+ 12
],
"justifyContent": "center",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "GEYj9",
- "name": "api-param-input-13",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
+ "id": "qcT88",
+ "name": "icon-default-mode",
+ "width": 18,
+ "height": 18,
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "UGrp7",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "MBVtB",
- "name": "group-1000004628",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "kIf4U",
- "name": "step",
- "fill": "#b08a01ff",
- "content": "step",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "TPRla",
- "name": "api-param-row-16",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "I1dHB",
- "name": "distance:",
- "fill": "$--ui-color-hint-2",
- "content": "distance:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "eYUY9",
- "name": "api-date-button-13",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "KpSQX",
- "name": "100",
- "fill": "$--ui-color-grey-100",
- "content": "10",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "bCuMJ",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "7SocB",
- "name": "api-param-row-36",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "5nMVK",
- "name": "animation:",
- "fill": "$--ui-color-hint-2",
- "content": "animation:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "zVwBB",
- "name": "api-param-select-07",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "0yAM1",
- "name": "api-param-value-16",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "4kl3O",
- "name": "“run”",
- "fill": "#9c2c2cff",
- "content": "“run”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- }
- ]
- }
- ]
+ "type": "path",
+ "id": "UalOu",
+ "x": 0.75,
+ "y": 3,
+ "geometry": "M12 0c2.48528 0 4.5 2.01472 4.5 4.5l0 3.75c0 2.48528-2.01472 4.5-4.5 4.5l-7.5 0c-2.48528 0-4.5-2.01472-4.5-4.5l0-3.75c0-2.48528 2.01472-4.5 4.5-4.5l7.5 0z m-6.75 5.625l-1.5 0 0 1.5 1.5 0 0 1.5 1.5 0 0-1.5 1.5 0 0-1.5-1.5 0 0-1.5-1.5 0 0 1.5z m6 3l1.5 0 0-1.5-1.5 0 0 1.5z m-1.5-3l1.5 0 0-1.5-1.5 0 0 1.5z",
+ "fill": "$grey200",
+ "width": 16.5,
+ "height": 12.75
}
]
}
@@ -7973,671 +15445,578 @@
},
{
"type": "frame",
- "id": "FJ7d4",
- "name": "api-reference-10",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "k79Nn",
+ "name": "button-02",
+ "fill": "$grey200",
+ "cornerRadius": [
+ 0,
+ 8,
+ 8,
+ 0
+ ],
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
+ "thickness": 1
},
- "layout": "vertical",
"gap": 4,
"padding": [
- 2,
- 6
+ 7,
+ 12
],
"justifyContent": "center",
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "rlYnp",
- "name": "api-param-input-14",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
+ "id": "cPfRS",
+ "name": "icon-map-edit-mode",
+ "width": 18,
+ "height": 18,
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "At2Kk",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "b3PSo",
- "name": "group-1000004628",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "Izpw1",
- "name": "step",
- "fill": "#b08a01ff",
- "content": "step",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "nsL9Q",
- "name": "api-param-row-17",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "uI7b4",
- "name": "distance:",
- "fill": "$--ui-color-hint-2",
- "content": "distance:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "TN2zD",
- "name": "api-date-button-14",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "jokkv",
- "name": "100",
- "fill": "$--ui-color-grey-100",
- "content": "10",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "7g6yV",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "fEgry",
- "name": "api-param-row-37",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "Hh8gZ",
- "name": "animation:",
- "fill": "$--ui-color-hint-2",
- "content": "animation:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "1US3c",
- "name": "api-param-select-08",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "I6mdD",
- "name": "api-param-value-17",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "c7bS2",
- "name": "“run”",
- "fill": "#9c2c2cff",
- "content": "“run”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- }
- ]
- }
- ]
+ "type": "path",
+ "id": "VjLGL",
+ "x": 2.247999906539917,
+ "y": 2.4701147079467773,
+ "geometry": "M8.888 1.66089l0 11.174c-0.00002 0.0736-0.03602 0.14254-0.09642 0.18459-0.0604 0.04206-0.13754 0.05192-0.20658 0.02641l-3.825-1.436c-0.08741-0.03381-0.14557-0.11729-0.147-0.211l0-11.174c0-0.157 0.157-0.266 0.304-0.21l3.825 1.435c0.08889 0.03173 0.14763 0.11663 0.146 0.211m-5.726-1.53l-2.336 1.176c-0.50641 0.25471-0.82598 0.77314-0.826 1.34l0 9.51c0 0.562 0.585 0.922 1.088 0.674l2.276-1.145c0.0752-0.03904 0.12285-0.11627 0.124-0.20101l0-11.15299c0.0002-0.0781-0.04029-0.15066-0.10686-0.19151-0.06657-0.04084-0.1496-0.04406-0.21914-0.00849m9.251 0.1l-2.276 1.144c-0.0752 0.03904-0.12285 0.11627-0.124 0.201l0 11.152c0 0.167 0.177 0.276 0.327 0.201l2.328-1.171c0.511-0.257 0.833-0.78 0.833-1.351l0-9.503c0.00095-0.26125-0.13376-0.50428-0.35581-0.64192-0.22206-0.13764-0.49964-0.15016-0.73319-0.03308",
+ "fill": "$turquoise600",
+ "width": 13.501004457473755,
+ "height": 13.059839248657227
}
]
}
]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "iMH3z",
+ "name": "nav-button-user",
+ "height": 50,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 26,
+ 20
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "lCZCB",
+ "name": "user-avatar",
+ "width": 32,
+ "height": 32,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.6666666865348816
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "ellipse",
+ "id": "EvvLT",
+ "x": 2,
+ "y": 2,
+ "name": "avatar",
+ "sweepAngle": -360.00001001791264,
+ "fill": [
+ "#fffaeeff",
+ {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/用户头像.png",
+ "mode": "fill"
+ }
+ ],
+ "width": 28,
+ "height": 28,
+ "stroke": {
+ "align": "outside",
+ "thickness": 1.3333333730697632,
+ "fill": "$--ui-color-grey-100"
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "$--ui-shadow-custom-2",
+ "offset": {
+ "x": 0,
+ "y": 2.6666667461395264
+ }
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "wNhiE",
+ "name": "Main Content",
+ "width": "fill_container",
+ "height": "fill_container",
+ "gap": 20,
+ "padding": [
+ 0,
+ 20,
+ 20,
+ 20
+ ],
+ "children": [
+ {
+ "type": "frame",
+ "id": "ufddv",
+ "name": "Editor Canvas",
+ "width": 888,
+ "height": "fill_container",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/地图背景.png",
+ "mode": "fill"
+ },
+ "cornerRadius": 16,
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "vmbCO",
+ "name": "Central Image",
+ "width": 480,
+ "height": 360,
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/项目运行.png",
+ "mode": "stretch"
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "XzmRS",
+ "name": "Sidebar",
+ "width": "fill_container",
+ "height": "fill_container",
+ "layout": "vertical",
+ "gap": 20,
+ "children": [
+ {
+ "type": "frame",
+ "id": "2NxkO",
+ "name": "Global Configuration Panel",
+ "width": "fill_container",
+ "fill": "$grey100",
+ "cornerRadius": 20,
+ "layout": "vertical",
+ "children": [
+ {
+ "type": "frame",
+ "id": "2ukpY",
+ "name": "header container",
+ "clip": true,
+ "width": "fill_container",
+ "height": 44,
+ "fill": "$grey100",
+ "cornerRadius": [
+ 20,
+ 20,
+ 0,
+ 0
+ ],
+ "padding": [
+ 9,
+ 16
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "CresG",
+ "name": "Header",
+ "width": "fill_container",
+ "height": "fill_container",
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "6Ml22",
+ "name": "Title",
+ "fill": "$grey1000",
+ "content": "Global Configuration",
+ "lineHeight": 1.625,
+ "fontFamily": "Inter",
+ "fontSize": 16,
+ "fontWeight": "bold"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "jgRcr",
+ "name": "sprite-inspector-action",
+ "cornerRadius": [
+ 0,
+ 0,
+ 2,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "enabled": false,
+ "color": "$--ui-shadow-custom-1",
+ "offset": {
+ "x": 0,
+ "y": -2
},
+ "blur": 7
+ },
+ "gap": 10,
+ "padding": 4,
+ "alignItems": "center",
+ "children": [
{
"type": "frame",
- "id": "j9fV8",
- "name": "api-reference-11",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "6sB5N",
+ "name": "icon-fold-outlined",
+ "width": 16,
+ "height": 16,
+ "fill": {
+ "type": "color",
+ "color": "$grey100",
+ "enabled": false
+ },
"stroke": {
"align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
+ "thickness": 1.5
},
- "layout": "vertical",
- "gap": 4,
- "padding": [
- 2,
- 6
- ],
- "justifyContent": "center",
+ "layout": "none",
"children": [
{
- "type": "frame",
- "id": "lFFaq",
- "name": "api-param-input-15",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "F6Drl",
- "name": "param-input-trigger",
- "clip": true,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "KyPpj",
- "name": "group-1000004628",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "jkuYk",
- "name": "step",
- "fill": "#b08a01ff",
- "content": "step",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "5pAI8",
- "name": "api-param-row-18",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "WWX35",
- "name": "distance:",
- "fill": "$--ui-color-hint-2",
- "content": "distance:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "xhSN2",
- "name": "api-date-button-15",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "1SBkE",
- "name": "100",
- "fill": "$--ui-color-grey-100",
- "content": "10",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "ZnR0R",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "kCwyW",
- "name": "api-param-row-38",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "CCyX0",
- "name": "animation:",
- "fill": "$--ui-color-hint-2",
- "content": "animation:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "ji6zo",
- "name": "api-param-select-09",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "tYL3l",
- "name": "api-param-value-18",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "sU7Nv",
- "name": "“run”",
- "fill": "#9c2c2cff",
- "content": "“run”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
+ "type": "path",
+ "id": "rpq4a",
+ "x": 2.3447265625,
+ "y": 2.7998046875,
+ "name": "vector",
+ "geometry": "M1.06066 3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z m0-3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z",
+ "fill": "$--ui-color-hint-2",
+ "width": 11.313708305358887,
+ "height": 10.374252319335938
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "0fWzt",
+ "name": "section",
+ "width": "fill_container",
+ "height": 144,
+ "cornerRadius": [
+ 0,
+ 0,
+ 20,
+ 20
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": {
+ "top": 1,
+ "right": 1
+ },
+ "fill": "$grey400"
+ },
+ "layout": "vertical",
+ "gap": 10,
+ "padding": [
+ 12,
+ 16
+ ],
+ "children": [
+ {
+ "type": "frame",
+ "id": "pCjrG",
+ "name": "Map Size Section",
+ "width": "fill_container",
+ "height": 32,
+ "gap": 16,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "CEhs3",
+ "name": "Label",
+ "fill": "$grey1000",
+ "content": "Map size",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "mCtST",
+ "name": "Width Input",
+ "width": "fill_container",
+ "height": "fill_container",
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "25DOU",
+ "name": "Label",
+ "fill": "$grey800",
+ "content": "Width",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "XSuIF",
+ "name": "Value",
+ "fill": "$grey1000",
+ "content": "3000",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "V4bHk",
- "name": "api-reference-12",
- "clip": true,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-title-a14",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 21
- },
- "layout": "vertical",
- "gap": 4,
+ "id": "1sBeg",
+ "name": "Height Input",
+ "width": "fill_container",
+ "height": "fill_container",
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "gap": 8,
"padding": [
- 2,
- 6
+ 5,
+ 12
],
- "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "gGSaL",
+ "name": "Label",
+ "fill": "$grey800",
+ "content": "Height",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "QLiug",
+ "name": "Value",
+ "fill": "$grey1000",
+ "content": "2000",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "q4elX",
+ "name": "Physics Section",
+ "rotation": -0.03137605029497161,
+ "width": "fill_container",
+ "height": 32,
+ "gap": 16,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "AcyWW",
+ "name": "Label",
+ "fill": "$grey1000",
+ "content": "Physics",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "VzIgt",
+ "name": "Toggle",
+ "width": 40,
+ "height": 22,
+ "fill": "$turquoise500",
+ "cornerRadius": 10,
+ "padding": 2,
+ "justifyContent": "end",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "ellipse",
+ "id": "0taeT",
+ "name": "Knob",
+ "fill": "$grey100",
+ "width": 16,
+ "height": 16
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "rOXCs",
+ "name": "Layer Sorting Section",
+ "rotation": 0.022142390253113205,
+ "width": "fill_container",
+ "height": 32,
+ "gap": 16,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "36hnG",
+ "name": "Label",
+ "fill": "$grey1000",
+ "content": "Layer Sorting",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "C7VEG",
+ "name": "Radio Group",
+ "gap": 8,
+ "alignItems": "center",
"children": [
{
"type": "frame",
- "id": "xMNc9",
- "name": "api-param-input-16",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
+ "id": "BXQzz",
+ "name": "Default Radio",
+ "gap": 4,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "wE5kf",
- "name": "param-input-trigger",
+ "id": "jX9EF",
+ "name": "defaultRadioOuter",
"clip": true,
- "cornerRadius": 8,
+ "width": 16,
+ "height": 16,
+ "cornerRadius": 100,
"stroke": {
- "align": "inside",
- "thickness": 1
+ "thickness": 1,
+ "fill": "$turquoise500"
},
- "gap": 4,
- "padding": [
- 2,
- 0
- ],
- "children": [
- {
- "type": "group",
- "id": "BMTjU",
- "name": "group-1000004628",
- "layout": "horizontal",
- "gap": 10,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "AOLvh",
- "name": "step",
- "fill": "#b08a01ff",
- "content": "step",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "7Nyg6",
- "name": "api-param-row-19",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "NOfWw",
- "name": "distance:",
- "fill": "$--ui-color-hint-2",
- "content": "distance:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "ybh5Z",
- "name": "api-date-button-16",
- "clip": true,
- "fill": {
- "type": "color",
- "color": "$--ui-color-disabled-text",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "4vOBk",
- "name": "100",
- "fill": "$--ui-color-grey-100",
- "content": "10",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "AdSEb",
- "name": ",",
- "fill": "$--ui-color-title",
- "content": ",",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "ZA26S",
- "name": "api-param-row-39",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "U6IXx",
- "name": "animation:",
- "fill": "$--ui-color-hint-2",
- "content": "animation:",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "egQcu",
- "name": "api-param-select-10",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "fBRsa",
- "name": "api-param-value-19",
- "clip": true,
- "cornerRadius": [
- 2,
- 0,
- 0,
- 2
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 0,
- 2
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "CuOVq",
- "name": "“run”",
- "fill": "#9c2c2cff",
- "content": "“run”",
- "lineHeight": 1.5384615384615385,
- "fontFamily": "Menlo",
- "fontSize": 13,
- "fontWeight": "normal"
- }
- ]
- }
- ]
- }
- ]
+ "layout": "vertical",
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "QGVt1",
+ "name": "defaultRadioOuter",
+ "clip": true,
+ "width": 10,
+ "height": 10,
+ "fill": "$turquoise500",
+ "cornerRadius": 100,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none"
}
]
+ },
+ {
+ "type": "text",
+ "id": "Ez4JZ",
+ "name": "defaultRadioLabel",
+ "fill": "$grey1000",
+ "content": "Default",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "MTsrY",
+ "name": "Vertical Radio",
+ "height": "fill_container",
+ "gap": 4,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "n0D34",
+ "name": "defaultRadioOuter",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "cornerRadius": 100,
+ "stroke": {
+ "thickness": 1,
+ "fill": "$gery600"
+ },
+ "layout": "none"
+ },
+ {
+ "type": "text",
+ "id": "EipNX",
+ "name": "verticalRadioLabel",
+ "fill": "$grey1000",
+ "content": "Vertical",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
}
]
}
@@ -8651,698 +16030,577 @@
},
{
"type": "frame",
- "id": "8AjWI",
- "name": "editor-workspace",
+ "id": "Dbgn9",
+ "name": "Sprites Panel",
"width": "fill_container",
"height": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
+ "fill": "$grey100",
+ "cornerRadius": 20,
+ "layout": "vertical",
"children": [
{
"type": "frame",
- "id": "8UAuV",
- "name": "editor-code-panel",
+ "id": "49Iv8",
+ "name": "header",
+ "clip": true,
"width": "fill_container",
- "height": "fill_container",
+ "height": 44,
+ "fill": "$yellow500",
+ "cornerRadius": [
+ 20,
+ 20,
+ 0,
+ 0
+ ],
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "bottom": 1
+ }
},
+ "gap": 10,
+ "padding": [
+ 9,
+ 16
+ ],
+ "justifyContent": "space_between",
+ "alignItems": "center",
"children": [
+ {
+ "type": "text",
+ "id": "FmEN9",
+ "name": "Sprites",
+ "fill": "$grey100",
+ "content": "Sprites",
+ "lineHeight": 1.625,
+ "textAlignVertical": "middle",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 16,
+ "fontWeight": "normal"
+ },
{
"type": "frame",
- "id": "0EMzX",
- "name": "editor-code-area",
- "width": "fill_container",
- "height": "fill_container",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
+ "id": "w2nDS",
+ "name": "sprite-add-button",
+ "width": 28,
+ "height": 28,
+ "fill": "$yellow500",
+ "cornerRadius": 14,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "vertical",
- "gap": 6,
- "padding": [
- 8,
- 12
- ],
+ "gap": 10,
+ "padding": 10,
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
- "type": "text",
- "id": "Cp3rz",
- "fill": "#94A3B8",
- "content": "1 var (",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "jZvWy",
- "fill": "#2563EB",
- "content": "2 attacking bool",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "07ZmI",
- "fill": "#2563EB",
- "content": "3 dead bool",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "O1YWP",
- "fill": "#94A3B8",
- "content": "4 )",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "pm5TG",
- "fill": "#94A3B8",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "9g5mI",
- "fill": "#0F172A",
- "content": "6 func doDie() {",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "eoxya",
- "fill": "#0F172A",
- "content": "7 dead = true",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "SFBMV",
- "fill": "#0F172A",
- "content": "8 die",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "A75mb",
- "fill": "#94A3B8",
- "content": "9 }",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "OKhvI",
- "fill": "#94A3B8",
- "fontFamily": "Inter",
- "fontSize": 12,
- "fontWeight": "normal"
+ "type": "frame",
+ "id": "SOynz",
+ "name": "icon-plus",
+ "width": 16,
+ "height": 16,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "rPZ5y",
+ "x": 2.082094083846414,
+ "y": 1.8376237714321633,
+ "geometry": "M9 0c0.82843 0 1.5 0.67157 1.5 1.5l0 6 6 0c0.82843 0 1.5 0.67157 1.5 1.5 0 0.82843-0.67157 1.5-1.5 1.5l-6 0 0 6c0 0.82843-0.67157 1.5-1.5 1.5-0.82843 0-1.5-0.67157-1.5-1.5l0-6-6 0c-0.82843 0-1.5-0.67157-1.5-1.5 0-0.82843 0.67157-1.5 1.5-1.5l6 0 0-6c0-0.82843 0.67157-1.5 1.5-1.5",
+ "fill": "$grey100",
+ "width": 12,
+ "height": 12
+ }
+ ]
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "HTdeS",
+ "name": "Sprites",
+ "width": "fill_container",
+ "height": "fill_container",
+ "fill": "#ffffff",
+ "layout": "vertical",
+ "gap": 12,
+ "padding": 12,
+ "children": [
{
"type": "frame",
- "id": "7yfDk",
- "name": "editor-code-aux-panel",
- "enabled": false,
- "clip": true,
+ "id": "ysvvP",
+ "name": "Sprite List",
"width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
+ "layout": "vertical",
+ "gap": 12,
"children": [
{
"type": "frame",
- "id": "JOZQ4",
- "name": "code-panel-body",
- "width": 476,
- "height": 766,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
+ "id": "C2PxO",
+ "name": "Sprite Row 1",
+ "width": "fill_container",
+ "gap": 8,
+ "justifyContent": "space_between",
"children": [
{
"type": "frame",
- "id": "ROf9j",
- "name": "code-workspace",
- "clip": true,
- "width": "fill_container",
+ "id": "bGSjy",
+ "name": "sprite-card-01",
+ "width": 88,
+ "height": 88,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "nhZ1g",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$yellow200",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 2,
+ "fill": "$yellow500"
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "TlZMf",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "3vlrC",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "Jwlj2",
+ "name": "sprite-name-chip-01",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "ZPnJT",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "i44kx",
+ "x": 68,
+ "y": -4,
+ "name": "more",
+ "width": 24,
+ "height": 24,
+ "fill": "$yellow500",
+ "cornerRadius": 24,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.7674450874328613
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "nRer0",
+ "x": 4,
+ "y": 4,
+ "name": "icon-more-horizontal-filled",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "gpvfW",
+ "x": 1.3433431386947632,
+ "y": 6.666666507720947,
+ "name": "more-horizontal",
+ "geometry": "M2.005 4c-1.104 0-2.005-0.896-2.005-2 0-1.104 0.89-2 1.995-2l0.01 0c1.104 0 2 0.896 2 2 0 1.104-0.895 2-2 2z m10.00001-2c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.995 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z m8 0c0-1.104-0.896-2-2-2l-0.01001 0c-1.104 0-1.99499 0.896-1.995 2 0 1.104 0.90001 2 2.00501 2 1.105 0 2-0.896 2-2z",
+ "fill": "$--ui-color-grey-100",
+ "width": 13.336669921875,
+ "height": 2.6666667461395264,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "OlOkj",
+ "name": "sprite-card-03",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
- "thickness": 0.9447104930877686
+ "thickness": 1
},
- "gap": 10,
+ "layout": "none",
"children": [
{
"type": "frame",
- "id": "q51K5",
- "name": "code-workspace",
- "fill": "$--ui-color-grey-100",
+ "id": "L0e2r",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 20,
- "padding": [
- 16,
- 107,
- 16,
- 20
- ],
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
"children": [
- {
- "type": "text",
- "id": "CwBC8",
- "name": "1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31",
- "fill": "$--ui-color-disabled-text",
- "content": "1\n2\n3\n4\n5\n6\n7\n8\n9\n10\n11\n12\n13\n14\n15\n16\n17\n18\n19\n20\n21\n22\n23\n24\n25\n26\n27\n28\n29\n30\n31\n",
- "lineHeight": 1.7142857142857142,
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
{
"type": "frame",
- "id": "FPOI1",
- "name": "code-sidebar-list",
+ "id": "aUM50",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": 0.9375
},
- "layout": "vertical",
- "gap": 24,
+ "layout": "none",
"children": [
{
- "type": "group",
- "id": "KLZka",
- "name": "group-1000002781",
- "children": [
- {
- "type": "text",
- "id": "YuyMz",
- "x": 0,
- "y": 0,
- "name": "var ( attacking bool dead bool )",
- "fill": "#000000ff",
- "content": "var (\n attacking bool\n dead bool\n)",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "path",
- "id": "PAXW2",
- "x": 0,
- "y": 22,
- "name": "vector-655",
- "geometry": "M0 0l0 94",
- "width": 0,
- "height": 44,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "$--ui-color-disabled-text"
- }
- }
- ]
- },
- {
- "type": "group",
- "id": "o0Yj2",
- "name": "group-1000002780",
- "children": [
- {
- "type": "text",
- "id": "M5wVf",
- "x": 0,
- "y": 0,
- "name": "func doDie（）{ dead = true die }",
- "fill": "#000000ff",
- "content": "func doDie（）{\n dead = true\n die \n}",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "path",
- "id": "z9xmR",
- "x": 0,
- "y": 22,
- "name": "vector-655",
- "geometry": "M0 0l0 94",
- "width": 0,
- "height": 44,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "$--ui-color-disabled-text"
- }
- }
- ]
- },
- {
- "type": "group",
- "id": "rFMqj",
- "name": "group-1000002783",
- "children": [
- {
- "type": "text",
- "id": "NbbLE",
- "x": 0,
- "y": 0,
- "name": "func attack（）{ if dead || attacking｛ return }",
- "fill": "#000000ff",
- "content": "func attack（）{\n if dead || attacking｛\n return\n }",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "D02YR",
- "x": 0,
- "y": 112.00004768371582,
- "name": "code-sidebar-group",
- "width": 504,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "children": [
- {
- "type": "text",
- "id": "XL5Bw",
- "name": "attacking = true",
- "fill": "#000000ff",
- "textGrowth": "fixed-width",
- "width": "fill_container",
- "content": " attacking = true",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "x2B1E",
- "name": "frame-1000004599",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 6,
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "D6JHx",
- "name": "if checkAttack（heading（）,xpos（）,",
- "fill": "#000000ff",
- "content": " if checkAttack（heading（）,xpos（）,",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "57yeP",
- "name": "Fighter.xpos()) {",
- "fill": "#000000ff",
- "content": "Fighter.xpos()) {",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "text",
- "id": "K6V0O",
- "name": "println \"attacking Fighter\"",
- "fill": "#000000ff",
- "content": " println \"attacking Fighter\"",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "IEbun",
- "name": "broadcast \"attack Fighter\", heading(), false",
- "fill": "#000000ff",
- "content": " broadcast \"attack Fighter\", heading(), false",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "HBGVi",
- "name": "}",
- "fill": "#000000ff",
- "content": " }",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "5l8kh",
- "name": "animate name:\"attack\"",
- "fill": "#000000ff",
- "content": " animate name:\"attack\"",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "kgUTo",
- "name": "attacking = false",
- "fill": "#000000ff",
- "content": " attacking = false",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "text",
- "id": "sRPMg",
- "name": "}",
- "fill": "#000000ff",
- "content": "}",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "path",
- "id": "NStBg",
- "x": 35,
- "y": 152.00004768371582,
- "name": "vector-659",
- "rotation": 0.0000025044782690431637,
- "geometry": "M0 0l0 94",
- "width": 0,
- "height": 63,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "$--ui-color-disabled-text"
- }
- },
- {
- "type": "path",
- "id": "KyGbz",
- "x": 37,
- "y": 43.00004768371582,
- "name": "vector-658",
- "rotation": 0.0000025044782690431637,
- "geometry": "M0 0l0 94",
- "width": 0,
- "height": 22,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "$--ui-color-disabled-text"
- }
- },
- {
- "type": "path",
- "id": "Ot55h",
- "x": 0,
- "y": 21.50004768371582,
- "name": "vector-654",
- "geometry": "M0 0l0 90.49995",
- "width": 0,
- "height": 245,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "$--ui-color-disabled-text"
- }
- }
- ]
- },
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "wUmrF",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "fill"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "kSNgg",
+ "name": "sprite-name-chip-03",
+ "width": 84,
+ "height": 22,
+ "fill": {
+ "type": "color",
+ "color": "$grey1000",
+ "enabled": false
+ },
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
{
- "type": "group",
- "id": "ZsS6l",
- "name": "group-1000002782",
- "children": [
- {
- "type": "text",
- "id": "k67ll",
- "x": 0.000017506411040812964,
- "y": 0,
- "name": "onCloned => { shinobis = append(shinobis, this) println \"shinobis num\", len(shinobis) dead = false show for { if dead { break } distance := rand(from:10, to:120) wait secs:rand(from:0.5, to:1.5) step step:distance wait secs:0.5 attack changeHeading dir:180 step step:distance wait secs:0.5 attack changeHeading dir:180 } }",
- "fill": "#000000ff",
- "content": "onCloned => {\n shinobis = append(shinobis, this)\n println \"shinobis num\", len(shinobis) dead = false\n show\n for {\n if dead {\n break\n }\n distance := rand(from:10, to:120)\n wait secs:rand(from:0.5, to:1.5)\n step step:distance\n wait secs:0.5\n attack\n changeHeading dir:180\n step step:distance\n wait secs:0.5\n attack\n changeHeading dir:180\n }\n}",
- "lineHeight": 1.5714285714285714,
- "textAlignVertical": "middle",
- "fontFamily": "Menlo",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "path",
- "id": "8FHRJ",
- "x": 0.000017506411040812964,
- "y": 31,
- "name": "vector-656",
- "rotation": -0.0000025044780654876642,
- "geometry": "M0 0l0.00002 400.5",
- "width": 0.000017506410586065613,
- "height": 400.5,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "$--ui-color-disabled-text"
- }
- },
- {
- "type": "path",
- "id": "5Zj6i",
- "x": 35.99992997435629,
- "y": 131,
- "name": "vector-657",
- "rotation": -0.0000025044782690431637,
- "geometry": "M0 0l0 94",
- "width": 0,
- "height": 285,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "$--ui-color-disabled-text"
- }
- }
- ]
+ "type": "text",
+ "id": "JM3yn",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
}
]
}
]
}
]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "sKUp3",
- "name": "editor-code-zoom-controls",
- "height": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "padding": [
- 12,
- 8
- ],
- "justifyContent": "space_between",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "QyBm3",
- "name": "card-sprite-list",
- "clip": true,
- "width": 40,
- "height": 40,
- "fill": "$--ui-color-grey-200",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 2,
- "fill": "$--ui-color-sprite-main"
- },
- "layout": "none",
- "children": [
+ },
{
"type": "frame",
- "id": "nx1CM",
- "x": 2,
- "y": 2,
- "name": "zoom-control-icon",
- "width": 36,
- "height": 36,
- "fill": {
- "type": "color",
- "color": "$--ui-color-grey-100",
- "enabled": false
- },
+ "id": "VQBLE",
+ "name": "sprite-card-02",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
- "thickness": 0.6000000238418579
+ "thickness": 1
},
"layout": "none",
"children": [
{
- "type": "rectangle",
- "id": "VCufu",
+ "type": "frame",
+ "id": "Fv76j",
"x": 0,
"y": 0,
- "name": "image-00043-3673961838-ok-2",
- "fill": {
- "type": "image",
- "enabled": true,
- "url": "",
- "mode": "stretch"
- },
- "width": 36,
- "height": 36,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 0.7554537653923035
- }
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "vpBMS",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "4xB8x",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "QQnu1",
+ "name": "sprite-name-chip-02",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "TSYuX",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
}
]
- }
- ]
- },
- {
- "type": "frame",
- "id": "I3HEo",
- "name": "zoom",
- "width": 40,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "gap": 4,
- "children": [
+ },
{
"type": "frame",
- "id": "MIIdh",
- "name": "code-zoom-button-01",
- "width": "fill_container",
- "cornerRadius": 12,
+ "id": "OrML0",
+ "name": "sprite-card-03",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
- "thickness": 1.25
+ "thickness": 1
},
- "gap": 5,
- "justifyContent": "center",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
"type": "frame",
- "id": "h7bVO",
- "name": "button",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 12,
+ "id": "pS6Qy",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1.25
+ "thickness": 1
},
- "gap": 5,
- "padding": 10,
- "justifyContent": "center",
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "ekwSI",
- "name": "icon-play-filled",
- "width": 20,
- "height": 20,
+ "id": "tQQpp",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
"stroke": {
"align": "inside",
- "thickness": 0.8333333134651184
+ "thickness": 0.9375
},
"layout": "none",
"children": [
{
- "type": "path",
- "id": "DD9dx",
- "x": 1.875,
- "y": 1.875,
- "name": "search-plus",
- "geometry": "M19.28003 18.22l-3.841-3.841c1.284-1.523 2.06097-3.486 2.06097-5.629 0-4.825-3.925-8.75-8.75-8.75-4.825 0-8.75 3.925-8.75 8.75 0 4.825 3.925 8.75 8.75 8.75 2.143 0 4.10603-0.777 5.62903-2.061l3.84094 3.841c0.146 0.146 0.33803 0.22 0.53003 0.22 0.192 0 0.38403-0.073 0.53003-0.22 0.293-0.292 0.293-0.767 0-1.06z m-17.78003-9.47c0-3.998 3.252-7.25 7.25-7.25 3.998 0 7.25 3.252 7.25 7.25 0 3.998-3.252 7.25-7.25 7.25-3.998 0-7.25-3.252-7.25-7.25z m10.25-0.75l-2.25 0 0-2.25c0-0.414-0.336-0.75-0.75-0.75-0.414 0-0.75 0.336-0.75 0.75l0 2.25-2.25 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l2.25 0 0 2.25c0 0.414 0.336 0.75 0.75 0.75 0.414 0 0.75-0.336 0.75-0.75l0-2.25 2.25 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
- "fill": "$--ui-color-text",
- "width": 16.249814987182617,
- "height": 16.25,
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "dRFZJ",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "fill"
+ },
+ "width": 60,
+ "height": 60,
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
+ },
+ {
+ "type": "frame",
+ "id": "g33OY",
+ "name": "sprite-name-chip-03",
+ "width": 84,
+ "height": 22,
+ "fill": {
+ "type": "color",
+ "color": "$grey1000",
+ "enabled": false
+ },
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "8FCWW",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
}
]
}
@@ -9350,1347 +16608,1553 @@
},
{
"type": "frame",
- "id": "iC1Jp",
- "name": "code-zoom-button-02",
- "width": "fill_container",
- "cornerRadius": 12,
+ "id": "ytO7a",
+ "name": "sprite-card-02",
+ "width": 88,
+ "height": 88,
"stroke": {
"align": "inside",
- "thickness": 1.25
+ "thickness": 1
},
- "gap": 5,
- "justifyContent": "center",
- "alignItems": "center",
+ "layout": "none",
"children": [
{
"type": "frame",
- "id": "97KGR",
- "name": "button",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 12,
+ "id": "FUVKL",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
"stroke": {
"align": "inside",
- "thickness": 1.25
+ "thickness": 1
},
- "gap": 5,
- "padding": 10,
- "justifyContent": "center",
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "im7Zl",
- "name": "icon-play-filled",
- "width": 20,
- "height": 20,
+ "id": "D59FN",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
"stroke": {
"align": "inside",
- "thickness": 0.8333333134651184
+ "thickness": 0.9375
},
"layout": "none",
"children": [
{
- "type": "path",
- "id": "hINYH",
- "x": 1.875,
- "y": 1.875,
- "name": "search-minus",
- "geometry": "M19.28003 18.22l-3.841-3.841c1.284-1.523 2.06097-3.486 2.06097-5.629 0-4.825-3.925-8.75-8.75-8.75-4.825 0-8.75 3.925-8.75 8.75 0 4.825 3.925 8.75 8.75 8.75 2.143 0 4.10603-0.777 5.62903-2.061l3.84094 3.841c0.146 0.146 0.33803 0.22 0.53003 0.22 0.192 0 0.38403-0.073 0.53003-0.22 0.293-0.292 0.293-0.767 0-1.06z m-17.78003-9.47c0-3.998 3.252-7.25 7.25-7.25 3.998 0 7.25 3.252 7.25 7.25 0 3.998-3.252 7.25-7.25 7.25-3.998 0-7.25-3.252-7.25-7.25z m10.25-0.75l-6 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l6 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
- "fill": "$--ui-color-text",
- "width": 16.249814987182617,
- "height": 16.25,
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "D5Rcf",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "stretch"
+ },
+ "width": 60,
+ "height": 60,
"stroke": {
"align": "inside",
"thickness": 1
}
}
]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "g5UOt",
- "name": "code-zoom-button-03",
- "width": "fill_container",
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1.25
- },
- "gap": 5,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "W4XqS",
- "name": "button",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1.25
- },
- "gap": 5,
- "padding": 10,
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
{
"type": "frame",
- "id": "065iH",
- "name": "icon-play-filled",
- "width": 20,
- "height": 20,
+ "id": "6Qdir",
+ "name": "sprite-name-chip-02",
+ "width": 84,
+ "height": 22,
+ "cornerRadius": 12,
"stroke": {
"align": "inside",
- "thickness": 0.8333333134651184
+ "thickness": 1
},
- "layout": "none",
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
"children": [
{
- "type": "path",
- "id": "74Osr",
- "x": 1.875,
- "y": 1.875,
- "name": "search-text",
- "geometry": "M19.28003 18.22l-3.841-3.841c1.284-1.523 2.06097-3.486 2.06097-5.629 0-4.825-3.925-8.75-8.75-8.75-4.825 0-8.75 3.925-8.75 8.75 0 4.825 3.925 8.75 8.75 8.75 2.143 0 4.10603-0.777 5.62903-2.061l3.84094 3.841c0.146 0.146 0.33803 0.22 0.53003 0.22 0.192 0 0.38403-0.073 0.53003-0.22 0.293-0.292 0.293-0.767 0-1.06z m-17.78003-9.47c0-3.998 3.252-7.25 7.25-7.25 3.998 0 7.25 3.252 7.25 7.25 0 3.998-3.252 7.25-7.25 7.25-3.998 0-7.25-3.252-7.25-7.25z m10.25-2.25l-6 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l6 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z m-2 3l-4 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l4 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
- "fill": "$--ui-color-text",
- "width": 16.249814987182617,
- "height": 16.25,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
+ "type": "text",
+ "id": "3uBTE",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
}
]
}
]
}
]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "8QjzS",
- "x": 0,
- "y": 0,
- "name": "nav-bar-top",
- "width": 1440,
- "fill": "$--ui-color-primary-main",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "justifyContent": "space_between",
- "children": [
- {
- "type": "frame",
- "id": "uHdRe",
- "name": "nav-left",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "kepYd",
- "name": "nav-logo-wordmark",
- "width": 150,
- "height": 50,
- "stroke": {
- "align": "inside",
- "thickness": 0.1190476194024086
- },
- "layout": "vertical",
- "gap": 25,
- "padding": [
- 0,
- 24
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "4muZ0",
- "name": "icon-logo",
- "width": 102,
- "height": 30,
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "Nnrol",
- "x": 2.1828083992004395,
- "y": 5.349999904632568,
- "geometry": "M94.05119 8.558l0 9.492c0 0.55228-0.44772 1-1 1l-1.572 0c-0.55228 0-1-0.44772-1-1l0-11.42c0-0.55228 0.44772-1 1-1l1.43 0c0.52493-0.00027 0.96072 0.40539 0.998 0.929l0.144 1.999z m3.77101-3.089c0.166 0.033 0.27 0.188 0.26699 0.358l-0.04799 2.576c-0.00391 0.11569-0.05538 0.22463-0.14227 0.30111-0.08689 0.07648-0.20149 0.1137-0.31674 0.10289l-0.182-0.014c-0.21816-0.02434-0.43748-0.03669-0.657-0.037q-0.757 0-1.315 0.199-0.546 0.186-0.918 0.558-0.36 0.372-0.546 0.905c-0.12135 0.39402-0.18797 0.80284-0.198 1.215l-0.72-0.223q0-1.302 0.261-2.393 0.26-1.104 0.757-1.923 0.508-0.818 1.24-1.265 0.73199-0.447 1.674-0.446 0.298 0 0.60801 0.05 0.128 0.015 0.236 0.036m-14.37501 13.829q-1.563 0-2.803-0.496c-0.79188-0.31696-1.50985-0.7939-2.109-1.401-0.57166-0.59624-1.0184-1.3007-1.314-2.072-0.30825-0.80769-0.46421-1.6655-0.46-2.53l0-0.496q0-1.526 0.435-2.79c0.26846-0.80454 0.68947-1.54981 1.24-2.195 0.54507-0.61985 1.22381-1.10779 1.985-1.427q1.165-0.508 2.629-0.508 1.425 0 2.52999 0.471 1.104 0.47 1.848 1.34 0.757 0.867 1.14 2.083 0.385 1.203 0.38501 2.679l0 1.488-10.666 0 0-2.381 7.156 0 0-0.273q0-0.744-0.272-1.327c-0.16454-0.38632-0.4411-0.71444-0.794-0.942q-0.534-0.348-1.364-0.348-0.708 0-1.216 0.31c-0.34576 0.21432-0.63136 0.513-0.83 0.868q-0.311 0.558-0.472 1.315c-0.10307 0.53948-0.15297 1.08777-0.149 1.637l0 0.496q0 0.807 0.223 1.489 0.236 0.681 0.658 1.178 0.434 0.495 1.041 0.769 0.62 0.273 1.402 0.273c0.61898 0.00534 1.23196-0.12149 1.798-0.372 0.42691-0.19455 0.8141-0.46646 1.142-0.802 0.172-0.176 0.46-0.188 0.627-0.007l1.202 1.305c0.12912 0.13487 0.13935 0.34418 0.02401 0.491-0.28361 0.33956-0.60577 0.64495-0.96001 0.91q-0.72 0.558-1.737 0.918-1.017 0.347-2.32 0.347m-12.055-3.175l0-15.123c0-0.55228 0.44772-1 1-1l1.597 0c0.55228 0 1 0.44772 1 1l0 17.05c0 0.55228-0.44772 1-1 1l-1.353 0c-0.50491-0.00027-0.93041-0.37687-0.992-0.878l-0.252-2.049z m-8.483-3.621l0-0.26q0-1.539 0.347-2.791 0.347-1.266 1.017-2.17c0.43062-0.59196 0.99629-1.07261 1.65-1.402q0.98-0.495 2.23201-0.496 1.179 0 2.059 0.496 0.893 0.495 1.513 1.414 0.632 0.904 1.01699 2.145 0.384 1.228 0.558 2.692l0 0.57c-0.10454 0.88381-0.29134 1.75592-0.558 2.605-0.23105 0.74982-0.57391 1.46048-1.017 2.108-0.3904 0.57381-0.90823 1.04954-1.51299 1.39q-0.893 0.495-2.084 0.495-1.252 0-2.23201-0.508c-0.64875-0.34257-1.20912-0.83106-1.637-1.427q-0.657-0.916-1.00499-2.158c-0.23847-0.88095-0.35522-1.79039-0.34701-2.703m3.572-0.26l0 0.26q0 0.83 0.124 1.55 0.135 0.72 0.434 1.277 0.31 0.546 0.794 0.856 0.495 0.298 1.203 0.298 0.917 0 1.51301-0.41 0.596-0.42 0.90499-1.153 0.323-0.732 0.372-1.687l0-1.623q-0.037-0.781-0.22299-1.402c-0.10155-0.39005-0.27818-0.75656-0.52001-1.079-0.2215-0.29577-0.511-0.53382-0.844-0.694q-0.497-0.248-1.178-0.248-0.694 0-1.191 0.322-0.496 0.31-0.806 0.856c-0.21233 0.40537-0.36299 0.84016-0.44699 1.29-0.09377 0.52373-0.13929 1.05495-0.13601 1.587m-6.458-12.242c0.55228 0 1 0.44772 1 1l0 17.05c0 0.55228-0.44772 1-1 1l-1.584 0c-0.55229 0-1-0.44772-1-1l0-17.05c0-0.55228 0.44772-1 1-1l1.584 0z m-6.214 5.63c0.55228 0 1 0.44772 1 1l0 11.42c0 0.55228-0.44772 1-1 1l-1.584 0c-0.55229 0-1-0.44772-1-1l0-11.42c0-0.55228 0.44771-1 1-1l1.584 0z m-2.807-3.497q0-0.78 0.545-1.29 0.546-0.508 1.464-0.508 0.906 0 1.451 0.509 0.558 0.508 0.558 1.29 0 0.78-0.558 1.29-0.545 0.508-1.451 0.508-0.918 0-1.464-0.509-0.545-0.508-0.545-1.29m-5.755 13.705l0-9.208c0-0.55228 0.44772-1 1-1l1.571 0c0.55228 0 1 0.44772 1 1l0 11.42c0 0.55228-0.44772 1-1 1l-1.424 0c-0.5271 0.00006-0.96374-0.40902-0.998-0.935l-0.149-2.277z m0.396-2.753l1.055-0.025q0 1.34-0.31 2.493-0.31 1.14-0.93 1.984c-0.41077 0.55143-0.94642 0.99763-1.563 1.302q-0.943 0.46-2.22 0.46c-0.61437 0.00516-1.22566-0.08732-1.811-0.274-0.53209-0.18206-1.01567-0.48302-1.414-0.88q-0.583-0.608-0.918-1.55-0.322-0.956-0.322-2.295l0-7.67c0-0.55229 0.44771-1 1-1l1.572 0c0.55229 0 1 0.44772 1 1l0 7.695q0 0.596 0.136 1.004 0.15 0.41 0.41 0.67 0.26 0.26 0.607 0.372 0.36 0.112 0.794 0.112 1.104 0 1.736-0.447 0.645-0.445 0.906-1.215 0.272-0.782 0.272-1.736m-16.755-1.96l-4.64 0-0.024-2.555 3.894 0q1.03 0 1.687-0.26 0.657-0.273 0.98-0.782 0.335-0.52 0.335-1.265 0-0.843-0.323-1.364-0.31-0.521-0.98-0.756-0.657-0.236-1.699-0.236l-2.58 0 0 15.143-2.12 0c-0.42435 0-0.83131-0.16857-1.13137-0.46863-0.30006-0.30006-0.46863-0.70703-0.46863-1.13137l0-14.858c0-0.42435 0.16857-0.83131 0.46863-1.13137 0.30006-0.30006 0.70702-0.46863 1.13137-0.46863l4.7 0q1.575 0 2.816 0.298 1.253 0.297 2.12 0.905c0.56768 0.38981 1.02511 0.91957 1.328 1.538q0.459 0.918 0.459 2.183 0 1.116-0.509 2.059-0.496 0.942-1.575 1.538-1.066 0.595-2.79 0.657l-1.079 0.955z m-0.162 7.925l-5.494 0 1.45-2.902 4.044 0q0.98 0 1.6-0.31 0.62-0.322 0.918-0.868 0.297-0.546 0.297-1.253 0-0.794-0.272-1.376c-0.1707-0.38558-0.46865-0.70084-0.844-0.893q-0.582-0.323-1.538-0.323l-3.584 0 0.025-2.555 4.465 0 0.855 1.005q1.65-0.026 2.655 0.583 1.017 0.595 1.475 1.55 0.472 0.956 0.472 2.046 0 1.737-0.757 2.927-0.756 1.179-2.22 1.774-1.451 0.595-3.54701 0.595m-11.27299-17.71c-0.917-0.825-1.745-0.722-2.41 0l-0.448 0.484 2.48 2.475 0.377-0.347c0.665-0.722 1.065-1.595 0-2.612m-15.43 13.398l-1.139 1.962-0.855 1.83c-0.11 0.235 0.134 0.48 0.369 0.37l1.829-0.857 1.956-1.144-0.002-0.002 0.006-0.001-2.164-2.158z m2.446 1.411l0.367 0.368 0.126-0.074 0.01-0.007 11.624-11.626-0.381-0.38-11.746 11.719z m-1.984-2.202l-0.008 0.009-0.074 0.127 1.572 1.573 11.748-11.719-1.615-1.615-11.623 11.625z",
- "fill": "#fff",
- "width": 98.08925580978394,
- "height": 19.29920244216919
- },
- {
- "type": "path",
- "id": "OkQzd",
- "x": 1.2997803688049316,
- "y": 5.4393696784973145,
- "geometry": "M5.08422 6.98763l11.322 11.341c0.3284 0.32976 0.77462 0.51513 1.24 0.51513 0.46539 0 0.91161-0.18537 1.24-0.51513 0.68398-0.68674 0.68398-1.79725 0-2.484l-11.32-11.34-2.482 2.483z m3.079-6.963c-0.87413 0.77448-2.09171 1.03099-3.204 0.675-0.03351-0.00939-0.06949-0.00067-0.095 0.023l-4.729 4.736c-0.18029 0.18072-0.18029 0.47328 0 0.654l2.09 2.092c0.18 0.18 0.472 0.18 0.652 0l4.193-4.197-0.001-0.002 2.27-2.275c0.18029-0.18072 0.18029-0.47328 0-0.654l-1.046-1.049c-0.03554-0.03565-0.09285-0.03697-0.13-0.003",
- "fill": "#fff",
- "width": 19.39920949935913,
- "height": 18.84376096725464
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "2Xthg",
- "name": "line",
- "clip": true,
- "width": 1,
- "height": 24,
- "fill": "#ffffff4d",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none"
- },
- {
- "type": "frame",
- "id": "HMWfS",
- "name": "nav-button-file",
- "width": 80,
- "height": 50,
- "fill": {
- "type": "color",
- "color": "$--ui-color-primary-main",
- "enabled": false
- },
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 4,
- 20
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "aM3Hm",
- "name": "nav-button-file-content",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "OZQOM",
- "name": "icon-file",
- "width": 24,
- "height": 24,
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "ZsIad",
- "x": 3,
- "y": 4,
- "geometry": "M17.6 12c0.22 0 0.4 0.18 0.4 0.4l0 1.6c0 1.10457-0.89543 2-2 2l-14 0c-1.10457 0-2-0.89543-2-2l0-1.6c0-0.22 0.18-0.4 0.4-0.4l17.2 0z m-11.014-12c0.26519 0.00006 0.51951 0.10545 0.707 0.293l2.414 2.414c0.18749 0.18755 0.44181 0.29294 0.707 0.293l5.586 0c1.10457 0 2 0.89543 2 2l0 5.6c0 0.22091-0.17909 0.4-0.4 0.4l-17.2 0c-0.10609 0-0.20783-0.04214-0.28284-0.11716-0.07501-0.07501-0.11716-0.17676-0.11716-0.28284l0-8.6c0-1.10457 0.89543-2 2-2l4.586 0z",
- "fill": "$--ui-color-grey-100",
- "width": 18,
- "height": 16
+ }
+ ]
}
]
},
{
"type": "frame",
- "id": "H2f1e",
- "name": "icon-caret-down-filled",
- "width": 16,
- "height": 16,
- "stroke": {
- "align": "inside",
- "thickness": 0.6666666865348816
- },
- "layout": "none",
+ "id": "GV1y2",
+ "name": "Sprite List",
+ "width": "fill_container",
+ "layout": "vertical",
+ "gap": 12,
+ "justifyContent": "space_between",
"children": [
{
- "type": "path",
- "id": "GSIJl",
- "x": 4,
- "y": 6,
- "name": "caret-down",
- "geometry": "M4.69774 7.396l-4.37989-5.1941c-0.736-0.873-0.11206-2.2019 1.03394-2.2019l9.2959 0c1.146 0 1.76994 1.3299 1.03393 2.2019l-4.37988 5.1941c-0.679 0.805-1.925 0.805-2.604 0z",
- "fill": "$--ui-color-grey-100",
- "width": 7.999651908874512,
- "height": 5.333164215087891,
- "stroke": {
- "align": "inside",
- "thickness": 0.6666666865348816
- }
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "YxGht",
- "name": "nav-button-tutorial",
- "height": 50,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 26,
- 20
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "SIOjF",
- "name": "icon-tutorial",
- "width": 24,
- "height": 24,
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "KcThI",
- "x": 4,
- "y": 3,
- "geometry": "M15 0c0.55228 0 1 0.44772 1 1l0 16c0 0.55228-0.44772 1-1 1l-13 0c-1.10457 0-2-0.89543-2-2l0-13c0-1.65685 1.34315-3 3-3l12 0z m-12 13c-0.55228 0-1 0.44772-1 1l0 1c0 0.55228 0.44772 1 1 1l10.6 0c0.22091 0 0.4-0.17909 0.4-0.4l0-2.2c0-0.22091-0.17909-0.4-0.4-0.4l-10.6 0z m8.715-11.29c-0.05349-0.16866-0.21006-0.28325-0.387-0.28325-0.17694 0-0.3335 0.11459-0.387 0.28325l-0.446 1.378c-0.12117 0.37068-0.41094 0.66194-0.781 0.785l-1.363 0.452c-0.16825 0.0553-0.28198 0.21239-0.28198 0.3895 0 0.17711 0.11372 0.3342 0.28198 0.3895l1.363 0.452c0.368 0.122 0.66 0.413 0.781 0.785l0.446 1.377c0.05456 0.16757 0.21077 0.28098 0.387 0.28098 0.17623 0 0.33244-0.11342 0.387-0.28098l0.446-1.377c0.121-0.372 0.412-0.663 0.78-0.785l1.364-0.452c0.16825-0.0553 0.28198-0.21239 0.28198-0.3895 0-0.17711-0.11372-0.3342-0.28198-0.3895l-1.364-0.452c-0.36968-0.12333-0.65904-0.41454-0.78-0.785l-0.446-1.378z",
- "fill": "$--ui-color-grey-100",
- "width": 16,
- "height": 18
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "UADhL",
- "name": "nav-button-undo",
- "height": 50,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 26,
- 20
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "N6Q1A",
- "name": "undo",
- "width": 24,
- "height": 24,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "m5gAV",
- "x": 3,
- "y": 3.99951171875,
- "name": "arrow-reply",
- "geometry": "M7.99996 4.4966c3 0 10 0.4999 10 6.9939 0 1.708-0.46801 3.18289-1.083 4.26489-0.242 0.425-0.89101 0.26319-0.88501-0.22681 0.033-2.567-0.46898-5.03711-8.03199-5.03711l0 3.50513c0 0.895-1.09398 1.32995-1.70898 0.67896l-5.92798-6.27002c-0.484-0.512-0.484-1.31198 0-1.82398l5.92798-6.27002c0.615-0.65 1.70898-0.21504 1.70898 0.67896l0 3.5061z",
- "fill": "$--ui-color-grey-100",
- "width": 17.999963760375977,
- "height": 16.000288009643555,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "AcZ2A",
- "name": "nav-button-redo",
- "opacity": 0.5,
- "height": 50,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 26,
- 20
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "32gys",
- "name": "redo",
- "width": 24,
- "height": 24,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "csu6K",
- "x": 3,
- "y": 3.999755859375,
- "name": "arrow-share",
- "geometry": "M10 0.99116c0-0.895 1.09398-1.32996 1.70898-0.67895l5.92798 6.27002c0.484 0.512 0.484 1.31197 0 1.82397l-5.92798 6.27002c-0.615 0.65-1.70898 0.21504-1.70898-0.67895l0-3.50513c-7.563 0-8.06398 2.47011-8.03198 5.03711 0.006 0.49-0.64301 0.65205-0.88501 0.22705-0.616-1.081-1.08301-2.55614-1.08301-4.26514 0-6.495 7-6.9939 10-6.99389l0-3.50611z",
- "fill": "$--ui-color-grey-100",
- "width": 17.999963760375977,
- "height": 16.00111198425293,
- "stroke": {
- "align": "inside",
- "thickness": 1
- }
+ "type": "frame",
+ "id": "QYUm4",
+ "name": "Sprite Row 2",
+ "width": "fill_container",
+ "gap": 8,
+ "children": [
+ {
+ "type": "frame",
+ "id": "6OnDV",
+ "name": "sprite-card-03",
+ "width": 88,
+ "height": 88,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "dmQeQ",
+ "x": 0,
+ "y": 0,
+ "name": "normal",
+ "fill": "$grey300",
+ "cornerRadius": 8,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 2,
+ "padding": 2,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "sBYyR",
+ "name": "sprite01",
+ "width": 84,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.9375
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 8,
+ "id": "YNmd9",
+ "x": 12,
+ "y": 0,
+ "name": "image-00043-3673961838-ok-1",
+ "fill": {
+ "type": "image",
+ "enabled": true,
+ "url": "./images/sprite.png",
+ "mode": "fill"
+ },
+ "width": 60,
+ "height": 60,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "2wXV4",
+ "name": "sprite-name-chip-03",
+ "width": 84,
+ "height": 22,
+ "fill": {
+ "type": "color",
+ "color": "$grey1000",
+ "enabled": false
+ },
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 10,
+ "padding": [
+ 0,
+ 8
+ ],
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "DFQCW",
+ "name": "Sprite01",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.6,
+ "textAlign": "center",
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 10,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "2jnCA",
- "name": "nav-project-name",
- "width": "fill_container",
- "height": 50,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 49,
- 120
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "CCXJO",
- "name": "text",
- "fill": {
- "type": "color",
- "color": "#0aa5beff",
- "enabled": false
- },
- "cornerRadius": 12,
- "stroke": {
- "align": "inside",
- "thickness": 1,
- "fill": {
- "type": "color",
- "color": "#000000ff",
- "enabled": false
- }
- },
- "gap": 8,
- "padding": [
- 3,
- 12
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "xSThm",
- "name": "输入文本",
- "fill": "$--ui-color-grey-100",
- "content": "my-test-gameccc",
- "lineHeight": 1.625,
- "fontFamily": "Inter",
- "fontSize": 16,
- "fontWeight": "600"
},
{
"type": "frame",
- "id": "uxMno",
- "name": "icon-cloud-check-outlined",
- "width": 24,
- "height": 24,
+ "id": "pyC4s",
+ "name": "Sprite Properties Panel",
+ "width": "fill_container",
+ "fill": "$grey100",
+ "cornerRadius": [
+ 0,
+ 0,
+ 20,
+ 20
+ ],
"stroke": {
"align": "inside",
- "thickness": 1
+ "thickness": {
+ "top": 1
+ },
+ "fill": "$grey400"
},
- "layout": "none",
+ "layout": "vertical",
+ "gap": 12,
+ "padding": [
+ 12,
+ 16,
+ 16,
+ 16
+ ],
+ "justifyContent": "end",
"children": [
{
- "type": "path",
- "id": "68DGc",
- "x": 2.25,
- "y": 5.25,
- "name": "cloud-check",
- "geometry": "M13.75 14.5l-6.5 0c-3.998 0-7.25-3.252-7.25-7.25 0-3.998 3.252-7.25 7.25-7.25 1.764 0 3.46409 0.64198 4.78809 1.80798 0.414 0.365 0.783 0.77505 1.104 1.22205 0.201-0.021 0.40191-0.03101 0.60791-0.03101 3.171 0 5.75 2.579 5.75 5.75 0 3.171-2.579 5.75098-5.75 5.75098z m-6.5-13c-3.171 0-5.75 2.579-5.75 5.75 0 3.171 2.579 5.75 5.75 5.75l6.5 0c2.344 0 4.25-1.906 4.25-4.25 0-2.344-1.906-4.25-4.25-4.25-0.283 0-0.55505 0.02503-0.83105 0.07703-0.302 0.058-0.61388-0.07902-0.77588-0.34302-0.3-0.485-0.66917-0.92299-1.09717-1.29999-1.049-0.925-2.3979-1.43402-3.7959-1.43402z m2.36304 8.61401l2.66699-2.66699c0.293-0.293 0.293-0.76804 0-1.06103-0.293-0.293-0.76804-0.293-1.06104 0l-2.13696 2.13598-0.80298-0.80298c-0.293-0.293-0.76803-0.293-1.06103 0-0.293 0.293-0.293 0.76804 0 1.06104l1.33301 1.33295c0.141 0.141 0.33103 0.22003 0.53002 0.22003 0.201 0 0.39198-0.07899 0.53199-0.219z",
- "fill": "$--ui-color-grey-100",
- "width": 19.5,
- "height": 14.5,
+ "type": "frame",
+ "id": "2S8C4",
+ "name": "Title Section",
+ "width": "fill_container",
+ "height": 32,
"stroke": {
"align": "inside",
"thickness": 1
- }
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "h6w2D",
- "name": "nav-right",
- "width": "fill_container",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "padding": [
- 0,
- 8,
- 0,
- 0
- ],
- "justifyContent": "end",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "3kExf",
- "name": "nav-actions-group",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "GPG6B",
- "name": "nav-mode-switch",
- "width": 108,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "vertical",
- "padding": [
- 9,
- 12
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
+ },
+ "padding": [
+ 4,
+ 0
+ ],
+ "justifyContent": "space_between",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "7edOl",
+ "name": "sprite-item-header",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "iNHZ7",
+ "name": "输入文本",
+ "fill": "$grey1000",
+ "content": "Sprite01",
+ "lineHeight": 1.5384615384615385,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 13,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "w6o7a",
+ "name": "icon-edit-filled",
+ "width": 14,
+ "height": 14,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "VCy0F",
+ "x": 1.75,
+ "y": 1.7511392831802368,
+ "name": "pen-line",
+ "geometry": "M14.03711 8.99999l-9.03711 8.99804-5 0 0-5 8.99805-9.03698c0.117-0.118 0.30705-0.118 0.42505 0l4.61499 4.61499c0.117 0.117 0.11702 0.30695-0.00098 0.42395z m1.0708-1.474c0.117 0.117 0.30707 0.117 0.42407 0l1.87793-1.87793c0.784-0.784 0.784-2.05597 0-2.83997l-2.21997-2.22009c-0.784-0.784-2.05584-0.784-2.83984 0l-1.87818 1.87805c-0.117 0.117-0.117 0.30695 0 0.42395l4.63599 4.63599z m2.89209 9.72204l-7 0c-0.414 0-0.75 0.336-0.75 0.75 0 0.414 0.336 0.75 0.75 0.75l7 0c0.414 0 0.75-0.336 0.75-0.75 0-0.414-0.336-0.75-0.75-0.75z",
+ "fill": "$grey800",
+ "width": 10.9375,
+ "height": 10.936352729797363,
+ "stroke": {
+ "align": "inside",
+ "thickness": 0.5833333730697632
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "K4T6N",
+ "name": "sprite-inspector-action",
+ "cornerRadius": [
+ 0,
+ 0,
+ 2,
+ 2
+ ],
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "enabled": false,
+ "color": "$--ui-shadow-custom-1",
+ "offset": {
+ "x": 0,
+ "y": -2
+ },
+ "blur": 7
+ },
+ "gap": 10,
+ "padding": 4,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "ih7Eo",
+ "name": "icon-fold-outlined",
+ "width": 16,
+ "height": 16,
+ "fill": {
+ "type": "color",
+ "color": "$grey100",
+ "enabled": false
+ },
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.5
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "WBHJ9",
+ "x": 2.3447265625,
+ "y": 2.7998046875,
+ "name": "vector",
+ "geometry": "M1.06066 3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z m0-3.65674l-1.06066 1.06066 5.65685 5.65685 5.65686-5.65685-1.06066-1.06066-4.5962 4.59619-4.59619-4.59619z",
+ "fill": "$--ui-color-hint-2",
+ "width": 11.313708305358887,
+ "height": 10.374252319335938
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "QrGbD",
+ "name": "Position Section",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 12,
+ "children": [
+ {
+ "type": "frame",
+ "id": "u5SA0",
+ "name": "input-01",
+ "clip": true,
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "children": [
+ {
+ "type": "frame",
+ "id": "JMlhq",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "o3j5n",
+ "name": "prefix-text",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "tpTb1",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "X",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "qNVNx",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "-343",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "Soms5",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "eS9Uf",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "I8vPN",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "aEPEc",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "xCHRA",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "VGEKc",
+ "name": "input-02",
+ "clip": true,
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "children": [
+ {
+ "type": "frame",
+ "id": "jWkOJ",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "T3XXm",
+ "name": "prefix-text",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "nS2th",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "Y",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "hwI2t",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "-499",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "Xysgv",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "PPc8B",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "VZ3Dg",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "r5fbn",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "U53WG",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "ZL0mZ",
+ "name": "input-03",
+ "clip": true,
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "gap": 4,
+ "children": [
+ {
+ "type": "frame",
+ "id": "ZCNf6",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "AhEai",
+ "name": "prefix-text",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "6G6Sd",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "Size",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "RVDFA",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "100",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "VDKGk",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "% ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "RMhqG",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "I4vQ3",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "FARhN",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "VItyz",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
{
"type": "frame",
- "id": "nez9d",
- "name": "button-group",
- "width": "fill_container",
- "cornerRadius": 12,
+ "id": "M8dt3",
+ "name": "Rotation Section",
"stroke": {
"align": "inside",
"thickness": 1
},
- "justifyContent": "center",
+ "gap": 16,
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "nRitw",
- "name": "button-01",
- "fill": "$--ui-color-grey-200",
- "cornerRadius": [
- 8,
- 0,
- 0,
- 8
+ "id": "fEGG4",
+ "name": "Rotationlabel",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 4,
+ "padding": [
+ 5,
+ 0
],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "6LSws",
+ "name": "toggle",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "kB8sx",
+ "name": "输入文本",
+ "fill": "$grey1000",
+ "content": "Rotation",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "OODiG",
+ "name": "tab-combination-tab",
+ "clip": true,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "dPkY5",
+ "name": "tab-text-icon-01",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$turquoise200",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "dak6G",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "DH1AH",
+ "x": 2,
+ "y": 3,
+ "name": "rotate",
+ "geometry": "M13.87862 6.62313l-2.25764 3.52021c-0.28889 0.46009-0.95228 0.46009-1.25187 0l-2.24695-3.52021c-0.32099-0.49219 0.0321-1.14487 0.62059-1.14487l1.28397 0c-0.24609-2.03295-1.96875-3.60581-4.05627-3.60581-2.25657 0-4.098 1.84035-4.098 4.098 0 2.25764 1.84142 4.098 4.098 4.098 0.51466 0 0.93088 0.41622 0.93088 0.93087 0 0.52429-0.41622 0.94158-0.93088 0.94158-3.29552 0-5.97045-2.67493-5.97045-5.97045 0-3.28482 2.67493-5.97045 5.97045-5.97045 3.12432 0 5.69333 2.41814 5.93942 5.47826l1.34817 0c0.58848 0 0.94158 0.65268 0.62058 1.14487z",
+ "fillRule": "evenodd",
+ "fill": "$turquoise500",
+ "width": 12,
+ "height": 10.235055923461914,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.5
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "p7NUb",
+ "name": "tab-text-icon-02",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "aAzwF",
+ "x": 8,
+ "y": 8,
+ "name": "icon-left-right",
+ "width": 16,
+ "height": 16,
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "qB2ZX",
+ "x": 1.0000327825546265,
+ "y": 2.5703377723693848,
+ "geometry": "M9.69297 8.97866l0-6.639c0-0.44 0.533-0.66 0.845-0.35l3.317 3.32c0.093 0.09253 0.14529 0.21831 0.14529 0.3495 0 0.13119-0.05229 0.25697-0.14529 0.3495l-3.317 3.317c-0.14131 0.1413-0.35372 0.18377-0.5385 0.10767-0.18478-0.0761-0.30568-0.25584-0.3065-0.45567m-3.079-7.787c0.07541 0.02378 0.15393 0.03625 0.233 0.037 0.16454 0.00111 0.32319-0.06121 0.443-0.174 0.05672-0.05985 0.10243-0.12925 0.135-0.205l0.002-0.004 0.003-0.012c0.02708-0.07038 0.04262-0.14467 0.046-0.22-0.00496-0.2479-0.15488-0.46984-0.383-0.567-0.23243-0.09365-0.49827-0.04064-0.677 0.135-0.05469 0.05885-0.1002 0.1256-0.135 0.198-0.0283 0.07505-0.04516 0.15393-0.05 0.234 0 0.08 0.024 0.151 0.046 0.22l0.004 0.012c0.037 0.075 0.086 0.15 0.135 0.21 0.062 0.049 0.123 0.098 0.198 0.136m-0.37 1.834c-0.00135-0.16369 0.06315-0.32106 0.17899-0.43671 0.11585-0.11566 0.27332-0.1799 0.43701-0.17829 0.332 0 0.616 0.27 0.616 0.615-0.00537 0.33779-0.2782 0.61018-0.616 0.615-0.3392-0.0011-0.6139-0.2758-0.615-0.615m0.603 7.828c-0.16232-0.00064-0.31746-0.06703-0.43-0.184-0.05504-0.05878-0.10089-0.12553-0.136-0.198l-0.004-0.011c-0.022-0.07-0.046-0.141-0.046-0.223 0.00504-0.07939 0.02189-0.15758 0.05-0.232 0.13454-0.31389 0.49554-0.46238 0.812-0.334 0.07299 0.03369 0.13963 0.07969 0.197 0.136 0.05 0.049 0.098 0.123 0.137 0.198 0.02777 0.07447 0.04428 0.15266 0.049 0.232-0.00306 0.07634-0.0186 0.15168-0.046 0.223l-0.003 0.011-0.006 0.01c-0.02852 0.07196-0.07337 0.13632-0.131 0.188-0.11566 0.12026-0.27617 0.18693-0.443 0.184m0.012-6.043c-0.16352-0.00135-0.32073 0.06302-0.43636 0.17865-0.11563 0.11563-0.17999 0.27284-0.17864 0.43635 0 0.344 0.27 0.616 0.615 0.616 0.3393-0.00218 0.61382-0.2767 0.616-0.616-0.0011-0.33959-0.27641-0.61445-0.616-0.615m-0.615 3.028c-0.00162-0.16369 0.06263-0.32116 0.17828-0.437 0.11566-0.11585 0.27302-0.18034 0.43672-0.179 0.332 0 0.616 0.271 0.616 0.616-0.00537 0.33779-0.2782 0.61018-0.616 0.615-0.3392-0.0011-0.6139-0.2758-0.615-0.615m-1.939-5.497l0 6.638c0 0.439-0.532 0.66-0.843 0.348l-3.319-3.319c-0.19196-0.19307-0.19196-0.50493 0-0.698l3.319-3.318c0.1414-0.14115 0.3539-0.18323 0.53842-0.10662 0.18452 0.07661 0.30473 0.25683 0.30458 0.45662",
+ "fill": "$grey1000",
+ "width": 14.000261902809143,
+ "height": 10.852755069732666
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "zM9O5",
+ "name": "tab-text-icon-03",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "TkOnk",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "O9e0X",
+ "x": 1.9999998807907104,
+ "y": 1.9999998807907104,
+ "name": "combined-shape",
+ "geometry": "M9.58889 5.06904l1.27461-1.50636c0.58525 0.84065 0.95975 1.83835 1.04638 2.91559l1.34817 0c0.58849 0 0.94158 0.65268 0.62058 1.14487l-2.25764 3.52021c-0.28889 0.46009-0.95228 0.46009-1.25187 0l-2.24694-3.52021c-0.32099-0.49219 0.0321-1.14487 0.62058-1.14487l1.28397 0c-0.06096-0.50362-0.21255-0.979-0.43784-1.40923z m2.34341-4.31762l-10.51398 12.42562c-0.01924 0.02274-0.0361 0.04669-0.0506 0.07156l-0.48602 0.57438c-0.17837 0.2108-0.49386 0.23709-0.70466 0.05872-0.2108-0.17837-0.23709-0.49386-0.05872-0.70466l1.6577-1.9591c-1.09629-1.0827-1.77601-2.58624-1.77601-4.24748 0-3.28482 2.67493-5.97045 5.97045-5.97045 1.30351 0 2.51035 0.42092 3.49216 1.13376l1.6557-1.95673c0.17837-0.2108 0.49386-0.23709 0.70466-0.05872 0.18806 0.15913 0.22928 0.4274 0.10932 0.6331z m-8.51837 11.6153l1.27314-1.50462c0.40401 0.13386 0.83553 0.20636 1.28339 0.20636 0.51466 0 0.93088 0.41622 0.93088 0.93087 0 0.52429-0.41622 0.94158-0.93088 0.94158-0.91462 0-1.78143-0.20604-2.55653-0.57419z m4.83428-8.79773c-0.65088-0.43991-1.43455-0.69653-2.27775-0.69653-2.25657 0-4.098 1.84035-4.098 4.098 0 1.08612 0.42618 2.07565 1.11975 2.81017l5.256-6.21164z",
+ "fillRule": "evenodd",
+ "fill": "$grey1000",
+ "width": 12.000000953674316,
+ "height": 12.000008583068848,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2857134342193604
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "vJuri",
+ "name": "input",
+ "clip": true,
+ "width": 148,
"stroke": {
"align": "inside",
"thickness": 1
},
+ "layout": "vertical",
+ "gap": 4,
+ "children": [
+ {
+ "type": "frame",
+ "id": "8K4rx",
+ "name": "input-field",
+ "width": "fill_container",
+ "height": 32,
+ "fill": "$grey300",
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "padding": [
+ 5,
+ 12
+ ],
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "l0eCA",
+ "name": "prefix-text",
+ "width": "fill_container",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "bjcK4",
+ "name": "Text",
+ "fill": "$grey800",
+ "content": "Heading",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "text",
+ "id": "LI759",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "49",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "cGzcG",
+ "name": "Text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Dir ",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "Wf3FU",
+ "name": "button-close-button",
+ "enabled": false,
+ "width": 20,
+ "height": 20,
+ "cornerRadius": 713.5714721679688,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "izMgD",
+ "x": 2.8571252822875977,
+ "y": 2.8572123050689697,
+ "name": "icon-times-outlined",
+ "width": 14.285715103149414,
+ "height": 14.285715103149414,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "kzK6I",
+ "x": 2.9760453701019287,
+ "y": 2.9760453701019287,
+ "name": "times",
+ "geometry": "M8.41425 7.00022l5.293-5.29303c0.391-0.39 0.391-1.02394 0-1.41394-0.391-0.391-1.023-0.391-1.414 0l-5.293 5.29297-5.293-5.29297c-0.391-0.391-1.023-0.391-1.414 0-0.391 0.39-0.391 1.02394 0 1.41394l5.293 5.29303-5.293 5.29303c-0.391 0.39-0.391 1.02394 0 1.41394 0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303l5.293-5.29297 5.293 5.29297c0.195 0.195 0.451 0.29303 0.707 0.29303 0.256 0 0.512-0.09803 0.707-0.29303 0.391-0.39 0.391-1.02394 0-1.41394l-5.293-5.29303z",
+ "fill": "$--ui-color-hint-2",
+ "width": 8.333632469177246,
+ "height": 8.333464622497559,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.1904762983322144
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "text",
+ "id": "qGQZp",
+ "name": "hint text",
+ "enabled": false,
+ "fill": "$--ui-color-hint-1",
+ "content": "Please enter 8-20 characters",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "dbpju",
+ "name": "Show Section",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "gap": 16,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "group",
+ "id": "P2GnY",
+ "name": "Showlabel",
+ "layout": "horizontal",
"gap": 4,
"padding": [
- 7,
- 12
+ 5,
+ 0
],
- "justifyContent": "center",
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "ATe9I",
- "name": "icon-default-mode",
- "width": 18,
- "height": 18,
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "n02G4",
- "x": 0.75,
- "y": 3,
- "geometry": "M12 0c2.48528 0 4.5 2.01472 4.5 4.5l0 3.75c0 2.48528-2.01472 4.5-4.5 4.5l-7.5 0c-2.48528 0-4.5-2.01472-4.5-4.5l0-3.75c0-2.48528 2.01472-4.5 4.5-4.5l7.5 0z m-6.75 5.625l-1.5 0 0 1.5 1.5 0 0 1.5 1.5 0 0-1.5 1.5 0 0-1.5-1.5 0 0-1.5-1.5 0 0 1.5z m6 3l1.5 0 0-1.5-1.5 0 0 1.5z m-1.5-3l1.5 0 0-1.5-1.5 0 0 1.5z",
- "fill": "$--ui-color-primary-main",
- "width": 16.5,
- "height": 12.75
- }
- ]
+ "type": "text",
+ "id": "KyxnP",
+ "name": "Text",
+ "fill": "$grey1000",
+ "content": "Show",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Alibaba Health Font 2.0 CN",
+ "fontSize": 14,
+ "fontWeight": "normal"
}
]
},
{
"type": "frame",
- "id": "IX4yG",
- "name": "button-02",
- "fill": "#47d8e4ff",
- "cornerRadius": [
- 0,
- 8,
- 8,
- 0
- ],
+ "id": "uXCaT",
+ "name": "tab",
"stroke": {
"align": "inside",
"thickness": 1
},
- "gap": 4,
- "padding": [
- 7,
- 12
- ],
- "justifyContent": "center",
"alignItems": "center",
"children": [
{
"type": "frame",
- "id": "zFFwd",
- "name": "icon-map-edit-mode",
- "width": 18,
- "height": 18,
- "layout": "none",
+ "id": "QU6U4",
+ "name": "tab-combination-tab",
+ "clip": true,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
"children": [
{
- "type": "path",
- "id": "RjFJE",
- "x": 2.247999906539917,
- "y": 2.4701147079467773,
- "geometry": "M8.888 1.66089l0 11.174c-0.00002 0.0736-0.03602 0.14254-0.09642 0.18459-0.0604 0.04206-0.13754 0.05192-0.20658 0.02641l-3.825-1.436c-0.08741-0.03381-0.14557-0.11729-0.147-0.211l0-11.174c0-0.157 0.157-0.266 0.304-0.21l3.825 1.435c0.08889 0.03173 0.14763 0.11663 0.146 0.211m-5.726-1.53l-2.336 1.176c-0.50641 0.25471-0.82598 0.77314-0.826 1.34l0 9.51c0 0.562 0.585 0.922 1.088 0.674l2.276-1.145c0.0752-0.03904 0.12285-0.11627 0.124-0.20101l0-11.15299c0.0002-0.0781-0.04029-0.15066-0.10686-0.19151-0.06657-0.04084-0.1496-0.04406-0.21914-0.00849m9.251 0.1l-2.276 1.144c-0.0752 0.03904-0.12285 0.11627-0.124 0.201l0 11.152c0 0.167 0.177 0.276 0.327 0.201l2.328-1.171c0.511-0.257 0.833-0.78 0.833-1.351l0-9.503c0.00095-0.26125-0.13376-0.50428-0.35581-0.64192-0.22206-0.13764-0.49964-0.15016-0.73319-0.03308",
- "fill": "$--ui-color-grey-200",
- "width": 13.501004457473755,
- "height": 13.059839248657227
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "hwSRw",
- "name": "nav-button-user",
- "height": 50,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 10,
- "padding": [
- 26,
- 20
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "JEpHb",
- "name": "user-avatar",
- "width": 32,
- "height": 32,
- "stroke": {
- "align": "inside",
- "thickness": 0.6666666865348816
- },
- "layout": "none",
- "children": [
- {
- "type": "ellipse",
- "id": "ME4Ky",
- "x": 2,
- "y": 2,
- "name": "avatar",
- "sweepAngle": -360.00001001791264,
- "fill": [
- "#fffaeeff",
- {
- "type": "image",
- "enabled": true,
- "url": "images/generated-1770102178998.png",
- "mode": "fill"
- }
- ],
- "width": 28,
- "height": 28,
- "stroke": {
- "align": "outside",
- "thickness": 1.3333333730697632,
- "fill": "$--ui-color-grey-100"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-shadow-custom-2",
- "offset": {
- "x": 0,
- "y": 2.6666667461395264
- }
- }
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "yj03c",
- "x": 928,
- "y": 70,
- "name": "preview-panel",
- "clip": true,
- "width": 492,
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-color-primary-300-aa6",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 10.5
- },
- "layout": "vertical",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "4XpDM",
- "name": "preview-panel-header",
- "clip": true,
- "width": 492,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": [
- 8,
- 8,
- 0,
- 0
- ],
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 113,
- "padding": [
- 6,
- 16
- ],
- "justifyContent": "space_between",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "vOTcU",
- "name": "Preview",
- "fill": "$--ui-color-title",
- "content": "Preview45678890",
- "lineHeight": 1.625,
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 16,
- "fontWeight": "600"
- },
- {
- "type": "frame",
- "id": "2Ijw9",
- "name": "preview-button-group",
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 12,
- "justifyContent": "end",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "5FNrS",
- "name": "button-2-01",
- "height": 32,
- "fill": "$--ui-color-primary-main",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 5,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "Fjibf",
- "name": "icon",
- "clip": true,
- "width": 16,
- "height": 16,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "layout": "none",
- "children": [
- {
- "type": "frame",
- "id": "04rgX",
- "x": 0.24395408442660482,
- "y": -0.009999999999990905,
- "name": "icon-run-outlined",
- "width": 16,
- "height": 16,
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "mywwF",
- "x": 3.178999900817871,
- "y": 1.799574375152588,
- "geometry": "M0 2.07043c0-1.616 1.776-2.607 3.157-1.762l6.942 4.248c0.57255 0.35011 0.92172 0.97289 0.92172 1.644 0 0.67111-0.34916 1.29389-0.92172 1.644l-6.942 4.246c-1.381 0.845-3.157-0.146-3.157-1.762l0-8.258z m2.263-0.3c-0.11014-0.06846-0.24859-0.07239-0.36243-0.0103-0.11385 0.0621-0.1855 0.18063-0.18757 0.3103l0 8.25999c0 0.268 0.303 0.45 0.55 0.299l6.94-4.247 0.046-0.03699c0.04388-0.04681 0.06419-0.11097 0.05525-0.17451-0.00894-0.06353-0.04617-0.1196-0.10125-0.15249l-6.94-4.248z",
- "fill": "#fff",
- "width": 11.02071762084961,
- "height": 12.398851871490479
+ "type": "frame",
+ "id": "Bqq6P",
+ "name": "tab-text-icon-04",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$turquoise200",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "5TJ04",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "uqhrc",
+ "x": 2.010185836184519,
+ "y": 3.32026652869979,
+ "name": "eye",
+ "rotation": -0.12488342235181048,
+ "geometry": "M11.75004 7c0 1.517-1.233 2.75-2.75 2.75-1.517 0-2.75-1.233-2.75-2.75 0-0.349 0.07192-0.68004 0.19092-0.98804 0.194 0.154 0.42807 0.26001 0.69507 0.26001 0.627 0 1.13599-0.50899 1.13598-1.13598 0-0.267-0.10601-0.50107-0.26001-0.69507 0.308-0.119 0.63904-0.19092 0.98804-0.19092 1.517 0 2.75 1.233 2.75 2.75z m5.84204 1.47705c-1.227 2.054-3.98304 5.52295-8.59204 5.52295-4.609 0-7.36504-3.46895-8.59204-5.52295-0.544-0.91-0.544-2.0441 0-2.9541 1.227-2.054 3.98304-5.52295 8.59204-5.52295 4.609 0 7.36504 3.46895 8.59204 5.52295 0.544 0.91 0.544 2.0441 0 2.9541z m-4.34204-1.47705c0-2.343-1.906-4.25-4.25-4.25-2.344 0-4.25 1.907-4.25 4.25 0 2.343 1.906 4.25 4.25 4.25 2.344 0 4.25-1.907 4.25-4.25z",
+ "fill": "$turquoise500",
+ "width": 12.000054359436035,
+ "height": 9.333333015441895,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "e4gP6",
+ "name": "tab-text-icon-05",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$grey300",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "frame",
+ "id": "CsD9Q",
+ "x": 8,
+ "y": 8,
+ "name": "icon-rotate-around-outlined",
+ "clip": true,
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1.2000000476837158
+ },
+ "layout": "none",
+ "children": [
+ {
+ "type": "path",
+ "id": "mOmNg",
+ "x": 1.5001627206802368,
+ "y": 1.49951171875,
+ "name": "eye-slash",
+ "geometry": "M18.33987 8.27078c0.55 0.91 0.55 2.04996 0 2.95996-1.23 2.05-3.98009 5.52002-8.59009 5.52002-0.748 0-1.45196-0.09501-2.10596-0.26001-0.223-0.056-0.29313-0.34191-0.13012-0.50391l1.89599-1.896c0.116-0.116 0.26009-0.09009 0.34009-0.09008 2.344 0 4.25-1.907 4.25-4.25 0-0.08-0.01196-0.23804 0.07104-0.32105l2.74195-2.74194c0.127-0.127 0.3409-0.1139 0.4519 0.0271 0.44 0.556 0.79819 1.08891 1.0752 1.55591z m0.93994-6.98999l-18 18c-0.146 0.146-0.33803 0.21997-0.53003 0.21997-0.192 0-0.38403-0.07297-0.53003-0.21997-0.293-0.293-0.293-0.76804 0-1.06104l3.70508-3.70508c-1.27-1.081-2.19114-2.32791-2.76514-3.28491-0.55-0.91-0.55-2.04996 0-2.95996 1.23-2.05 3.98009-5.52002 8.59009-5.52002 1.824 0 3.34704 0.5469 4.61304 1.3269l3.85693-3.85693c0.293-0.293 0.76804-0.293 1.06104 0 0.293 0.293 0.29202 0.76804-0.00098 1.06104z m-13.01001 10.88891l1.08887-1.08887c-0.222-0.395-0.35889-0.84408-0.35889-1.33007 0-0.35 0.06994-0.67999 0.18994-0.98999 0.19 0.16 0.42995 0.26001 0.69995 0.26001 0.62 0 1.13013-0.51013 1.13013-1.13013 0-0.27-0.10001-0.50995-0.26001-0.69995 0.31-0.12 0.63999-0.18994 0.98999-0.18994 0.486 0 0.93608 0.13689 1.33008 0.35888l1.08886-1.08886c-0.688-0.482-1.51994-0.77002-2.41894-0.77002-2.34 0-4.25 1.91-4.25 4.25 0 0.9 0.28802 1.73095 0.77002 2.41894z",
+ "fill": "$grey800",
+ "width": 13.000031471252441,
+ "height": 13.000503540039062,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ }
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
]
},
- {
- "type": "text",
- "id": "Wdzsw",
- "name": "Button Text",
- "fill": "$--ui-color-grey-100",
- "content": "Run",
- "lineHeight": 1.5714285714285714,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 14,
- "fontWeight": "500"
- }
- ]
- },
- {
- "type": "frame",
- "id": "9knFK",
- "name": "button-2-02",
- "height": 32,
- "fill": "$--ui-color-primary-200",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 1
- },
- "gap": 4,
- "padding": [
- 5,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
{
"type": "frame",
- "id": "rayOw",
- "name": "icon",
- "clip": true,
- "width": 16,
- "height": 16,
+ "id": "JdYks",
+ "name": "Physics Setting Section",
+ "width": "fill_container",
+ "height": 32,
"stroke": {
"align": "inside",
"thickness": 1
},
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "q5d4t",
- "x": 2.0008544921875,
- "y": 2,
- "name": "union",
- "geometry": "M9.5821 0.05929c0.67111-0.16739 1.36535 0.02471 1.85351 0.51269 0.45812 0.45829 0.6555 1.09807 0.54102 1.72852l-0.02735 0.12597-1.90625 7.625 0 0.00098-0.00586 0.02344c-0.27096 1.08144-1.16288 1.8333-2.2539 1.92285l-0.00879 0.00098-0.20312 0.00781-0.02637 0c-1.19703-0.00873-2.19132-0.80172-2.46582-1.9668l-0.59473-2.52051-2.51758-0.59082c-1.16497-0.27453-1.95799-1.26894-1.96679-2.46582-0.00834-1.19698 0.77154-2.20181 1.93261-2.49218l7.64942-1.91211z m0.42968 1.45117l-0.07714 0.01465-7.6377 1.90918c-0.58492 0.1465-0.79166 0.62883-0.78906 1.01855 0.00291 0.38978 0.21616 0.86937 0.80371 1.00781l2.56348 0.60254 2.3457-2.34277c0.29449-0.29422 0.77187-0.29424 1.06641 0 0.29416 0.29452 0.29423 0.77191 0 1.06641l-2.34375 2.34375 0.60351 2.56543c0.13849 0.58666 0.61737 0.79964 1.00684 0.80273l0.00195 0.00098c0.40961 0.0035 0.86975-0.20131 1.01758-0.79004l1.91211-7.64942c0.03812-0.15367-0.00562-0.30955-0.11719-0.42089l-0.00586-0.00586c-0.08531-0.08244-0.19428-0.12499-0.30566-0.125-0.01395 0.00002-0.02903 0.00027-0.04493 0.00195z m-3.583 8.45605c0.00301 0.00717 0.00568 0.01443 0.00879 0.02149-0.00317-0.00703-0.00572-0.01433-0.00879-0.02149z m-4.61328-3.28613c0.06431 0.02088 0.13018 0.03888 0.19726 0.05469l0-0.00098c-0.06699-0.01579-0.13299-0.03309-0.19726-0.05371z m6.33007-2.03516l0 0.00098c0.02698-0.027 0.05104-0.05625 0.07129-0.08691l0-0.00098c-0.02029 0.03077-0.04422 0.05983-0.07129 0.08691z m-5.89648-1.40527c-0.04373 0.01094-0.08574 0.02407-0.12598 0.03809l0.12598-0.03711 7.64941-1.91309-7.64941 1.91211z m9.50586-0.8623l0.03809-0.19825c0.00064-0.00484 0.00037-0.0098 0.00097-0.01464-0.0088 0.07099-0.02147 0.14213-0.03906 0.21289z",
- "fill": "$--ui-color-primary-main",
- "width": 12.00848388671875,
- "height": 12.007529258728027
- }
- ]
- },
- {
- "type": "text",
- "id": "3TKZh",
- "name": "Button Text",
- "fill": "$--ui-color-primary-main",
- "content": "Publish",
- "lineHeight": 1.5714285714285714,
- "textAlign": "center",
- "textAlignVertical": "middle",
- "fontFamily": "Inter",
- "fontSize": 14,
- "fontWeight": "500"
- }
- ]
- }
- ]
- }
- ]
- },
- {
- "type": "frame",
- "id": "Z2y63",
- "name": "preview-panel-body",
- "fill": "$--ui-color-grey-100",
- "cornerRadius": [
- 0,
- 0,
- 8,
- 8
- ],
- "stroke": {
- "align": "inside",
- "thickness": {
- "top": 1
- },
- "fill": "$--ui-color-dividing-line-2"
- },
- "effect": {
- "type": "shadow",
- "shadowType": "outer",
- "color": "$--ui-shadow-custom-3",
- "offset": {
- "x": 0,
- "y": 4
- },
- "blur": 3.5
- },
- "layout": "vertical",
- "gap": 10,
- "padding": 12,
- "children": [
- {
- "type": "frame",
- "id": "1BegJ",
- "name": "preview-canvas",
- "clip": true,
- "width": 468,
- "height": 351,
- "fill": "$--ui-color-grey-100",
- "cornerRadius": 8,
- "stroke": {
- "align": "inside",
- "thickness": 0.8833333253860474
- },
- "layout": "none",
- "children": [
- {
- "type": "frame",
- "id": "kv9e5",
- "x": 0,
- "y": 0,
- "name": "icon-error-bg",
- "width": 468,
- "height": 351,
- "layout": "none",
- "children": [
- {
- "type": "group",
- "id": "24vOi",
- "x": -6,
- "y": -33,
+ "layout": "vertical",
+ "gap": 12,
+ "justifyContent": "center",
"children": [
{
- "type": "rectangle",
- "cornerRadius": 8,
- "id": "bR0jj",
- "x": 2,
- "y": 6,
- "fill": "$--ui-color-dividing-line-2",
- "width": 484,
- "height": 409
- },
- {
- "type": "path",
- "id": "QrGci",
- "x": 0,
- "y": 0,
- "geometry": "M0 64l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-484 32l484 0m-450-379l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m30-410l0 410m-240-191l30-32 30.5 32-30.5 32-30-32z m0-32l-60 64m0 0l30 32m0-32l-30 32m30 0l-60 64m30-160l-60 64m-30-64l-60 64m60-128l-60 64m120 96l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m-30-64l30 32m0-64l30 32m30-32l-30 32m-30-64l-30 32m90-64l60 64m-120-96l60 64m-30 0l30 32m30 128l30 32m0-32l-30 32m-30-32l30 32m300-384l-60 64m0-64l60 64m-150-32l-30 32m0-32l30 32m0 0l-30 32m90 0l-30-32-30-32m90 32l30 32m0-32l-30 32m-30-32l30 32m150 128l-60 64m0 0l30 32m0-32l-30 32m30 0l-60 64m30-160l-60 64m-30-64l-60 64m60-128l-60 64m120 96l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m-30-64l30 32m0-64l30 32m30-32l-30 32m-30-64l-30 32m90-64l60 64m-120-96l60 64m-30 0l30 32m30 128l30 32m0-32l-30 32m-30-32l30 32m-180-384l-60 64m0-64l60 64m-60-64l-30 32m0-32l30 32m-90 0l-30 32m0-32l30 32m0 0l-30 32m90-96l-30 32m30 0l-30-32-30-32m60 128l-30-32-30-32m90 32l30 32m0-32l-30 32m-30-32l30 32",
- "width": 514,
- "height": 416,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "Pm1zl",
- "x": 244,
- "y": 97,
- "geometry": "M24.51401 8.402c0.95615 1.3748 1.6033 2.94034 1.897 4.589l3.58899 0 0 4.10199-3.58899 0c-0.29355 1.64902-0.9407 3.2149-1.897 4.59001l2.539 2.545-2.89301 2.9-2.53799-2.545c-1.36929 0.95915-2.93124 1.60822-4.57701 1.902l0 3.599-4.09 0 0-3.599c-1.64578-0.29378-3.20772-0.94285-4.57699-1.902l-2.538 2.546-2.893-2.901 2.539-2.546c-0.95618-1.3748-1.60333-2.94034-1.89701-4.589l-3.589 0 0-4.10199 3.589 0c0.29353-1.64902 0.9407-3.2149 1.89699-4.59001l-2.539-2.545 2.89301-2.9 2.53799 2.545c1.36929-0.95915 2.93123-1.60822 4.57701-1.902l0-3.599 4.09 0 0 3.599c1.679 0.3 3.23201 0.961 4.57701 1.902l2.53799-2.546 2.89301 2.901-2.539 2.546z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 30,
- "height": 30.083999633789062,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "3JhqY",
- "x": 255.25,
- "y": 108.28199768066406,
- "geometry": "M3.75 7.52c0.9959-0.00133 1.95045-0.39822 2.65372-1.10334 0.70328-0.70514 1.0976-1.66077 1.09628-2.65666 0.00131-0.99589-0.39301-1.95152-1.09628-2.65665-0.70326-0.70513-1.65782-1.10202-2.65372-1.10335-0.9959 0.00133-1.95045 0.39822-2.65372 1.10335-0.70326 0.70514-1.09761 1.66077-1.09628 2.65665-0.00133 0.99589 0.39302 1.95152 1.09628 2.65666 0.70326 0.70513 1.65782 1.10202 2.65372 1.10334z m99.51401 22.6c0.95614 1.3748 1.6033 2.94034 1.897 4.589l3.58899 0 0 4.102-3.58899 0c-0.2937 1.64867-0.94086 3.2142-1.897 4.589l2.539 2.546-2.89301 2.901-2.53799-2.546c-1.36929 0.95915-2.93125 1.60822-4.577 1.902l0 3.599-4.08999 0 0-3.599c-1.64578-0.29378-3.20773-0.94285-4.57703-1.902l-2.53799 2.546-2.89301-2.901 2.539-2.546c-0.95615-1.3748-1.6033-2.94034-1.897-4.589l-3.58899 0 0-4.10199 3.58899 0c0.2937-1.64867 0.94086-3.2142 1.897-4.58901l-2.539-2.546 2.89301-2.9 2.53799 2.545c1.36929-0.95915 2.93124-1.60822 4.577-1.902l0-3.599 4.08999 0 0 3.599c1.67899 0.3 3.23199 0.961 4.577 1.902l2.53799-2.546 2.89301 2.901-2.53897 2.546z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 108.75,
- "height": 51.802001953125,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "kFtOT",
- "x": 345.25,
- "y": 98,
- "geometry": "M3.75 50.802c0.99588-0.00133 1.95047-0.39822 2.65372-1.10335 0.70328-0.70514 1.0976-1.66077 1.09628-2.65665 0.00278-2.07399-1.67599-3.75769-3.75-3.761-2.07401 0.00331-3.75278 1.68701-3.75 3.761-0.00131 0.99589 0.39301 1.95152 1.09628 2.65665 0.70325 0.70513 1.65784 1.10202 2.65372 1.10335z m64.02899-33.999c1.91211 2.74999 3.20609 5.8814 3.793 9.179l7.17801 0 0 8.20401-7.17801 0c-0.58691 3.29759-1.88089 6.429-3.793 9.17899l5.077 5.091-5.78501 5.801-5.078-5.091c-2.73795 1.91804-5.86111 3.21617-9.15198 3.804l0 7.198-8.182 0 0-7.198c-3.29086-0.58783-6.41403-1.88596-9.15201-3.804l-5.078 5.091-5.78501-5.801 5.077-5.091c-1.91208-2.74999-3.20605-5.8814-3.79297-9.179l-7.17801 0 0-8.204 7.17801 0c0.58691-3.29759 1.88089-6.429 3.793-9.179l-5.077-5.09 5.78501-5.802 5.078 5.08999c2.73804-1.91767 5.86121-3.21546 9.15198-3.80299l0-7.198 8.182 0 0 7.198c3.35599 0.6 6.46301 1.923 9.15201 3.804l5.078-5.091 5.78501 5.801-5.07703 5.091z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 78.75,
- "height": 60.167999267578125,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "jarwr",
- "x": 184,
- "y": 120.56199645996094,
- "geometry": "M210 15.042c4.142 0 7.5-3.367 7.5-7.52 0-4.154-3.358-7.522-7.5-7.522-4.142 0-7.5 3.368-7.5 7.522 0 4.153 3.358 7.52 7.5 7.52z m-185.48599 194.79801c0.95616 1.37479 1.60332 2.94034 1.89698 4.58899l3.58901 0 0 4.10199-3.58901 0c-0.29367 1.64868-0.94083 3.2142-1.89698 4.58902l2.539 2.54599-2.89301 2.901-2.53799-2.54599c-1.36929 0.95914-2.93123 1.60822-4.57701 1.90198l0 3.599-4.09 0 0-3.599c-1.64578-0.29376-3.20772-0.94284-4.57699-1.90198l-2.538 2.54599-2.893-2.901 2.539-2.54599c-0.95618-1.37482-1.60333-2.94034-1.89701-4.58902l-3.589 0 0-4.10199 3.589 0c0.29367-1.64865 0.94083-3.2142 1.89699-4.58899l-2.539-2.54599 2.89301-2.901 2.53799 2.54599c1.36929-0.95917 2.93123-1.60825 4.57701-1.90201l0-3.599 4.09 0 0 3.599c1.679 0.29999 3.232 0.961 4.57699 1.90201l2.538-2.54599 2.893 2.901-2.53898 2.54599z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 217.5,
- "height": 231.52198791503906,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "fOqAz",
- "x": 195.25,
- "y": 333.281005859375,
- "geometry": "M3.75 7.521c0.9959-0.00131 1.95045-0.39822 2.65372-1.10337 0.70326-0.70514 1.09761-1.66074 1.09628-2.65664 0.00276-2.07397-1.67601-3.75769-3.75-3.76099-2.07399 0.0033-3.75276 1.68701-3.75 3.76099-0.00133 0.99591 0.39302 1.95151 1.09628 2.65664 0.70326 0.70514 1.65782 1.10205 2.65372 1.10337z m99.51401 20.6c0.95614 1.37479 1.6033 2.94034 1.897 4.58899l3.58899 0 0 4.10199-3.58899 0c-0.2937 1.64868-0.94086 3.2142-1.897 4.58902l2.539 2.54599-2.89301 2.901-2.53799-2.54599c-1.36929 0.95914-2.93125 1.60822-4.577 1.90198l0 3.599-4.08999 0 0-3.599c-1.64578-0.29376-3.20773-0.94284-4.57703-1.90198l-2.53799 2.54599-2.89301-2.901 2.539-2.54599c-0.95615-1.37482-1.6033-2.94034-1.897-4.58902l-3.58899 0 0-4.10199 3.58899 0c0.2937-1.64865 0.94086-3.2142 1.897-4.58899l-2.539-2.54599 2.89301-2.901 2.53799 2.54599c1.36929-0.95917 2.93124-1.60825 4.577-1.90201l0-3.599 4.08999 0 0 3.599c1.67899 0.29999 3.23199 0.961 4.577 1.90201l2.53799-2.54599 2.89301 2.901-2.53897 2.54599z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 108.75,
- "height": 49.802978515625,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "8GYui",
- "x": 214,
- "y": 290,
- "geometry": "M75 81.802c0.99588-0.00131 1.95047-0.39822 2.65372-1.10336 0.70328-0.70514 1.09759-1.66074 1.09628-2.65665 0.00278-2.07397-1.676-3.75769-3.75-3.76098-2.074 0.0033-3.75278 1.68701-3.75 3.76098-0.00131 0.99591 0.39301 1.95151 1.09628 2.65665 0.70325 0.70514 1.65784 1.10205 2.65372 1.10336z m-25.97101-64.99899c1.91211 2.75 3.20608 5.88141 3.793 9.17899l7.17801 0 0 8.20401-7.17801 0c-0.58691 3.29758-1.88089 6.42902-3.793 9.17898l5.077 5.091-5.78501 5.801-5.078-5.09101c-2.73795 1.91806-5.86111 3.21619-9.15198 3.80402l0 7.198-8.182 0 0-7.198c-3.29086-0.58783-6.41403-1.88596-9.152-3.80402l-5.078 5.09101-5.785-5.801 5.07699-5.091c-1.91209-2.74997-3.20607-5.88141-3.793-9.17898l-7.17799 0 0-8.20402 7.17799 0c0.58693-3.29758 1.88091-6.42899 3.793-9.17898l-5.07699-5.091 5.785-5.801 5.078 5.091c2.73796-1.91806 5.86113-3.21619 9.152-3.80401l0-7.198 8.182 0 0 7.198c3.29086 0.58783 6.41403 1.88596 9.152 3.80401l5.07798-5.091 5.78501 5.801-5.077 5.091z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 78.75,
- "height": 81.802001953125,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "YfGDC",
- "x": 16,
- "y": 32,
- "geometry": "M228 295.604c4.142 0 7.5-3.367 7.5-7.52099 0-4.15302-3.358-7.521-7.5-7.521-4.142 0-7.5 3.36801-7.5 7.521 0 4.15298 3.358 7.52099 7.5 7.52099z m-138-231.604l10.362 0c4.162 0 7.536 3.275 7.536 7.314l0 24.686c0-3.03-2.531-5.486-5.652-5.486l-12.246 0 0-26.514z m35.79601 0l-10.362 0c-4.16201 0-7.53601 3.275-7.53601 7.314l0 24.686c0-3.03 2.53-5.486 5.652-5.486l12.24601 0 0-26.514z m-125.79601-64l10.362 0c4.162 0 7.536 3.275 7.536 7.314l0 24.686c0-3.03-2.53-5.486-5.652-5.486l-12.246 0 0-26.514z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 235.5,
- "height": 295.60400390625,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "lVBgZ",
- "x": 33.89799880981445,
- "y": 32,
- "geometry": "M17.898 0l-10.362 0c-4.162 0-7.536 3.275-7.536 7.314l0 24.686c0-3.03 2.53-5.486 5.652-5.486l12.246 0 0-26.514z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 17.89800262451172,
- "height": 32,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "AriU6",
- "x": 244,
- "y": 384,
- "geometry": "M14.25 23.99899l-12 0c-1.24265 0-2.25-1.00736-2.25-2.25l0-19.49899c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 11.16101",
- "fill": "$--ui-color-dividing-line-2",
- "width": 29.998992919921875,
- "height": 23.998992919921875
- },
- {
- "type": "path",
- "id": "lS66S",
- "x": 244,
- "y": 384,
- "geometry": "M14.25 23.99899l-12 0c-1.24265 0-2.25-1.00736-2.25-2.25l0-19.49899c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 11.16101",
- "width": 29.998992919921875,
- "height": 23.998992919921875,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "cap": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "rRvKD",
- "x": 244,
- "y": 384,
- "geometry": "M0 2.25c0-1.24265 1.00735-2.25 2.25-2.25l25.49899 0c1.24264 0 2.25 1.00735 2.25 2.25l0 6.75-29.99899 0 0-6.75z",
- "fill": "$--ui-color-dividing-line-2",
- "width": 29.998992919921875,
- "height": 9,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "NX0If",
- "x": 99.50900268554688,
- "y": 201.21600341796875,
- "geometry": "M0 22.84l8.565-22.84m10.669 22.84l-8.565-22.84",
- "width": 19.23400115966797,
- "height": 22.839996337890625,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "cap": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "ZHCRd",
- "x": 105.9209976196289,
- "y": 195.20599365234375,
- "geometry": "M3.205 6.41c1.14503 0 2.20309-0.61087 2.77561-1.60249 0.57252-0.99164 0.57252-2.21338 0-3.205-0.57252-0.99164-1.63058-1.60251-2.77561-1.60251-1.77007 0-3.205 1.43494-3.205 3.205 0 1.77008 1.43493 3.205 3.205 3.205",
- "fill": "$--ui-color-dividing-line-2",
- "width": 6.410003662109375,
- "height": 6.410003662109375,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "cap": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "VPTkT",
- "x": 98.25,
- "y": 192,
- "geometry": "M21.751 23.241c-3.2387 2.09863-7.01681 3.21233-10.876 3.20601-3.85886 0.00612-7.63658-1.10757-10.875-3.20601m10.875-20.03501l0-3.20599m290.134 192.056l8.56501-22.84m10.669 22.84l-8.565-22.84",
- "width": 320.2430114746094,
- "height": 192.05599975585938,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "cap": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "0GrMP",
- "x": 405.6709899902344,
- "y": 355.20599365234375,
- "geometry": "M3.20502 6.41c1.77008 0 3.20499-1.43494 3.20498-3.20498 0-1.77008-1.43491-3.20502-3.20498-3.20502-1.77008 0-3.20502 1.43494-3.20502 3.20502 0 1.77005 1.43494 3.20499 3.20502 3.20498",
- "fill": "$--ui-color-dividing-line-2",
- "width": 6.410003662109375,
- "height": 6.410003662109375,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "cap": "round",
- "fill": "#fff"
- }
- },
- {
- "type": "path",
- "id": "aVHWH",
- "x": 398,
- "y": 352,
- "geometry": "M21.75101 23.241c-3.23871 2.09863-7.01682 3.21234-10.87601 3.20599-3.85886 0.00613-7.6366-1.10754-10.875-3.20599m10.875-20.03501l0-3.20599",
- "width": 21.751007080078125,
- "height": 26.447021484375,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "cap": "round",
- "fill": "#fff"
- }
- },
+ "type": "frame",
+ "id": "eVlls",
+ "name": "Physics Properties Section",
+ "width": "fill_container",
+ "height": "fill_container",
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "text",
+ "id": "hX8JS",
+ "name": "physicsPropsLabel",
+ "fill": "$grey1000",
+ "content": "Physics",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ },
+ {
+ "type": "frame",
+ "id": "Vqhv9",
+ "name": "Collision Checkbox",
+ "gap": 4,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 100,
+ "id": "jikKj",
+ "name": "collisionBox",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "thickness": 1,
+ "fill": "$gery600"
+ }
+ },
+ {
+ "type": "text",
+ "id": "Xykis",
+ "name": "collisionLabel",
+ "fill": "$grey1000",
+ "content": "Collision",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "5wLH4",
+ "name": "Gravity Checkbox",
+ "gap": 4,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 100,
+ "id": "2Vk0E",
+ "name": "gravityBox",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "thickness": 1,
+ "fill": "$gery600"
+ }
+ },
+ {
+ "type": "text",
+ "id": "SxM9X",
+ "name": "gravityLabel",
+ "fill": "$grey1000",
+ "content": "Gravity",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "WqHak",
+ "name": "Immovable Checkbox",
+ "gap": 4,
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "rectangle",
+ "cornerRadius": 100,
+ "id": "uMmZu",
+ "name": "immovableBox",
+ "width": 16,
+ "height": 16,
+ "stroke": {
+ "thickness": 1,
+ "fill": "$gery600"
+ }
+ },
+ {
+ "type": "text",
+ "id": "5dL0d",
+ "name": "immovableLabel",
+ "fill": "$grey1000",
+ "content": "Immovable",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
+ }
+ ]
+ }
+ ]
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "nCFGN",
+ "name": "Collision Setting Section",
+ "width": "fill_container",
+ "height": 32,
+ "gap": 8,
+ "alignItems": "center",
+ "children": [
{
- "type": "path",
- "id": "OPIfi",
- "x": 424,
- "y": 161,
- "geometry": "M15 15c4.14215 0 7.5-3.35786 7.5-7.5 0-4.14214-3.35785-7.5-7.5-7.5l0 15z m0 0c0 4.14214 3.35785 7.5 7.5 7.5 4.14215 0 7.5-3.35786 7.5-7.5l-15 0z m0 0c0-4.14214-3.35785-7.5-7.5-7.5-4.14215 0-7.5 3.35786-7.5 7.5l15 0z m0 0c-4.14215 0-7.5 3.35786-7.5 7.5 0 4.14214 3.35785 7.5 7.5 7.5l0-15z",
- "width": 30,
- "height": 30,
- "stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "fill": "#fff"
- }
+ "type": "text",
+ "id": "IaKyf",
+ "name": "collisionSettingLabel",
+ "fill": "$grey1000",
+ "content": "Collision setting",
+ "lineHeight": 1.5714285714285714,
+ "fontFamily": "Inter",
+ "fontSize": 14,
+ "fontWeight": "normal"
},
{
- "type": "path",
- "id": "QlX5R",
- "x": 334,
- "y": 194,
- "geometry": "M30 7.5l-7.5-7.5-2.81201 2.812-2.81299 2.813-5.625 5.625-5.625 5.625-2.81299 2.813-2.81201 2.812 7.5 7.5 22.5-22.5z m-10.31201-4.688l-16.87601 16.87599m0.93799-0.93801l3 3m0.75-6.75l4.5 4.5m-0.75-8.25l3 3m0.75-6.75l4.5 4.5m-0.75-8.25l3 3",
- "width": 30,
- "height": 30,
+ "type": "frame",
+ "id": "7fyqw",
+ "name": "tab",
"stroke": {
- "align": "center",
- "thickness": 1,
- "join": "round",
- "cap": "round",
- "fill": "#fff"
- }
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "TtdrS",
+ "name": "tab-combination-tab",
+ "clip": true,
+ "cornerRadius": 12,
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "frame",
+ "id": "qVnWu",
+ "name": "tab-text-icon-04",
+ "clip": true,
+ "width": 32,
+ "height": 32,
+ "fill": "$turquoise200",
+ "stroke": {
+ "align": "inside",
+ "thickness": 1
+ },
+ "layout": "vertical",
+ "justifyContent": "center",
+ "alignItems": "center",
+ "children": [
+ {
+ "type": "icon_font",
+ "id": "E5MKi",
+ "name": "settingIcon",
+ "rotation": -0.10539739597776332,
+ "width": 16,
+ "height": 16,
+ "iconFontName": "settings",
+ "iconFontFamily": "Material Symbols Rounded",
+ "weight": 500,
+ "fill": "$turquoise500"
+ }
+ ]
+ }
+ ]
+ }
+ ]
}
]
}
@@ -10706,66 +18170,79 @@
},
{
"type": "frame",
- "id": "v0APd",
- "x": 2653,
+ "id": "CZ40z",
+ "x": 4200,
"y": 55,
- "name": "Sound Editor",
- "width": 1440,
- "height": 800,
- "fill": "#f0fdfa",
- "layout": "none",
+ "name": "Animation Settings Panel",
+ "fill": "$grey100",
+ "cornerRadius": 8,
+ "effect": {
+ "type": "shadow",
+ "shadowType": "outer",
+ "color": "#0000001A",
+ "offset": {
+ "x": 0,
+ "y": 2
+ },
+ "blur": 4
+ },
+ "gap": 4,
+ "padding": 4,
"children": [
{
"type": "frame",
- "id": "tA93o",
- "x": 0,
- "y": 0,
- "name": "EditorHeader",
- "width": "fill_container(1440)",
- "height": 44,
- "fill": "transparent",
- "layout": "vertical",
+ "id": "Hzsva",
+ "name": "Duration Section",
+ "height": 32,
+ "cornerRadius": 8,
+ "gap": 4,
+ "padding": [
+ 4,
+ 12
+ ],
+ "alignItems": "center",
"children": [
+ {
+ "type": "icon_font",
+ "id": "BPP42",
+ "name": "durationIcon",
+ "width": 16,
+ "height": 16,
+ "iconFontName": "timer",
+ "iconFontFamily": "lucide",
+ "fill": "$grey900"
+ },
+ {
+ "type": "text",
+ "id": "L7t0q",
+ "name": "durationLabel",
+ "fill": "$grey900",
+ "content": "Duration",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
{
"type": "frame",
- "id": "zy5C0",
- "name": "Tabs",
- "width": "fill_container",
- "height": "fill_container",
- "fill": "transparent",
+ "id": "BlSLx",
+ "name": "Value",
+ "fill": "$grey400",
+ "cornerRadius": 8,
+ "padding": [
+ 0,
+ 5
+ ],
"children": [
{
- "type": "frame",
- "id": "TPXHL",
- "name": "Sound Tab",
- "width": 100,
- "height": "fill_container",
- "fill": "#a074ff",
- "cornerRadius": [
- 20,
- 0,
- 0,
- 0
- ],
- "layout": "vertical",
- "padding": [
- 9,
- 16
- ],
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "t0NxV",
- "name": "Sound",
- "fill": "#ffffff",
- "content": "Sound",
- "fontFamily": "Inter",
- "fontSize": 16,
- "fontWeight": "normal"
- }
- ]
+ "type": "text",
+ "id": "qIPgb",
+ "name": "durationValueText",
+ "fill": "$grey800",
+ "content": "0.5s",
+ "lineHeight": 1.6,
+ "fontFamily": "Inter",
+ "fontSize": 10,
+ "fontWeight": "normal"
}
]
}
@@ -10773,204 +18250,121 @@
},
{
"type": "frame",
- "id": "RbGz0",
- "x": 0,
- "y": 50,
- "name": "Main Content",
- "width": "fill_container(1440)",
- "height": "fill_container(750)",
- "layout": "vertical",
- "gap": 24,
- "padding": 24,
+ "id": "dTbht",
+ "name": "Duration Section",
+ "height": 32,
+ "cornerRadius": 8,
+ "gap": 4,
+ "padding": [
+ 4,
+ 12
+ ],
+ "alignItems": "center",
"children": [
+ {
+ "type": "icon_font",
+ "id": "ZyPM7",
+ "name": "bindingIcon",
+ "width": 16,
+ "height": 16,
+ "iconFontName": "person-standing",
+ "iconFontFamily": "lucide",
+ "fill": "$grey900"
+ },
+ {
+ "type": "text",
+ "id": "DmfbX",
+ "name": "BindingLabel",
+ "fill": "$grey900",
+ "content": "Binding",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
+ },
{
"type": "frame",
- "id": "aNmHm",
- "name": "Header",
- "width": "fill_container",
- "layout": "vertical",
- "gap": 8,
- "alignItems": "center",
+ "id": "Ea6e1",
+ "name": "Value",
+ "fill": "$grey400",
+ "cornerRadius": 8,
+ "padding": [
+ 0,
+ 5
+ ],
"children": [
- {
- "type": "frame",
- "id": "a3vYh",
- "name": "Asset Name Frame",
- "gap": 8,
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "s763O",
- "name": "Asset Name",
- "fill": "#000000",
- "content": "Sound Name",
- "fontFamily": "Inter",
- "fontSize": 14,
- "fontWeight": "normal"
- },
- {
- "type": "frame",
- "id": "yZJSO",
- "name": "Edit Icon",
- "width": 24,
- "height": 24,
- "fill": "#333333"
- }
- ]
- },
{
"type": "text",
- "id": "VuznD",
- "name": "Duration",
- "fill": "#6b7280",
- "content": "00:00",
+ "id": "pXeK9",
+ "name": "bindingValueText",
+ "fill": "$grey800",
+ "content": "2",
+ "lineHeight": 1.6,
"fontFamily": "Inter",
- "fontSize": 14
+ "fontSize": 10,
+ "fontWeight": "normal"
}
]
- },
+ }
+ ]
+ },
+ {
+ "type": "frame",
+ "id": "egM9U",
+ "name": "Sound Section",
+ "height": 32,
+ "cornerRadius": 8,
+ "gap": 4,
+ "padding": [
+ 4,
+ 12
+ ],
+ "alignItems": "center",
+ "children": [
{
- "type": "frame",
- "id": "vw1lh",
- "name": "Waveform Player",
+ "type": "icon_font",
+ "id": "nHtW5",
+ "name": "soundIcon",
"width": "fill_container",
- "height": 222,
- "fill": "#f0f0f0",
- "layout": "none",
- "children": [
- {
- "type": "path",
- "id": "j3Rjj",
- "x": 0,
- "y": 0,
- "name": "Waveform Shape",
- "geometry": "M20 111q40-21 80 0t80 0 80 0 80-21 80 21 80 0 80-21 80 21l0 20q-40 19-80 0t-80 0-80 0-80 19-80-19-80 0-80 19-80-19z",
- "fill": "#b390ff",
- "width": 0,
- "height": 0
- }
- ]
+ "height": 16,
+ "iconFontName": "square",
+ "iconFontFamily": "Material Symbols Rounded",
+ "fill": "$grey900"
+ },
+ {
+ "type": "text",
+ "id": "NcE4h",
+ "name": "soundLabel",
+ "fill": "$grey900",
+ "content": "Sound",
+ "fontFamily": "Inter",
+ "fontSize": 12,
+ "fontWeight": "normal"
},
{
"type": "frame",
- "id": "5MxsN",
- "name": "Operations",
- "width": "fill_container",
- "gap": 48,
+ "id": "zAWox",
+ "name": "Value",
+ "fill": "$grey400",
+ "cornerRadius": 8,
+ "padding": [
+ 0,
+ 5
+ ],
+ "justifyContent": "center",
"alignItems": "center",
"children": [
{
- "type": "frame",
- "id": "OhjPj",
- "name": "Play Control",
- "width": 36,
- "height": 36,
- "fill": "#2196F3",
- "cornerRadius": 18,
- "layout": "vertical",
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "lsWYE",
- "name": "playIcon",
- "fill": "#ffffff",
- "content": "▶",
- "fontFamily": "Inter",
- "fontSize": 24,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "TZLvg",
- "name": "Spacer Left",
- "width": 48,
- "height": 20
- },
- {
- "type": "frame",
- "id": "Gp6aw",
- "name": "Volume Slider",
- "width": 400,
- "height": 20,
- "fill": "#ddd",
- "alignItems": "center",
- "children": [
- {
- "type": "frame",
- "id": "H7KvK",
- "name": "sliderHandle",
- "width": 10,
- "height": 20,
- "fill": "#aaa"
- }
- ]
- },
- {
- "type": "frame",
- "id": "bK0S8",
- "name": "Spacer",
- "rotation": 0.036018552030228065,
- "width": "fill_container",
- "height": 20
- },
- {
- "type": "frame",
- "id": "qgKqQ",
- "name": "Editing Buttons",
- "gap": 8,
- "children": [
- {
- "type": "frame",
- "id": "4Ee34",
- "name": "Cancel Button",
- "width": 80,
- "height": 40,
- "fill": "#ccc",
- "layout": "vertical",
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "d40Of",
- "name": "cancelText",
- "fill": "#d9d9d9ff",
- "content": "Cancel",
- "fontFamily": "Inter",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- },
- {
- "type": "frame",
- "id": "SksrN",
- "name": "Save Button",
- "width": 80,
- "height": 40,
- "fill": "#4CAF50",
- "layout": "vertical",
- "justifyContent": "center",
- "alignItems": "center",
- "children": [
- {
- "type": "text",
- "id": "ynimz",
- "name": "saveText",
- "fill": "#fff",
- "content": "Save",
- "fontFamily": "Inter",
- "fontSize": 14,
- "fontWeight": "normal"
- }
- ]
- }
- ]
+ "type": "text",
+ "id": "b4V85",
+ "name": "soundValueText",
+ "fill": "$grey800",
+ "textGrowth": "fixed-width",
+ "width": "fit_content(27)",
+ "content": "name",
+ "lineHeight": 1.6,
+ "fontFamily": "Inter",
+ "fontSize": 10,
+ "fontWeight": "normal"
}
]
}
@@ -11059,6 +18453,78 @@
"--ui-shadow-custom-3": {
"type": "color",
"value": "#00000040"
+ },
+ "grey300": {
+ "type": "color",
+ "value": "#f6f8fa"
+ },
+ "grey800": {
+ "type": "color",
+ "value": "#6e7781"
+ },
+ "grey700": {
+ "type": "color",
+ "value": "#a7b1bb"
+ },
+ "turquoise500": {
+ "type": "color",
+ "value": "#0bc0cf"
+ },
+ "turquoise700": {
+ "type": "color",
+ "value": "#0B8893"
+ },
+ "gery600": {
+ "type": "color",
+ "value": "#CBD2D8"
+ },
+ "grey900": {
+ "type": "color",
+ "value": "#57606A"
+ },
+ "grey1000": {
+ "type": "color",
+ "value": "#24292f"
+ },
+ "grey100": {
+ "type": "color",
+ "value": "#ffffff"
+ },
+ "grey400": {
+ "type": "color",
+ "value": "#eaeff3"
+ },
+ "turquoise600": {
+ "type": "color",
+ "value": "#0AA5BE"
+ },
+ "turquoise300": {
+ "type": "color",
+ "value": "#B5EBF0"
+ },
+ "grey200": {
+ "type": "color",
+ "value": "#FBFCFD"
+ },
+ "turquoise200": {
+ "type": "color",
+ "value": "#E7F9FA"
+ },
+ "yellow500": {
+ "type": "color",
+ "value": "#FAA135"
+ },
+ "yellow300": {
+ "type": "color",
+ "value": "#FDE2C0"
+ },
+ "yellow200": {
+ "type": "color",
+ "value": "#FFF6EB"
+ },
+ "purple500": {
+ "type": "color",
+ "value": "#A074FF"
}
}
-}
+}
\ No newline at end of file
diff --git a/ui/spx/images/add-outlined.png b/ui/spx/images/add-outlined.png
new file mode 100644
index 000000000..4fee713e9
Binary files /dev/null and b/ui/spx/images/add-outlined.png differ
diff --git a/ui/spx/images/asset-library.svg b/ui/spx/images/asset-library.svg
deleted file mode 100644
index 0fae1838f..000000000
--- a/ui/spx/images/asset-library.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/ui/spx/images/banner.png b/ui/spx/images/banner.png
new file mode 100644
index 000000000..d0c85db34
Binary files /dev/null and b/ui/spx/images/banner.png differ
diff --git a/ui/spx/images/bg.svg b/ui/spx/images/bg.svg
new file mode 100644
index 000000000..e22e10ff8
--- /dev/null
+++ b/ui/spx/images/bg.svg
@@ -0,0 +1,13 @@
+
diff --git "a/ui/spx/images/builder\344\275\277\347\224\250.png" "b/ui/spx/images/builder\344\275\277\347\224\250.png"
new file mode 100644
index 000000000..8035e7f84
Binary files /dev/null and "b/ui/spx/images/builder\344\275\277\347\224\250.png" differ
diff --git a/ui/spx/images/check.svg b/ui/spx/images/check.svg
deleted file mode 100644
index 2d71ac45b..000000000
--- a/ui/spx/images/check.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
\ No newline at end of file
diff --git a/ui/spx/images/codekiko.png b/ui/spx/images/codekiko.png
new file mode 100644
index 000000000..9e9f678b0
Binary files /dev/null and b/ui/spx/images/codekiko.png differ
diff --git a/ui/spx/images/generated-1770189283796.png b/ui/spx/images/generated-1770189283796.png
deleted file mode 100644
index 53fcaf6ed..000000000
Binary files a/ui/spx/images/generated-1770189283796.png and /dev/null differ
diff --git a/ui/spx/images/generated-1770272792345.png b/ui/spx/images/generated-1770272792345.png
deleted file mode 100644
index 19bdba4be..000000000
Binary files a/ui/spx/images/generated-1770272792345.png and /dev/null differ
diff --git a/ui/spx/images/heart-hollow.svg b/ui/spx/images/heart-hollow.svg
deleted file mode 100644
index 4c98bb59f..000000000
--- a/ui/spx/images/heart-hollow.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
\ No newline at end of file
diff --git a/ui/spx/images/info.svg b/ui/spx/images/info.svg
deleted file mode 100644
index ce0b1cb46..000000000
--- a/ui/spx/images/info.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/ui/spx/images/navbar bg.png b/ui/spx/images/navbar bg.png
new file mode 100644
index 000000000..f14450799
Binary files /dev/null and b/ui/spx/images/navbar bg.png differ
diff --git a/ui/spx/images/plus.svg b/ui/spx/images/plus.svg
deleted file mode 100644
index ea12e2bfe..000000000
--- a/ui/spx/images/plus.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/ui/spx/images/pubilsh-colorful.png b/ui/spx/images/pubilsh-colorful.png
new file mode 100644
index 000000000..991a45d09
Binary files /dev/null and b/ui/spx/images/pubilsh-colorful.png differ
diff --git a/ui/spx/images/sprite.png b/ui/spx/images/sprite.png
new file mode 100644
index 000000000..27214af47
Binary files /dev/null and b/ui/spx/images/sprite.png differ
diff --git a/ui/spx/images/tutorial entry-filled.png b/ui/spx/images/tutorial entry-filled.png
new file mode 100644
index 000000000..55fc72cb8
Binary files /dev/null and b/ui/spx/images/tutorial entry-filled.png differ
diff --git a/ui/spx/images/user bg.png b/ui/spx/images/user bg.png
new file mode 100644
index 000000000..430d563d3
Binary files /dev/null and b/ui/spx/images/user bg.png differ
diff --git "a/ui/spx/images/\345\234\260\345\233\276\350\203\214\346\231\257.png" "b/ui/spx/images/\345\234\260\345\233\276\350\203\214\346\231\257.png"
new file mode 100644
index 000000000..47fa6c720
Binary files /dev/null and "b/ui/spx/images/\345\234\260\345\233\276\350\203\214\346\231\257.png" differ
diff --git a/ui/spx/images/generated-1770102178998.png "b/ui/spx/images/\347\224\250\346\210\267\345\244\264\345\203\217.png"
similarity index 100%
rename from ui/spx/images/generated-1770102178998.png
rename to "ui/spx/images/\347\224\250\346\210\267\345\244\264\345\203\217.png"
diff --git "a/ui/spx/images/\351\241\271\347\233\256\345\205\250\345\261\217.png" "b/ui/spx/images/\351\241\271\347\233\256\345\205\250\345\261\217.png"
new file mode 100644
index 000000000..cebc86957
Binary files /dev/null and "b/ui/spx/images/\351\241\271\347\233\256\345\205\250\345\261\217.png" differ
diff --git "a/ui/spx/images/\351\241\271\347\233\256\350\277\220\350\241\214.png" "b/ui/spx/images/\351\241\271\347\233\256\350\277\220\350\241\214.png"
new file mode 100644
index 000000000..4a712ebf8
Binary files /dev/null and "b/ui/spx/images/\351\241\271\347\233\256\350\277\220\350\241\214.png" differ