tiny-engine
tiny-engine copied to clipboard
Published
20 hours ago •
opentiny
opentiny
🐛 [Bug]: 百度地图页面无显示，进度图页面报错
Environment
google与edge
Version
v16.20.2
Version
不知道如何查看最新稳定版
Link to minimal reproduction
https://github.com/opentiny/tiny-engine
Step to reproduce
https://github.com/opentiny/tiny-engine/assets/90167238/82251936-b040-4605-ac16-387f6dadb3d5
百度地图代码
{
"name": {
"zh_CN": "百度地图"
},
"component": "TinyBaiduMap",
"icon": "chart-baidu-map",
"description": "百度地图",
"docUrl": "",
"screenshot": "",
"tags": "",
"keywords": "",
"devMode": "proCode",
"npm": {
"package": "@opentiny/vue",
"exportName": "TinyBaiduMap",
"version": "",
"destructuring": true
},
"group": "component",
"priority": 1,
"schema": {
"properties": [
{
"label": {
"zh_CN": "基础信息"
},
"description": {
"zh_CN": "基础信息"
},
"collapse": {
"number": 6,
"text": {
"zh_CN": "显示更多"
}
},
"content": [
{
"property": "settings",
"label": {
"text": {
"zh_CN": "数据由指标和维度组成,“维度” 指的是数据的属性,“指标” 是量化衡量标准"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
},
{
"property": "series",
"label": {
"text": {
"zh_CN": "设置显示的指标维度"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
},
{
"property": "tooltip",
"label": {
"text": {
"zh_CN": "设置显示的指标维度"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
}
]
}
],
"events": {},
"slots": {}
},
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": true,
"isModal": false,
"nestingRule": {
"childWhitelist": "",
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": ["value", "disabled"]
},
"contextMenu": {
"actions": ["create symbol"],
"disable": ["copy", "remove"]
}
}
}
{
"name": {
"zh_CN": "百度地图"
},
"icon": "chart-baidu-map",
"screenshot": "",
"snippetName": "TinyBaiduMap",
"schema": {
"componentName": "TinyBaiduMap",
"props": {
"settings": {
"key": "oBvDtR6nzWtVchkY4cLHtnah1VVZQKRK",
"url": "https://api.map.baidu.com/api",
"bmap": {
"center": [120, 30],
"zoom": 14,
"roam": true,
"mapStyle": {}
}
},
"series": [
{
"type": "scatter",
"coordinateSystem": "bmap",
"data": [[120, 30, 1]]
}
],
"tooltip": { "show": true }
}
}
}
进度图代码
{
"name": {
"zh_CN": "进度图"
},
"component": "TinyChartProcess",
"icon": "chart-process",
"description": "进度图",
"docUrl": "",
"screenshot": "",
"tags": "",
"keywords": "",
"devMode": "proCode",
"npm": {
"package": "@opentiny/vue",
"exportName": "ChartProcess",
"version": "",
"destructuring": true
},
"group": "component",
"priority": 1,
"schema": {
"properties": [
{
"label": {
"zh_CN": "基础信息"
},
"description": {
"zh_CN": "基础信息"
},
"collapse": {
"number": 6,
"text": {
"zh_CN": "显示更多"
}
},
"content": [
{
"property": "options",
"label": {
"text": {
"zh_CN": "数据由指标和维度组成,“维度” 指的是数据的属性,“指标” 是量化衡量标准"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
}
]
}
],
"events": {},
"slots": {}
},
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": true,
"isModal": false,
"nestingRule": {
"childWhitelist": "",
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": ["value", "disabled"]
},
"contextMenu": {
"actions": ["create symbol"],
"disable": ["copy", "remove"]
}
}
}
{
"name": {
"zh_CN": "进度图"
},
"icon": "chart-process",
"screenshot": "",
"snippetName": "TinyChartProcess",
"schema": {
"componentName": "TinyChartProcess",
"props": {
"options": {
"name": "ProcessBarChart",
"theme": "light",
"padding": [32, 32, 0, 32],
"color": ["#fa2a2d", "#ff7500", "#ffbf00", "#41ba41", "#00aaee"],
"data": [
{ "name": "UniEPMgr", "value": 80 },
{ "name": "SMLoglic", "value": 65 },
{ "name": "SSO", "value": 45 },
{ "name": "APIMgr", "value": 20 },
{ "name": "Logtransfer", "value": 12 }
]
}
}
}
}
What is expected
百度地图在canvas显示，进度图在canvas和页面显示
What is actually happening
未显示
What is your project name
tiny-engine
Any additional comments (optional)
No response
Bot detected the issue body's language is not English, translate it automatically.
Title: 🐛 [Bug]: There is no display on the Baidu map page and an error is reported on the progress chart page.
@yao521521 我看了下 opentiny/vue 组件库 demo，opentiny/vue 组件库的 ChartProcess demo 也挂了。建议给 opentiny/vue 提 issue。
Bot detected the issue body's language is not English, translate it automatically.
@yao521521 I looked at the tinyvue component library demo, and the ChartProcess demo of the tinyvue component library also crashed. It is recommended to file an issue with tinyvue.
@yao521521 跟 opentiny/vue 组件库的人沟通了下，该组件在 @opentiny/vue 3.15 才有的，需要将 @opentiny/vue 组件库指定为 3.15+
Bot detected the issue body's language is not English, translate it automatically.
@yao521521 communicated with the people in the opentiny/vue component library. This component is only available in @opentiny/vue 3.15. You need to specify the @opentiny/vue component library as 3.15+.
百度地图页面显示的问题，这样修改可以显示：
{
"name": {
"zh_CN": "百度地图"
},
"component": "ChartBaiduMap",
"icon": "chart-baidu-map",
"description": "百度地图",
"docUrl": "",
"screenshot": "",
"tags": "",
"keywords": "",
"devMode": "proCode",
"npm": {
"package": "@opentiny/vue",
"exportName": "ChartBaiduMap",
"version": "",
"destructuring": true
},
"group": "component",
"priority": 1,
"schema": {
"properties": [
{
"label": {
"zh_CN": "基础信息"
},
"description": {
"zh_CN": "基础信息"
},
"collapse": {
"number": 6,
"text": {
"zh_CN": "显示更多"
}
},
"content": [
{
"property": "settings",
"label": {
"text": {
"zh_CN": "数据由指标和维度组成,“维度” 指的是数据的属性,“指标” 是量化衡量标准"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
},
{
"property": "series",
"label": {
"text": {
"zh_CN": "设置显示的指标维度"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
},
{
"property": "tooltip",
"label": {
"text": {
"zh_CN": "设置显示的指标维度"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "双向绑定值"
},
"labelPosition": "left"
}
]
}
],
"events": {},
"slots": {}
},
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": true,
"isModal": false,
"nestingRule": {
"childWhitelist": "",
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": ["value", "disabled"]
},
"contextMenu": {
"actions": ["create symbol"],
"disable": ["copy", "remove"]
}
}
}
{
"name": {
"zh_CN": "百度地图"
},
"icon": "chart-baidu-map",
"screenshot": "",
"snippetName": "ChartBaiduMap",
"schema": {
"componentName": "ChartBaiduMap",
"props": {
"settings": {
"key": "oBvDtR6nzWtVchkY4cLHtnah1VVZQKRK",
"url": "https://api.map.baidu.com/api",
"bmap": {
"center": [120, 30],
"zoom": 14,
"roam": true,
"mapStyle": {}
}
},
"series": [
{
"type": "scatter",
"coordinateSystem": "bmap",
"data": [[120, 30, 1]]
}
],
"tooltip": { "show": true }
}
}
}
@yao521521
Bot detected the issue body's language is not English, translate it automatically.
Baidu map page display problem, this modification can display:
{
"name": {
"zh_CN": "Baidu Map"
},
"component": "ChartBaiduMap",
"icon": "chart-baidu-map",
"description": "Baidu Map",
"docUrl": "",
"screenshot": "",
"tags": "",
"keywords": "",
"devMode": "proCode",
"npm": {
"package": "@opentiny/vue",
"exportName": "ChartBaiduMap",
"version": "",
"destructuring": true
},
"group": "component",
"priority": 1,
"schema": {
"properties": [
{
"label": {
"zh_CN": "Basic information"
},
"description": {
"zh_CN": "Basic information"
},
"collapse": {
"number": 6,
"text": {
"zh_CN": "Show more"
}
},
"content": [
{
"property": "settings",
"label": {
"text": {
"zh_CN": "Data consists of indicators and dimensions. "Dimensions" refer to the attributes of the data, and "indicators" are quantitative measurement standards"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "Two-way binding value"
},
"labelPosition": "left"
},
{
"property": "series",
"label": {
"text": {
"zh_CN": "Set the displayed indicator dimensions"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "Two-way binding value"
},
"labelPosition": "left"
},
{
"property": "tooltip",
"label": {
"text": {
"zh_CN": "Set the displayed indicator dimensions"
}
},
"required": true,
"readOnly": false,
"disabled": false,
"cols": 12,
"widget": {
"component": "MetaCodeEditor",
"props": {
"language": "json"
}
},
"description": {
"zh_CN": "Two-way binding value"
},
"labelPosition": "left"
}
]
}
],
"events": {},
"slots": {}
},
"configure": {
"loop": true,
"condition": true,
"styles": true,
"isContainer": true,
"isModal": false,
"nestingRule": {
"childWhitelist": "",
"parentWhitelist": "",
"descendantBlacklist": "",
"ancestorWhitelist": ""
},
"isNullNode": false,
"isLayout": false,
"rootSelector": "",
"shortcuts": {
"properties": ["value", "disabled"]
},
"contextMenu": {
"actions": ["create symbol"],
"disable": ["copy", "remove"]
}
}
}
{
"name": {
"zh_CN": "Baidu Map"
},
"icon": "chart-baidu-map",
"screenshot": "",
"snippetName": "ChartBaiduMap",
"schema": {
"componentName": "ChartBaiduMap",
"props": {
"settings": {
"key": "oBvDtR6nzWtVchkY4cLHtnah1VVZQKRK",
"url": "https://api.map.baidu.com/api",
"bmap": {
"center": [120, 30],
"zoom": 14,
"roam": true,
"mapStyle": {}
}
},
"series": [
{
"type": "scatter",
"coordinateSystem": "bmap",
"data": [[120, 30, 1]]
}
],
"tooltip": { "show": true }
}
}
}
@yao521521