tiny-engine icon indicating copy to clipboard operation
tiny-engine copied to clipboard

🐛 [Bug]: tinyVue进度图无法显示问题

Open yao521521 opened this issue 1 year ago • 1 comments

Environment

google与edge

Version

v16.20.2

Version

不知道如何查看最新稳定版

Link to minimal reproduction

https://github.com/opentiny/tiny-engine

Step to reproduce

在bundle.json中添加如下代码

 {
          "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 }
                    ]
                  }
                }
              }
            }
          ]
        },

在底码平台拖拽此组件不显示,在预览中报错 image

What is expected

组件在平台预览中显示

What is actually happening

组件在平台中不显示,预览中报错, image image

What is your project name

tiny-engine

Any additional comments (optional)

No response

yao521521 avatar May 16 '24 02:05 yao521521

Bot detected the issue body's language is not English, translate it automatically.


Title: 🐛 [Bug]: tinyVue progress chart cannot display problem

Issues-translate-bot avatar May 16 '24 02:05 Issues-translate-bot

@yao521521 跟 opentiny/vue 组件库的人沟通了下,该组件(ChartProcess)在 @opentiny/vue 3.15 才有的,需要将 @opentiny/vue 组件库指定为 3.15+

chilingling avatar Jun 03 '24 01:06 chilingling

Bot detected the issue body's language is not English, translate it automatically.


@yao521521 After communicating with the people in the opentiny/vue component library, this component (ChartProcess) is only available in @opentiny/vue 3.15. You need to specify the @opentiny/vue component library as 3.15+.

Issues-translate-bot avatar Jun 03 '24 01:06 Issues-translate-bot