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

🐛 [Bug]: elementplus pagination 分页拖拽至画布不显示分页

Open Createyouraccou opened this issue 9 months ago • 6 comments

Environment

Chrome

Version

latest

Version

latest

Link to minimal reproduction

Step to reproduce

1.导入elementplus pagination组件 Snipaste_2024-04-28_10-49-51 2.拖拽分页组件至画布编辑,在画布中不显示,但是大纲树可看到分页节点,右侧配置项也能配置,点击预览也能看到分页组件 Snipaste_2024-04-25_11-32-48 Snipaste_2024-04-25_11-33-21 3.分页组件是英文的,tiny如何导入elementplus中文包?

What is expected

No response

What is actually happening

No response

What is your project name

Any additional comments (optional)

No response

Createyouraccou avatar Apr 28 '24 02:04 Createyouraccou

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


Title: 🐛 [Bug]: dragging elementplus pagination to canvas does not display pagination

Issues-translate-bot avatar Apr 28 '24 02:04 Issues-translate-bot

物料配置片段:

"schema": {
            "properties": [
              {
                "name": "0",
                "label": {
                  "zh_CN": "基础属性"
                },
                "content": [
                  {
                    "property": "total",
                    "label": {
                      "text": {
                        "zh_CN": "total"
                      }
                    },
                    "description": {
                      "zh_CN": "总条目数"
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "labelPosition": "top",
                    "type": "string",
                    "defaultValue": 1000,
                    "widget": {
                      "component": "MetaNumber",
                      "props": {}
                    }
                  },
                  {
                    "property": "layout",
                    "label": {
                      "text": {
                        "zh_CN": "layout"
                      }
                    },
                    "description": {
                      "zh_CN": "尺寸"
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "labelPosition": "top",
                    "type": "string",
                    "defaultValue": "prev,pager,next",
                    "widget": {
                      "component": "MetaInput",
                      "props": {}
                    }
                  }
                ],
                "description": {
                  "zh_CN": ""
                }
              }
            ],}

snippet 配置片段:

{
              "name": {
                "zh_CN": "分页"
              },
              "icon": "input",
              "screenshot": "",
              "snippetName": "ElPagination",
              "schema": {
               // 重点在这里,需要提前配置 props,不然拖拽出来 elememt-plus 分页组件啥都不渲染
                "props": {
                  "total": 1000,
                  "layout":"total, sizes, prev, pager, next"
                }
              }
            }

@Createyouraccou

chilingling avatar Apr 29 '24 01:04 chilingling

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


Material configuration fragment:

"schema": {
            "properties": [
              {
                "name": "0",
                "label": {
                  "zh_CN": "Basic attributes"
                },
                "content": [
                  {
                    "property": "total",
                    "label": {
                      "text": {
                        "zh_CN": "total"
                      }
                    },
                    "description": {
                      "zh_CN": "Total number of entries"
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "labelPosition": "top",
                    "type": "string",
                    "defaultValue": 1000,
                    "widget": {
                      "component": "MetaNumber",
                      "props": {}
                    }
                  },
                  {
                    "property": "layout",
                    "label": {
                      "text": {
                        "zh_CN": "layout"
                      }
                    },
                    "description": {
                      "zh_CN": "size"
                    },
                    "required": true,
                    "readOnly": false,
                    "disabled": false,
                    "cols": 12,
                    "labelPosition": "top",
                    "type": "string",
                    "defaultValue": "prev,pager,next",
                    "widget": {
                      "component": "MetaInput",
                      "props": {}
                    }
                  }
                ],
                "description": {
                  "zh_CN": ""
                }
              }
            ],}

snippet configuration snippet:

{
              "name": {
                "zh_CN": "Page"
              },
              "icon": "input",
              "screenshot": "",
              "snippetName": "ElPagination",
              "schema": {
               //The key point here is that you need to configure props in advance, otherwise the elememt-plus paging component will not render anything after dragging it out.
                "props": {
                  "total": 1000,
                  "layout":"total, sizes, prev, pager, next"
                }
              }
            }

@Createyouraccou

Issues-translate-bot avatar Apr 29 '24 01:04 Issues-translate-bot

{ "id": 1, "version": "2.7.1", "name": { "zh_CN": "分页" }, "component": "ElPagination", "icon": "pager", "description": "数据分页", "doc_url": "", "screenshot": "", "tags": "", "keywords": "", "dev_mode": "proCode", "npm": { "package": "element-plus", "version": "2.7.1", "script": "https://npm.onmicrosoft.cn/[email protected]/dist/index.full.mjs", "css": "https://npm.onmicrosoft.cn/[email protected]/dist/index.css", "dependencies": null, "exportName": "ElPagination" }, "group": "表单组件", "category": "element-plus", "configure": { "loop": true, "condition": true, "styles": true, "isContainer": false, "isModal": false, "isPopper": false, "nestingRule": { "childWhitelist": "", "parentWhitelist": "", "descendantBlacklist": "", "ancestorWhitelist": "" }, "isNullNode": false, "isLayout": false, "rootSelector": "", "shortcuts": { "properties": [ "currentPage", "total" ] }, "contextMenu": { "actions": [ "create symbol" ], "disable": [] }, "invalidity": [ "" ], "clickCapture": true, "framework": "Vue" }, "schema": { "properties": [ { "name": "0", "label": { "zh_CN": "基础属性" }, "description": { "zh_CN": "基础信息" }, "content": [ { "property": "currentPage", "label": { "text": { "zh_CN": "当前页数" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, "widget": { "component": "MetaNumber", "props": {} }, "description": { "zh_CN": "当前页数,支持 .sync 修饰符" }, "labelPosition": "left" }, { "property": "pageSize", "label": { "text": { "zh_CN": "每页条数" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, "widget": { "component": "MetaNumber", "props": {} }, "description": { "zh_CN": "每页显示条目个数" }, "labelPosition": "left" }, { "property": "pageSizes", "label": { "text": { "zh_CN": "可选每页条数" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, "widget": { "component": "MetaCodeEditor", "props": {} }, "description": { "zh_CN": "设置可选择的每页显示条数" } }, { "property": "total", "label": { "text": { "zh_CN": "总条数" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, "widget": { "component": "MetaNumber", "props": {} }, "description": { "zh_CN": "数据总条数" }, "labelPosition": "left" }, { "property": "layout", "label": { "text": { "zh_CN": "布局" } }, "required": true, "readOnly": false, "disabled": false, "cols": 12, "defaultValue": "total,sizes,prev, pager, next,jumper", "widget": { "component": "MetaInput", "props": { "type": "textarea" } }, "description": { "zh_CN": "组件布局,子组件名用逗号分隔" }, "labelPosition": "left" } ] } ], "events": { "onCurrentChange ": { "label": { "zh_CN": "切换页码时触发" }, "description": { "zh_CN": "切换页码时触发" }, "type": "event", "functionInfo": { "params": [ { "name": "value", "type": "string", "defaultValue": "", "description": { "zh_CN": "当前页的值" } } ], "returns": {} }, "defaultValue": "" }, "onSizeChange ": { "label": { "zh_CN": "切换条数时触发" }, "description": { "zh_CN": "切换条数时触发" }, "type": "event", "functionInfo": { "params": [ { "name": "value", "type": "string", "defaultValue": "", "description": { "zh_CN": "当前条的值" } } ], "returns": {} }, "defaultValue": "" }, "onPrevClick ": { "label": { "zh_CN": "点击上一页按钮时触发" }, "description": { "zh_CN": "点击上一页按钮时触发" }, "type": "event", "functionInfo": { "params": [ { "name": "page", "type": "String", "defaultValue": "", "description": { "zh_CN": "当前页的页码值" } } ], "returns": {} }, "defaultValue": "" }, "onNextClick": { "label": { "zh_CN": "点击下一页按钮时触发" }, "description": { "zh_CN": "点击上一页按钮时触发" }, "type": "event", "functionInfo": { "params": [ { "name": "page", "type": "String", "defaultValue": "", "description": { "zh_CN": "当前页的页码值" } } ], "returns": {} }, "defaultValue": "" } }, "slots": { "default": { "label": { "zh_CN": "自定义内容" }, "description": { "zh_CN": "自定义内容" } } } }, "snippets": [ { "name": { "zh_CN": "分页" }, "icon": "pager", "screenshot": "", "snippetName": "ElPagination", "schema": { "componentName": "ElPagination", "props": { "layout": "total, sizes, prev, pager, next,jumper", "total": 100, "pageSize": 10, "currentPage": 1, "pageSizes": [ 10, 20, 50, 100 ] } } } ] }

Createyouraccou avatar Apr 29 '24 08:04 Createyouraccou

方便看看我写的有问题吗?还是不出来,而且如何导入elmentplus中文包?

Createyouraccou avatar Apr 29 '24 08:04 Createyouraccou

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


Could you please check if there is anything wrong with what I wrote? It still doesn’t come out, and how to import the elementplus Chinese package?

Issues-translate-bot avatar Apr 29 '24 08:04 Issues-translate-bot