{
	"version": "5.8.0",
	"settings": {
		"theme": "default"
	},
	"devices": [{
		"deviceType": "pc",
		"width": 1920,
		"height": 1080,
		"scalingMode": "none"
	}],
	"body": {
		"canvas": {
			"id": "canvas",
			"type": "canvas",
			"viewSize": "fixWidth",
			"minWidth": 1000,
			"maxWidth": 1400,
			"layoutType": "flex",
			"s": "canvas_flex3",
			"overflow": "y",
			"gapSize": "paddingLG",
			"children": [{
				"id": "title",
				"type": "text",
				"value": "URL路由",
				"s": "h1",
				"minWidth": 16,
				"minHeight": 16
			}, {
				"id": "introDesc",
				"type": "text",
				"value": "URL路由节点用于切换当前页面路由，适合在应用内部进入指定页面、切换应用内板块、控制面包屑和缓存，以及返回上一页或前进到下一页。",
				"s": "desc",
				"minWidth": 16,
				"minHeight": 16
			}, {
				"id": "targetPanel",
				"type": "panel",
				"layoutType": "flex",
				"s": "container_border",
				"children": [{
					"id": "targetTitle",
					"type": "text",
					"value": "URL路由至指定页面",
					"s": "h4",
					"minWidth": 16,
					"minHeight": 16
				}, {
					"id": "targetDesc",
					"type": "text",
					"value": "可以通过 URL路由进入当前应用中的指定页面，并传递额外参数；页面路由时可控制是否显示面包屑，以及通过数据装载方式选择新建数据、刷新数据或保留数据。",
					"s": "desc",
					"minWidth": 16,
					"minHeight": 16
				}, {
					"id": "targetButtons",
					"type": "panel",
					"layoutType": "flex",
					"s": "space_s",
					"flexDirection": "row",
					"children": [{
						"id": "btnNavigatePage",
						"type": "button",
						"caption": "指定页",
						"s": "link",
						"width": 120,
						"events": [{
							"event": "click",
							"actions": [{
								"id": "navigatePage",
								"name": "URL路由至指定页",
								"type": "urlRoute",
								"path": "spg",
								"params": [{
									"name": "source",
									"value": "指定页"
								}],
								"title": "目标页面"
							}]
						}]
					}, {
						"id": "btnNavigateNoBreadcrumb",
						"type": "button",
						"caption": "隐藏面包屑",
						"s": "link",
						"width": 120,
						"events": [{
							"event": "click",
							"actions": [{
								"id": "navigateNoBreadcrumb",
								"name": "URL路由至指定页并隐藏面包屑",
								"type": "urlRoute",
								"path": "spg",
								"params": [{
									"name": "source",
									"value": "隐藏面包屑"
								}],
								"title": "无面包屑目标页面",
								"breadcrumb": false
							}]
						}]
					}, {
						"id": "btnNavigateNewData",
						"type": "button",
						"caption": "新建数据",
						"s": "link",
						"width": 120,
						"events": [{
							"event": "click",
							"actions": [{
								"id": "navigateNewData",
								"name": "URL路由至指定页并新建数据",
								"type": "urlRoute",
								"path": "spg",
								"params": [{
									"name": "source",
									"value": "新建数据"
								}],
								"loadMode": "newData",
								"title": "新建数据目标页面"
							}]
						}]
					}, {
						"id": "btnNavigateRefreshData",
						"type": "button",
						"caption": "刷新数据",
						"s": "link",
						"width": 120,
						"events": [{
							"event": "click",
							"actions": [{
								"id": "navigateRefreshData",
								"name": "URL路由至指定页并刷新数据",
								"type": "urlRoute",
								"path": "spg",
								"params": [{
									"name": "source",
									"value": "刷新数据"
								}],
								"title": "刷新数据目标页面",
								"loadMode": "refreshData"
							}]
						}]
					}]
				}]
			}, {
				"id": "portalPanel",
				"type": "panel",
				"layoutType": "flex",
				"s": "container_border",
				"children": [{
					"id": "portalTitle",
					"type": "text",
					"value": "URL路由至应用内板块",
					"s": "h4",
					"minWidth": 16,
					"minHeight": 16
				}, {
					"id": "portalDesc",
					"type": "text",
					"value": "可以按模块 ID 切换当前应用内板块，并控制是否替换当前浏览器历史记录。",
					"s": "desc",
					"minWidth": 16,
					"minHeight": 16
				}, {
					"id": "portalButtons",
					"type": "panel",
					"layoutType": "flex",
					"s": "space_s",
					"flexDirection": "row",
					"children": [{
						"id": "btnNavigatePortal",
						"type": "button",
						"caption": "应用内板块",
						"s": "link",
						"width": 120,
						"events": [{
							"event": "click",
							"actions": [{
								"id": "navigatePortal",
								"name": "URL路由至应用内板块",
								"type": "urlRoute",
								"routeTo": "appModule",
								"module": "URL路由目标页面",
								"params": [{
									"name": "source",
									"value": "应用内板块"
								}]
							}]
						}]
					}, {
						"id": "btnNavigatePortalReplace",
						"type": "button",
						"caption": "应用内板块(替换)",
						"s": "link",
						"width": 140,
						"events": [{
							"event": "click",
							"actions": [{
								"id": "navigatePortalReplace",
								"name": "URL路由至应用内板块并替换历史记录",
								"type": "urlRoute",
								"routeTo": "appModule",
								"module": "URL路由目标页面",
								"params": [{
									"name": "source",
									"value": "应用内板块替换历史"
								}],
								"replaceHistoryState": true
							}]
						}]
					}]
				}]
			}, {
				"id": "systemPanel",
				"type": "panel",
				"layoutType": "flex",
				"s": "container_border",
				"children": [{
					"id": "systemTitle",
					"type": "text",
					"value": "系统路由",
					"s": "h4",
					"minWidth": 16,
					"minHeight": 16
				}, {
					"id": "systemDesc",
					"type": "text",
					"value": "支持浏览器历史前进和后退。",
					"s": "desc",
					"minWidth": 16,
					"minHeight": 16
				}, {
					"id": "systemButtons",
					"type": "panel",
					"layoutType": "flex",
					"s": "space_s",
					"flexDirection": "row",
					"children": [{
						"id": "btnNavigateBack",
						"type": "button",
						"caption": "上一页",
						"s": "link",
						"width": 120,
						"events": [{
							"event": "click",
							"actions": [{
								"id": "navigateBack",
								"name": "URL路由至上一页",
								"type": "urlRoute",
								"routeTo": "back"
							}]
						}]
					}, {
						"id": "btnNavigateForward",
						"type": "button",
						"caption": "下一页",
						"s": "link",
						"width": 120,
						"events": [{
							"event": "click",
							"actions": [{
								"id": "navigateForward",
								"name": "URL路由至下一页",
								"type": "urlRoute",
								"routeTo": "forward"
							}]
						}]
					}]
				}]
			}]
		}
	},
	"referenceResources": {
		"text": {
			"targetType": "EXTPOINT",
			"targetPath": "$EXTPOINT:/component/text",
			"refType": "link"
		},
		"button": {
			"targetType": "EXTPOINT",
			"targetPath": "$EXTPOINT:/component/button",
			"refType": "link"
		},
		"spg": {
			"targetType": "METAFILE",
			"targetPath": "子页面/URL路由目标页面.spg",
			"refType": "link",
			"srcComponent": "navigatePage",
			"srcProperty": "path"
		},
		"urlRoute": {
			"targetType": "EXTPOINT",
			"targetPath": "$EXTPOINT:/actionComponent/urlRoute",
			"refType": "link"
		},
		"componentTitle": {
			"targetType": "EXTPOINT",
			"targetPath": "$EXTPOINT:/component/componentTitle",
			"refType": "link"
		},
		"panel": {
			"targetType": "EXTPOINT",
			"targetPath": "$EXTPOINT:/component/panel",
			"refType": "link"
		}
	}
}