alibaba / x-render

🚴‍♀️ 阿里 - 很易用的中后台「表单 / 表格 / 图表」解决方案
https://xrender.fun
6.98k stars 988 forks source link

schema中displayType失效 #1414

Closed zxc-github-0201 closed 11 months ago

zxc-github-0201 commented 11 months ago

1.依赖仓库的版本(Dependencies versions)

2.问题描述(Bug description):displayType属性与设置不一致

3.出现问题的 schema demo(Reproduction schema demo)

const schema = {
  {
    "type": "object",
    "labelWidth": 60,
    "column": 3,
    "displayType": "column",
    "properties": {
        "employeeCode": {
            "formLimit": "edit",
            "readOnly": false,
            "required": false,
            "title": "工号",
            "type": "string",
            "widget": "input",
            "readOnlyWidget": "input",
            "hidden": false,
            "displayType": "column"
        },
        "name": {
            "formLimit": "edit",
            "readOnly": false,
            "required": false,
            "placeholder": "请输入姓名",
            "default": "张三",
            "maxLength": 5,
            "title": "姓名",
            "type": "string",
            "widget": "input",
            "readOnlyWidget": "input",
            "hidden": false,
            "displayType": "column"
        },
        "age": {
            "formLimit": "edit",
            "readOnly": false,
            "required": false,
            "placeholder": "年龄",
            "suffix": "岁",
            "max": 60,
            "title": "年龄",
            "type": "number",
            "widget": "InputNumberSelf",
            "readOnlyWidget": "InputNumberSelf",
            "hidden": false,
            "displayType": "row"
        },
        "householdRegistrationPersonalpage": {
            "formLimit": "edit",
            "readOnly": false,
            "required": false,
            "comName": "TableCom1",
            "title": "户口本个人页",
            "type": "any",
            "widget": "CustomCom",
            "readOnlyWidget": "CustomCom",
            "hidden": false,
            "width": "100%",
            "displayType": "column"
        }
    }
}
}

image 设计器效果如上,实际效果如下: image

lhbxs commented 11 months ago

是因为你给年龄单独设置了一个 "displayType": "row" 导致影响了布局

zxc-github-0201 commented 11 months ago

是因为你给年龄单独设置了一个 "displayType": "row" 导致影响了布局

目的就是年龄的标签和值在一行,不支持属性自定义该参数吗