Skip to content

🐛 [Bug]: TinyGrid插槽中使用TinyPopover无法预览 #1281

Closed

Description

@stwflyfox

Environment

chrome

Version

latest

Version

latest

Link to minimal reproduction

none

Step to reproduce

设计时显示正常,预览时出错,没有显示结果:
Image

Image

附上产生的schema:

schema0402.txt

What is expected

No response

What is actually happening

No response

What is your project name

TinyEngine

Any additional comments (optional)

No response

Activity

  1. Issues-translate-bot commented on Apr 2, 2025

    @Issues-translate-bot

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


    Title: 🐛 [Bug]: Using TinyPopover in TinyGrid slot cannot be previewed

  2. chilingling commented on Apr 2, 2025

    @chilingling
    Member

    breakchange 引入 PR: #756

    修复方法:需要在物料中添加 tiny-grid-columns 组件。示例:

    {
    "icon": "grid",
    "name": {
    "zh_CN": "表格行"
    },
    "component": "TinyGridColumn",
    "description": "提供了非常强大数据表格功能,可以展示数据列表,可以对数据列表进行选择、编辑等",
    "docUrl": "",
    "screenshot": "",
    "tags": "",
    "keywords": "",
    "devMode": "proCode",
    "npm": {
    "package": "@opentiny/vue",
    "exportName": "TinyGridColumn"
    },
    "group": "component",
    "priority": 2,
    "schema": {
    "properties": [],
    "events": {},
    "shortcuts": {},
    "contentMenu": {
    "actions": ["create symbol"]
    }
    },
    "configure": {
    "loop": true,
    "condition": true,
    "styles": true,
    "isContainer": false,
    "isModal": false,
    "nestingRule": {
    "childWhitelist": "",
    "parentWhitelist": "",
    "descendantBlacklist": "",
    "ancestorWhitelist": ""
    },
    "isNullNode": false,
    "isLayout": false,
    "rootSelector": "",
    "shortcuts": {},
    "contextMenu": {
    "actions": ["create symbol"],
    "disable": ["copy", "remove"]
    }
    }
    },

  3. stwflyfox commented on Apr 3, 2025

    @stwflyfox
    ContributorAuthor

    增加了 tiny-grid-columns 后出现新问题,还是没有显示结果:

    Image

    附件为预览时产生的 main.vue

    New 3.txt

  4. chilingling commented on Apr 3, 2025

    @chilingling
    Member

    breakchange 引入 PR: #756

    修复方法:需要在物料中添加 tiny-grid-columns 组件。示例:

    tiny-engine/designer-demo/public/mock/bundle.json

    Lines 10153 to 10200 in f53ea7a

    {
    "icon": "grid",
    "name": {
    "zh_CN": "表格行"
    },
    "component": "TinyGridColumn",
    "description": "提供了非常强大数据表格功能,可以展示数据列表,可以对数据列表进行选择、编辑等",
    "docUrl": "",
    "screenshot": "",
    "tags": "",
    "keywords": "",
    "devMode": "proCode",
    "npm": {
    "package": "@opentiny/vue",
    "exportName": "TinyGridColumn"
    },
    "group": "component",
    "priority": 2,
    "schema": {
    "properties": [],
    "events": {},
    "shortcuts": {},
    "contentMenu": {
    "actions": ["create symbol"]
    }
    },
    "configure": {
    "loop": true,
    "condition": true,
    "styles": true,
    "isContainer": false,
    "isModal": false,
    "nestingRule": {
    "childWhitelist": "",
    "parentWhitelist": "",
    "descendantBlacklist": "",
    "ancestorWhitelist": ""
    },
    "isNullNode": false,
    "isLayout": false,
    "rootSelector": "",
    "shortcuts": {},
    "contextMenu": {
    "actions": ["create symbol"],
    "disable": ["copy", "remove"]
    }
    }
    },

    这里的示例需要修改npm描述:

    {
      "npm": {
         // 增加解构:true
        "destructuring": true
      }
    }
  5. Issues-translate-bot commented on Apr 3, 2025

    @Issues-translate-bot

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


    breakchange introduces PR: #756

    Fix: You need to add the tiny-grid-columns component to the material. Example:

    tiny-engine/designer-demo/public/mock/bundle.json

    Lines 10153 to 10200 in f53ea7a

    {
    "icon": "grid",
    "name": {
    "zh_CN": "Table row"
    },
    "component": "TinyGridColumn",
    "description": "Provides a very powerful data table function, can display data lists, select, edit data lists, etc.",
    "docUrl": "",
    "screenshot": "",
    "tags": "",
    "keywords": "",
    "devMode": "proCode",
    "npm": {
    "package": "@opentiny/vue",
    "exportName": "TinyGridColumn"
    },
    "group": "component",
    "priority": 2,
    "schema": {
    "properties": [],
    "events": {},
    "shortcuts": {},
    "contentMenu": {
    "actions": ["create symbol"]
    }
    },
    "configure": {
    "loop": true,
    "condition": true,
    "styles": true,
    "isContainer": false,
    "isModal": false,
    "nestingRule": {
    "childWhitelist": "",
    "parentWhitelist": "",
    "descendantBlacklist": "",
    "ancestorWhitelist": ""
    },
    "isNullNode": false,
    "isLayout": false,
    "rootSelector": "",
    "shortcuts": {},
    "contextMenu": {
    "actions": ["create symbol"],
    "disable": ["copy", "remove"]
    }
    }
    },

    The example here requires modification of the npm description:

    {
      "npm": {
         // Add deconstruction: true
        "destructuring": true
      }
    }
  6. stwflyfox commented on Apr 3, 2025

    @stwflyfox
    ContributorAuthor

    已经可以了

  7. Issues-translate-bot commented on Apr 3, 2025

    @Issues-translate-bot

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


    Already OK

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    questionFurther information is requested

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions