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

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

Open yao521521 opened this issue 9 months ago • 5 comments

Environment

google与edge

Version

v16.20.2

Version

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

Link to minimal reproduction

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

Step to reproduce

image 物料组件中添加tinyVue的水球组件 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 11 '24 03:05 yao521521

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.

Issues-translate-bot avatar May 11 '24 03:05 Issues-translate-bot

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

wenmine avatar May 14 '24 13:05 wenmine

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


@yao521521 Please provide the configuration corresponding to bundle.json

Issues-translate-bot avatar May 14 '24 13:05 Issues-translate-bot

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

yao521521 avatar May 15 '24 01:05 yao521521

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

Issues-translate-bot avatar May 15 '24 01:05 Issues-translate-bot

与 #488 、#487 问题一致。需要修改 componentexportNameChartLiquidfill

@yao521521

chilingling avatar Jun 03 '24 02:06 chilingling

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

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