在组件中添加tinyVue中的水球组件，在画布中不显示，在预览中显示，切在画布中报错

[yao521521]

Environment

google与edge

Version

v16.20.2

Version

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

Link to minimal reproduction

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

Step to reproduce

在

物料组件中添加tinyVue的水球组件

What is expected

组件在画布和预览中都会正常显示

What is actually happening

页面没有显示切，控制太报错，但在预览中显示正常

What is your project name

tiny-engine

Any additional comments (optional)

No response

[Issues-translate-bot]

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

---

Title: Add the water polo component in tinyVue to the component. It will not be displayed in the canvas, but will be displayed in the preview. An error will be reported in the canvas.

[wenmine]

@yao521521 麻烦提供一下bundle.json对应的配置

[Issues-translate-bot]

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

---

@yao521521 Please provide the configuration corresponding to bundle.json

[yao521521]

 {
          "name": {
            "zh_CN": "水球图"
          },
          "component": "TinyChartLiquidfill",
          "icon": "chart-liquidfill",
          "description": "水球图",
          "docUrl": "",
          "screenshot": "",
          "tags": "",
          "keywords": "",
          "devMode": "proCode",
          "npm": {
            "package": "@opentiny/vue",
            "exportName": "ChartLiquidfill",
            "version": "",
            "destructuring": true
          },
          "group": "component",
          "priority": 1,
          "schema": {
            "properties": [
              {
                "label": {
                  "zh_CN": "基础信息"
                },
                "description": {
                  "zh_CN": "基础信息"
                },
                "collapse": {
                  "number": 6,
                  "text": {
                    "zh_CN": "显示更多"
                  }
                },
                "content": [
                  {
                    "property": "data",
                    "label": {
                      "text": {
                        "zh_CN": "数据由指标和维度组成,“维度” 指的是数据的属性,“指标” 是量化衡量标准"
                      }
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "widget": {
                      "component": "MetaCodeEditor",
                      "props": {
                        "language": "json"
                      }
                    },
                    "description": {
                      "zh_CN": "双向绑定值"
                    },
                    "labelPosition": "left"
                  },
                  {
                    "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": "extend",
                    "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-liquidfill",
              "screenshot": "",
              "snippetName": "TinyChartLiquidfill",
              "schema": {
                "componentName": "TinyChartLiquidfill",
                "props": {
                  "data": {
                    "columns": ["city", "percent"],
                    "rows": [
                      {
                        "city": "上海",
                        "percent": 0.6
                      }
                    ]
                  },
                  "settings": {},
                  "extend": {}
                }
              }
            },

[Issues-translate-bot]

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

---

 {
          "name": {
            "zh_CN": "Water Polo Picture"
          },
          "component": "TinyChartLiquidfill",
          "icon": "chart-liquidfill",
          "description": "water polo diagram",
          "docUrl": "",
          "screenshot": "",
          "tags": "",
          "keywords": "",
          "devMode": "proCode",
          "npm": {
            "package": "@opentiny/vue",
            "exportName": "ChartLiquidfill",
            "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": "data",
                    "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": "settings",
                    "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": "extend",
                    "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": "Water Polo Picture"
              },
              "icon": "chart-liquidfill",
              "screenshot": "",
              "snippetName": "TinyChartLiquidfill",
              "schema": {
                "componentName": "TinyChartLiquidfill",
                "props": {
                  "data": {
                    "columns": ["city", "percent"],
                    "rows": [
                      {
                        "city": "Shanghai",
                        "percent": 0.6
                      }
                    ]
                  },
                  "settings": {},
                  "extend": {}
                }
              }
            },

[chilingling]

与 #488 、#487 问题一致。需要修改 component 和 exportName 为 ChartLiquidfill

@yao521521

[Issues-translate-bot]

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

---

Consistent with issues #488 and #487. Need to modify component and exportName to ChartLiquidfill

@yao521521