const optDiv = { list: [ { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "input", control: { modelValue: "" }, config: {}, name: "input1696056349902", item: { label: "单行文本" } }] }, { attr: { span: 12 }, list: [ { type: "password", control: { modelValue: "" }, config: {}, name: "input1696056351350", item: { label: "单行文本" } }] }, { list: [ { type: "input", control: { modelValue: "" }, config: {}, name: "shou3ji1hao4ma3", item: { label: "手机号码" }, customRules: [ { type: "mobile", message: "请输入手机号码", trigger: "blur" }] }], attr: { span: 12 } }, { list: [ { type: "input", control: { modelValue: "" }, config: {}, name: "zheng4zheng3shu4", item: { label: "正整数" }, customRules: [ { type: "int", message: "请输入正整数", trigger: "blur" }] }], attr: { span: 12 } }], control: {}, config: {} }, { type: "textarea", control: { modelValue: "" }, config: {}, name: "textarea1696056414270", item: { label: "多行文本", rules: [] } }, { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "radio", control: { modelValue: "" }, options: [ { label: "男", value: "1" }, { label: "女", value: "2" }], config: { optionsType: 0, transformData: "string" }, name: "radio1696056432702", item: { label: "单选框组" } }] }, { attr: { span: 12 }, list: [ { type: "radio", control: { modelValue: "" }, options: [ { label: "已婚", value: "1" }, { label: "未婚", value: "2" }], config: { optionsType: 0, transformData: "number" }, name: "radio1696056434726", item: { label: "单选框组" } }] }], control: {}, config: {} }, { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "checkbox", control: { modelValue: [] }, options: [ { label: "笔", value: "1" }, { label: "墨", value: "2" }, { label: "纸", value: "3" }, { label: "砚", value: "4" }], config: { optionsType: 0 }, name: "checkbox1696056484534", item: { label: "多选框组" } }] }, { attr: { span: 12 }, list: [ { type: "checkbox", control: { modelValue: [] }, options: [ { label: "琴", value: "1" }, { label: "棋", value: "2" }, { label: "书", value: "3" }, { label: "画", value: "4" }], config: { optionsType: 0, transformData: "number" }, name: "checkbox1696056498622", item: { label: "多选框组" } }] }, { list: [ { type: "checkbox", control: { modelValue: [] }, options: [], config: { optionsType: 1, optionsFun: "ok", label: "label", value: "val" }, name: "checkbox1696056591607", item: { label: "多选框组" } }], attr: { span: 12 } }], control: {}, config: {} }, { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "select", control: { modelValue: "", appendToBody: true }, options: [ { label: "东", value: "1" }, { label: "北", value: "2" }, { label: "西", value: "3" }, { label: "南", value: "4" }], config: { optionsType: 0, transformData: "number" }, name: "select1696056760598", item: { label: "下拉选择框" } }] }, { attr: { span: 12 }, list: [ { type: "select", control: { modelValue: [], appendToBody: true, multiple: true }, options: [ { label: "上", value: "1" }, { label: "下", value: "2" }, { label: "左", value: "3" }, { label: "右", value: "4" }], config: { optionsType: 0, transformData: "number" }, name: "select1696056777901", item: { label: "下拉选择框" } }] }], control: {}, config: {} }, { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "datePicker", control: { modelValue: "", type: "year", valueFormat: "x" }, config: {}, name: "nian2", item: { label: "年" } }] }, { attr: { span: 12 }, list: [ { type: "datePicker", control: { modelValue: "", type: "month", valueFormat: "x" }, config: {}, name: "yue4", item: { label: "月" } }] }, { list: [ { type: "datePicker", control: { modelValue: "", type: "date", valueFormat: "x" }, config: {}, name: "ri4qi1", item: { label: "日期" } }], attr: { span: 12 } }, { list: [ { type: "datePicker", control: { modelValue: "", type: "datetime", valueFormat: "x" }, config: {}, name: "ri4qi1shi2jian1", item: { label: "日期时间" } }], attr: { span: 12 }, type: "gridChild" }, { list: [ { type: "datePicker", control: { modelValue: "", type: "week", valueFormat: "x" }, config: {}, name: "zhou1", item: { label: "周" } }], attr: { span: 12 } }, { list: [ { type: "datePicker", control: { modelValue: "", type: "datetimerange", valueFormat: "x" }, config: {}, name: "ri4qi1shi2jian1qu1jian1", item: { label: "日期时间区间" } }], attr: { span: 12 } }, { list: [ { type: "datePicker", control: { modelValue: "", type: "daterange", valueFormat: "x" }, config: {}, name: "ri4qi1qu1jian1", item: { label: "日期区间" } }], attr: { span: 12 } }, { list: [ { type: "datePicker", control: { modelValue: "", type: "monthrange", valueFormat: "x" }, config: {}, name: "yue4qu1jian1", item: { label: "月区间" } }], attr: { span: 12 } }, { list: [ { type: "timePicker", control: { modelValue: "" }, config: {}, name: "timePicker1696057023384", item: { label: "时间选择器" } }], attr: { span: 12 } }, { list: [ { type: "inputNumber", control: { modelValue: 0 }, config: {}, name: "inputNumber1696057034649", item: { label: "计数器" } }], attr: { span: 12 } }], control: {}, config: {} }, { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "colorPicker", control: { modelValue: "", colorFormat: "hsl" }, config: {}, name: "colorPicker1696057060631", item: { label: "取色器" } }] }, { attr: { span: 12 }, list: [ { type: "colorPicker", control: { modelValue: "", colorFormat: "hsv" }, config: {}, name: "colorPicker1696057063173", item: { label: "取色器" } }] }, { list: [ { type: "colorPicker", control: { modelValue: "", colorFormat: "hex" }, config: {}, name: "colorPicker1696057066341", item: { label: "取色器" } }], attr: { span: 12 } }, { list: [ { type: "colorPicker", control: { modelValue: "", colorFormat: "rgb" }, config: {}, name: "colorPicker1696057069348", item: { label: "取色器" } }], attr: { span: 12 } }], control: {}, config: {} }, { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "switch", control: { modelValue: false, activeValue: 1, inactiveValue: 2 }, config: {}, name: "switch1696057096626", item: { label: "开关" } }] }, { attr: { span: 12 }, list: [ { type: "rate", control: { modelValue: 0, max: 5 }, config: {}, name: "rate1696057109699", item: { label: "评分" } }] }], control: {}, config: {} }, { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "cascader", control: { modelValue: [] }, options: [ { value: "1", label: "Guide", children: [ { value: "2", label: "Disciplines", children: [ { value: "3", label: "Consistency" }, { value: "4", label: "Feedback" }, { value: "5", label: "Efficiency" }, { value: "6", label: "Controllability" }] }, { value: "7", label: "Navigation", children: [ { value: "8", label: "Side Navigation" }, { value: "9", label: "Top Navigation" }] }] }, { value: "10", label: "Component", children: [ { value: "11", label: "Basic", children: [ { value: "12", label: "Layout" }, { value: "13", label: "Color" }, { value: "14", label: "Typography" }, { value: "15", label: "Icon" }, { value: "16", label: "Button" }] }, { value: "17", label: "Form", children: [ { value: "18", label: "Radio" }, { value: "19", label: "Checkbox" }, { value: "20", label: "Input" }, { value: "21", label: "InputNumber" }, { value: "22", label: "Select" }, { value: "23", label: "Cascader" }, { value: "24", label: "Switch" }, { value: "25", label: "Slider" }, { value: "26", label: "TimePicker" }, { value: "27", label: "DatePicker" }, { value: "28", label: "DateTimePicker" }, { value: "29", label: "Upload" }, { value: "30", label: "Rate" }, { value: "31", label: "Form" }] }, { value: "32", label: "Data", children: [ { value: "33", label: "Table" }, { value: "34", label: "Tag" }, { value: "35", label: "Progress" }, { value: "36", label: "Tree" }, { value: "37", label: "Pagination" }, { value: "38", label: "Badge" }] }, { value: "39", label: "Notice", children: [ { value: "40", label: "Alert" }, { value: "41", label: "Loading" }, { value: "42", label: "Message" }, { value: "43", label: "MessageBox" }, { value: "44", label: "Notification" }] }, { value: "45", label: "Navigation", children: [ { value: "46", label: "Menu" }, { value: "47", label: "Tabs" }, { value: "48", label: "Breadcrumb" }, { value: "49", label: "Dropdown" }, { value: "50", label: "Steps" }] }, { value: "51", label: "Others", children: [ { value: "52", label: "Dialog" }, { value: "53", label: "Tooltip" }, { value: "54", label: "Popover" }, { value: "55", label: "Card" }, { value: "56", label: "Carousel" }, { value: "57", label: "Collapse" }] }] }, { value: "58", label: "Resource", children: [ { value: "59", label: "Axure Components" }, { value: "60", label: "Sketch Templates" }, { value: "61", label: "Design Documentation" }] }], config: { optionsType: 0, transformData: "number" }, name: "cascader1696057130695", item: { label: "级联选择器" } }] }, { attr: { span: 12 }, list: [ { type: "cascader", control: { modelValue: [] }, options: [ { value: 1, label: "Guide", children: [ { value: 2, label: "Disciplines", children: [ { value: 3, label: "Consistency" }, { value: 4, label: "Feedback" }, { value: 5, label: "Efficiency" }, { value: 6, label: "Controllability" }] }, { value: 7, label: "Navigation", children: [ { value: 8, label: "Side Navigation" }, { value: 9, label: "Top Navigation" }] }] }], config: { optionsType: 0, transformData: "number" }, name: "cascader1696057148654", item: { label: "级联选择器" } }] }], control: {}, config: {} }, { type: "slider", control: { modelValue: 0, min: 0, max: 100, step: 1 }, config: { linkKey: false }, name: "slider1696057260572", item: { label: "滑块" } }, { type: "grid", columns: [ { attr: { span: 12 }, list: [ { type: "treeSelect", control: { modelValue: "", data: [ { label: "Level one 1", children: [ { label: "Level two 1-1", children: [ { label: "Level three 1-1-1" }] }] }, { label: "Level one 2", children: [ { label: "Level two 2-1", children: [ { label: "Level three 2-1-1" }] }, { label: "Level two 2-2", children: [ { label: "Level three 2-2-1" }] }] }, { label: "Level one 3", children: [ { label: "Level two 3-1", children: [ { label: "Level three 3-1-1" }] }, { label: "Level two 3-2", children: [ { label: "Level three 3-2-1" }] }] }], renderAfterExpand: false }, config: { optionsType: 0 }, name: "treeSelect1696057295212", item: { label: "树形控件" } }] }, { attr: { span: 12 }, list: [ { type: "treeSelect", control: { modelValue: [], data: [ { label: "Level one 1", children: [ { label: "Level two 1-1", children: [ { label: "Level three 1-1-1" }] }] }, { label: "Level one 2", children: [ { label: "Level two 2-1", children: [ { label: "Level three 2-1-1" }] }, { label: "Level two 2-2", children: [ { label: "Level three 2-2-1" }] }] }, { label: "Level one 3", children: [ { label: "Level two 3-1", children: [ { label: "Level three 3-1-1" }] }, { label: "Level two 3-2", children: [ { label: "Level three 3-2-1" }] }] }], renderAfterExpand: false, multiple: true }, config: { optionsType: 0, transformData: "number" }, name: "treeSelect1696057297865", item: { label: "树形控件" } }] }], control: {}, config: {} }, { type: "txt", control: { modelValue: "文字" }, config: {} }, { type: "button", control: { label: "保存" }, config: {} }, { type: "title", control: { modelValue: "标题" }, config: {} }, { type: "tabs", columns: [ { label: "子表", list: [ { type: "table", list: [], tableData: [], control: { border: true }, config: { addBtnText: "添加一行" }, name: "table1696057477706" }] }, { label: "弹性布局", list: [ { type: "flex", list: [], tableData: [], control: {}, config: { addBtnText: "添加一行" }, name: "flex1696057495954" }] }], control: {}, config: {} }, { type: "table", list: [ { type: "input", control: { modelValue: "" }, config: {}, name: "input1696057438056", item: { label: "单行文本" } }, { type: "input", control: { modelValue: "" }, config: {}, name: "input1696057440559", item: { label: "单行文本" } }, { type: "input", control: { modelValue: "" }, config: {}, name: "input1696057443486", item: { label: "单行文本" } }], tableData: [], control: { border: true }, config: { addBtnText: "添加一行" }, name: "table1696057434595" }, { type: "divider", control: {}, config: {}, item: { label: "分割线" } }, { type: "div", control: {}, config: {}, list: [ { type: "input", control: { modelValue: "" }, config: {}, name: "input1696057521381", item: { label: "单行文本" } }] }, { type: "card", list: [ { type: "expand-user", control: { modelValue: "" }, config: {}, name: "expand-user1696057511845", item: { label: "选择用户" } }], control: {}, config: {}, item: { label: "卡片布局" } }], form: { size: "default", name: "customer_form_168733253488873472", formName: "未命名表单_168733253488873472" }, config: {} }