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

[Createyouraccou]

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

[Issues-translate-bot]

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

---

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

[chilingling]

物料配置片段：

"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

[Issues-translate-bot]

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

[Createyouraccou]

{
"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]

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

[Issues-translate-bot]

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?