Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
yao521521 opened this issue May 16, 2024 · 3 comments
Closed

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

yao521521 opened this issue May 16, 2024 · 3 comments
Labels
wontfix This will not be worked on

Comments

@yao521521
Copy link

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

@Issues-translate-bot
Copy link

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


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

@chilingling
Copy link
Member

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

@Issues-translate-bot
Copy link

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+.

@chilingling chilingling added the wontfix This will not be worked on label Jun 3, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
wontfix This will not be worked on
Projects
None yet
Development

No branches or pull requests

3 participants