From 1a75cd413ca6676d6898272c392e94cc44593735 Mon Sep 17 00:00:00 2001 From: Gene Date: Tue, 15 Oct 2024 15:41:27 +0800 Subject: [PATCH] refactor(styles): apply new styles to props panel (#830) * refactor: apply new styles to props panel --- designer-demo/public/mock/bundle.json | 883 +++++++----------- packages/common/component/ConfigItem.vue | 6 +- packages/common/component/MetaChildItem.vue | 28 +- packages/common/component/MetaCodeEditor.vue | 12 +- packages/common/component/MetaList.vue | 9 + packages/common/component/MetaListItem.vue | 16 +- .../ArrayItemConfigurator.vue | 53 +- .../ButtonGroupConfigurator.vue | 53 +- .../CheckBoxConfigurator.vue | 20 +- .../color-configurator/ColorConfigurator.vue | 3 +- packages/design-core/assets/border-all.svg | 26 +- packages/design-core/assets/border-bottom.svg | 35 +- packages/design-core/assets/border-left.svg | 35 +- packages/design-core/assets/border-right.svg | 35 +- packages/design-core/assets/border-top.svg | 35 +- packages/plugins/materials/src/js/options.js | 9 +- .../src/components/border/BorderGroup.vue | 512 +++++----- .../src/components/buttons/ButtonGroup.vue | 90 ++ .../settings/styles/src/components/index.js | 1 + packages/theme/base/src/component-common.less | 5 +- 20 files changed, 895 insertions(+), 971 deletions(-) create mode 100644 packages/settings/styles/src/components/buttons/ButtonGroup.vue diff --git a/designer-demo/public/mock/bundle.json b/designer-demo/public/mock/bundle.json index f60003e40..700964c4a 100644 --- a/designer-demo/public/mock/bundle.json +++ b/designer-demo/public/mock/bundle.json @@ -88,10 +88,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { - "component": "MyInputConfigurator", + "component": "InputConfigurator", "props": {} } }, @@ -109,7 +109,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "defaultValue": "default", "widget": { @@ -146,7 +146,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -167,7 +167,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "I18nConfigurator", @@ -189,7 +189,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "number", "widget": { "component": "NumberConfigurator", @@ -211,11 +211,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -380,7 +380,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "defaultValue": "default", "widget": { @@ -417,7 +417,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -438,10 +438,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -460,10 +460,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -482,10 +482,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -504,10 +504,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -526,10 +526,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -548,10 +548,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -570,10 +570,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -592,11 +592,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -716,7 +716,6 @@ "disabled": false, "cols": 12, "labelPosition": "top", - "type": "object", "widget": { "component": "CodeConfigurator", "props": { @@ -739,7 +738,6 @@ "disabled": false, "cols": 12, "labelPosition": "top", - "type": "object", "widget": { "component": "CodeConfigurator", "props": { @@ -761,10 +759,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -782,7 +780,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "defaultValue": "right", "widget": { @@ -819,7 +817,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -841,7 +839,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -863,10 +861,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -884,11 +882,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "defaultValue": "left", "widget": { - "component": "SelectConfigurator", + "component": "ButtonGroupConfigurator", "props": { "options": [ { @@ -917,11 +915,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": true, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -939,11 +937,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -961,11 +959,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -983,11 +981,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": true, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -1005,7 +1003,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "defaultValue": "default", "widget": { @@ -1042,11 +1040,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -1065,11 +1063,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "device": [] @@ -1184,7 +1182,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -1205,7 +1203,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -1226,7 +1224,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -1247,10 +1245,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -1269,7 +1267,6 @@ "disabled": false, "cols": 12, "labelPosition": "top", - "type": "object", "widget": { "component": "CodeConfigurator", "props": { @@ -1291,7 +1288,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -1312,10 +1309,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -1333,10 +1330,10 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -1354,7 +1351,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "defaultValue": "default", "widget": { @@ -1391,7 +1388,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -1412,7 +1409,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "SelectConfigurator", @@ -1549,7 +1546,6 @@ "disabled": false, "cols": 12, "labelPosition": "top", - "type": "array", "widget": { "component": "CodeConfigurator", "props": { @@ -1755,7 +1751,7 @@ { "property": "sortable", "type": "boolean", - "labelPosition": "top", + "labelPosition": "left", "label": { "text": { "zh_CN": "sortable" @@ -1767,7 +1763,7 @@ } }, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -1835,7 +1831,7 @@ { "property": "resizable", "type": "boolean", - "labelPosition": "top", + "labelPosition": "left", "defaultValue": true, "label": { "text": { @@ -1848,7 +1844,7 @@ } }, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -1877,7 +1873,7 @@ { "property": "show-overflow-tooltip", "type": "boolean", - "labelPosition": "top", + "labelPosition": "left", "defaultValue": true, "label": { "text": { @@ -1890,7 +1886,7 @@ } }, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2027,7 +2023,7 @@ { "property": "reserve-selection", "type": "boolean", - "labelPosition": "top", + "labelPosition": "left", "defaultValue": true, "label": { "text": { @@ -2040,7 +2036,7 @@ } }, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2088,7 +2084,7 @@ { "property": "filter-multiple", "type": "string", - "labelPosition": "top", + "labelPosition": "left", "defaultValue": true, "label": { "text": { @@ -2101,7 +2097,7 @@ } }, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2180,7 +2176,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "number", "widget": { "component": "NumberConfigurator", @@ -2202,7 +2198,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "widget": { "component": "InputConfigurator", @@ -2224,11 +2220,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2246,11 +2242,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2268,7 +2264,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "type": "string", "defaultValue": "default", "widget": { @@ -2305,11 +2301,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": true, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2327,11 +2323,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": true, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2349,11 +2345,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2393,7 +2389,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "widget": { "component": "InputConfigurator", "props": {} @@ -2435,7 +2431,7 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "widget": { "component": "InputConfigurator", "props": {} @@ -2489,11 +2485,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } }, @@ -2511,11 +2507,11 @@ "readOnly": false, "disabled": false, "cols": 12, - "labelPosition": "top", + "labelPosition": "left", "defaultValue": false, "type": "boolean", "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} } } @@ -2825,12 +2821,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "name", @@ -2849,7 +2839,8 @@ }, "description": { "zh_CN": "幻灯片的名字，可用作 setActiveItem 的参数" - } + }, + "labelPosition": "left" }, { "property": "title", @@ -2868,7 +2859,8 @@ }, "description": { "zh_CN": "幻灯片的标题" - } + }, + "labelPosition": "left" }, { "property": "indicator-position", @@ -2882,7 +2874,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SelectConfigurator", + "component": "ButtonGroupConfigurator", "props": { "options": [ { @@ -2898,7 +2890,8 @@ }, "description": { "zh_CN": "指示器的位置" - } + }, + "labelPosition": "left" } ] } @@ -2969,12 +2962,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "arrow", @@ -3022,12 +3009,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否自动切换" - } + }, + "labelPosition": "left" }, { "property": "tabs", @@ -3150,12 +3138,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否循环显示" - } + }, + "labelPosition": "left" }, { "property": "show-title", @@ -3169,12 +3158,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否显示标题" - } + }, + "labelPosition": "left" }, { "property": "trigger", @@ -3304,12 +3294,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "children", @@ -3348,7 +3332,8 @@ }, "description": { "zh_CN": "指定链接的 URL" - } + }, + "labelPosition": "left" }, { "property": "target", @@ -3362,7 +3347,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SelectConfigurator", + "component": "ButtonGroupConfigurator", "props": { "options": [ { @@ -3461,12 +3446,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "children", @@ -3572,12 +3551,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "children", @@ -3673,12 +3646,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "type", @@ -3953,12 +3920,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "src", @@ -4029,12 +3990,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否显示控件" - } + }, + "labelPosition": "left" }, { "property": "autoplay", @@ -4048,12 +4010,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否马上播放" - } + }, + "labelPosition": "left" }, { "property": "attributes3", @@ -4128,12 +4091,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "src", @@ -4213,12 +4170,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "attributes3", @@ -4294,12 +4245,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "width", @@ -4410,12 +4355,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "colspan", @@ -4526,12 +4465,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "name", @@ -4655,12 +4588,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "for", @@ -4744,12 +4671,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "data", @@ -4804,7 +4725,8 @@ }, "description": { "zh_CN": "组件大小" - } + }, + "labelPosition": "left" }, { "property": "plain", @@ -4818,12 +4740,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否是朴素按钮" - } + }, + "labelPosition": "left" }, { "property": "disabled", @@ -4837,12 +4760,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" } ] } @@ -4912,12 +4836,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "layout", @@ -4982,12 +4900,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否为flex容器" - } + }, + "labelPosition": "left" }, { "property": "gutter", @@ -5075,12 +4994,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "disabled", @@ -5094,12 +5007,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" }, { "property": "label-width", @@ -5133,12 +5047,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "行内布局模式，默认为 false" - } + }, + "labelPosition": "left" }, { "property": "label-align", @@ -5152,7 +5067,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -5177,7 +5092,8 @@ }, "description": { "zh_CN": "表单中标签后缀" - } + }, + "labelPosition": "left" }, { "property": "label-position", @@ -5211,7 +5127,8 @@ }, "description": { "zh_CN": "表单中标签的布局位置" - } + }, + "labelPosition": "left" } ] }, @@ -5239,7 +5156,7 @@ "description": { "zh_CN": "表单数据对象" }, - "labelPosition": "left" + "labelPosition": "top" }, { "property": "rules", @@ -5258,7 +5175,8 @@ }, "description": { "zh_CN": "表单验证规则" - } + }, + "labelPosition": "top" } ], "description": { @@ -5438,12 +5356,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "label", @@ -5483,7 +5395,8 @@ }, "description": { "zh_CN": "表单域 model 字段，在使用 validate、resetFields 方法的情况下，该属性是必填的" - } + }, + "labelPosition": "left" }, { "property": "required", @@ -5497,7 +5410,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -5585,12 +5498,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "span", @@ -5877,12 +5784,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "text", @@ -5904,7 +5805,8 @@ }, "description": { "zh_CN": "按钮文字" - } + }, + "labelPosition": "left" }, { "property": "size", @@ -5945,7 +5847,8 @@ }, "description": { "zh_CN": "按钮大小" - } + }, + "labelPosition": "left" }, { "property": "disabled", @@ -5959,7 +5862,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6034,7 +5937,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6054,7 +5957,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6079,7 +5982,8 @@ }, "description": { "zh_CN": "设置禁用时间，防止重复提交，单位毫秒" - } + }, + "labelPosition": "left" }, { "property": "circle", @@ -6093,7 +5997,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6113,7 +6017,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6133,7 +6037,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6227,12 +6131,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -6282,7 +6180,8 @@ }, "description": { "zh_CN": "设置input框的type属性" - } + }, + "labelPosition": "left" }, { "property": "rows", @@ -6296,7 +6195,8 @@ }, "description": { "zh_CN": "输入框行数，只对 type='textarea' 有效" - } + }, + "labelPosition": "left" }, { "property": "placeholder", @@ -6330,7 +6230,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6350,12 +6250,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" }, { "property": "size", @@ -6389,7 +6290,8 @@ }, "description": { "zh_CN": "输入框尺寸。该属性的可选值为 medium / small / mini" - } + }, + "labelPosition": "left" } ] }, @@ -6416,8 +6318,7 @@ }, "description": { "zh_CN": "设置 input 框的maxLength" - }, - "labelPosition": "left" + } }, { "property": "autofocus", @@ -6431,7 +6332,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6652,12 +6553,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "text", @@ -6727,12 +6622,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" } ] }, @@ -6756,12 +6652,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否显示边框" - } + }, + "labelPosition": "left" }, { "property": "size", @@ -6901,12 +6798,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -6960,7 +6851,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -6980,7 +6871,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7000,12 +6891,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" }, { "property": "options", @@ -7027,7 +6919,7 @@ "description": { "zh_CN": "配置 Select 下拉数据项" }, - "labelPosition": "left" + "labelPosition": "top" }, { "property": "multiple", @@ -7041,7 +6933,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7109,7 +7001,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7319,12 +7211,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "disabled", @@ -7338,7 +7224,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7363,7 +7249,8 @@ }, "description": { "zh_CN": "绑定默认值" - } + }, + "labelPosition": "left" }, { "property": "true-value", @@ -7417,7 +7304,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7531,12 +7418,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -7570,7 +7451,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7610,7 +7491,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7630,7 +7511,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7658,7 +7539,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7678,7 +7559,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7820,12 +7701,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -7859,12 +7734,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" }, { "property": "checked", @@ -7878,7 +7754,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -7926,12 +7802,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否显示边框" - } + }, + "labelPosition": "left" }, { "property": "false-label", @@ -7950,7 +7827,8 @@ }, "description": { "zh_CN": "没有选中时的值" - } + }, + "labelPosition": "left" }, { "property": "true-label", @@ -7969,7 +7847,8 @@ }, "description": { "zh_CN": "选中时的值" - } + }, + "labelPosition": "left" } ], "description": { @@ -8089,12 +7968,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -8128,12 +8001,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" }, { "property": "checked", @@ -8147,7 +8021,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -8290,12 +8164,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -8331,12 +8199,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" }, { "property": "options", @@ -8363,7 +8232,8 @@ }, "description": { "zh_CN": "checkbox组件列表" - } + }, + "labelPosition": "top" }, { "property": "type", @@ -8377,7 +8247,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SelectConfigurator", + "component": "ButtonGroupConfigurator", "props": { "options": [ { @@ -8511,12 +8381,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "title", @@ -8550,7 +8414,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -8590,12 +8454,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否开启弹窗的拖拽功能，默认值为 false 。" - } + }, + "labelPosition": "left" }, { "property": "center", @@ -8609,7 +8474,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -8649,7 +8514,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -8669,12 +8534,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否显示关闭按钮，默认值为 true 。" - } + }, + "labelPosition": "left" } ] } @@ -8801,12 +8667,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "showEditIcon", @@ -8820,7 +8680,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -8882,7 +8742,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -8902,7 +8762,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -9098,12 +8958,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "name", @@ -9223,12 +9077,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "separator", @@ -9269,7 +9117,8 @@ }, "description": { "zh_CN": "单独使用 Breadcrumb，通过 option 配置生成面包屑" - } + }, + "labelPosition": "top" }, { "property": "textField", @@ -9288,7 +9137,8 @@ }, "description": { "zh_CN": "指定面包屑的显示键值，结合 options 使用" - } + }, + "labelPosition": "left" } ] } @@ -9375,12 +9225,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "to", @@ -9479,12 +9323,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -9503,8 +9341,7 @@ }, "description": { "zh_CN": "双向绑定当前激活的面板" - }, - "labelPosition": "left" + } } ] } @@ -9621,12 +9458,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "name", @@ -9746,12 +9577,6 @@ "description": { "zh_CN": "基础属性" }, - "collapse": { - "number": 15, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "data", @@ -9773,7 +9598,8 @@ "onChange": "this.delProp('fetchData')", "description": { "zh_CN": "设置表格的数据" - } + }, + "labelPosition": "top" }, { "property": "columns", @@ -9830,9 +9656,10 @@ } }, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} - } + }, + "labelPosition": "left" }, { "property": "width", @@ -10054,7 +9881,7 @@ "description": { "zh_CN": "设置内置列的内容超出部分显示省略号配置，该属性的可选值为 ellipsis（只显示省略号）/ title（显示为原生 title）/ tooltip（显示为 tooltip 提示）" }, - "labelPosition": "left" + "labelPosition": "top" } ] } @@ -10096,7 +9923,8 @@ }, "description": { "zh_CN": "服务端数据查询方法" - } + }, + "labelPosition": "top" }, { "property": "pager", @@ -10123,7 +9951,8 @@ }, "description": { "zh_CN": "分页配置，需结合fetchData使用" - } + }, + "labelPosition": "top" }, { "property": "resizable", @@ -10137,7 +9966,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -10186,8 +10015,7 @@ }, "description": { "zh_CN": "表格行数据复选框配置项" - }, - "labelPosition": "left" + } }, { "property": "edit-rules", @@ -10207,7 +10035,7 @@ "description": { "zh_CN": "表格校验规则配置项" }, - "labelPosition": "left" + "labelPosition": "top" }, { "property": "edit-config", @@ -10226,7 +10054,8 @@ }, "description": { "zh_CN": "表格编辑配置项" - } + }, + "labelPosition": "top" }, { "property": "expand-config", @@ -10246,7 +10075,7 @@ "description": { "zh_CN": "展开行配置项" }, - "labelPosition": "left" + "labelPosition": "top" }, { "property": "sortable", @@ -10260,7 +10089,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -10277,12 +10106,6 @@ "description": { "zh_CN": "其他属性" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "auto-resize", @@ -10296,7 +10119,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -10316,7 +10139,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -10336,7 +10159,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -10356,7 +10179,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -10376,7 +10199,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -10402,7 +10225,7 @@ "description": { "zh_CN": "给行附加 className，也可以是函数 Function({seq, row, rowIndex, $rowIndex})" }, - "labelPosition": "left" + "labelPosition": "top" }, { "property": "max-height", @@ -10421,8 +10244,7 @@ }, "description": { "zh_CN": "设置表格内容区域（不含表格头部，底部）的最大高度。" - }, - "labelPosition": "left" + } }, { "property": "row-span", @@ -10442,7 +10264,7 @@ "description": { "zh_CN": "设置行合并,该属性仅适用于普通表格，不可与 tree-config 同时使用" }, - "labelPosition": "left" + "labelPosition": "top" } ] } @@ -10686,12 +10508,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "currentPage", @@ -10933,12 +10749,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -10992,7 +10802,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -11012,12 +10822,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" } ] }, @@ -11065,7 +10876,7 @@ "description": { "zh_CN": "当弹出面板配置的是表格时，设置弹出面板中的过滤条件" }, - "labelPosition": "left" + "labelPosition": "top" }, { "property": "grid-op", @@ -11084,8 +10895,7 @@ }, "description": { "zh_CN": "设置弹出面板中表格组件的配置信息" - }, - "labelPosition": "left" + } }, { "property": "pager-op", @@ -11105,7 +10915,7 @@ "description": { "zh_CN": "设置弹出编辑框中分页配置" }, - "labelPosition": "left" + "labelPosition": "top" }, { "property": "multi", @@ -11119,7 +10929,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -11139,12 +10949,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "当 popseletor 为 grid 时才能生效，配置为 true 后还需配置 pagerOp 属性" - } + }, + "labelPosition": "left" } ], "description": { @@ -11309,12 +11120,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 10, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "show-checkbox", @@ -11328,7 +11133,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -11363,7 +11168,8 @@ }, "description": { "zh_CN": "可配置静态数据源和动态数据源" - } + }, + "labelPosition": "top" }, { "property": "node-key", @@ -11419,7 +11225,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -11445,7 +11251,7 @@ "description": { "zh_CN": "节点展开图标" }, - "labelPosition": "left" + "labelPosition": "top" }, { "property": "shrink-icon", @@ -11465,7 +11271,7 @@ "description": { "zh_CN": "节点收缩的图标" }, - "labelPosition": "left" + "labelPosition": "top" } ] }, @@ -11487,7 +11293,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -11513,7 +11319,7 @@ "description": { "zh_CN": "节点筛选函数" }, - "labelPosition": "left" + "labelPosition": "top" } ], "description": { @@ -11657,12 +11463,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "horizontal", @@ -11685,12 +11485,13 @@ "readOnly": false, "disabled": false, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "节点和文字横向布局" - } + }, + "labelPosition": "left" }, { "property": "vertical", @@ -11713,12 +11514,13 @@ "readOnly": false, "disabled": false, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "节点和文字垂直布局" - } + }, + "labelPosition": "left" }, { "property": "active", @@ -11774,7 +11576,7 @@ "description": { "zh_CN": "时间线步骤条数据" }, - "labelPosition": "left" + "labelPosition": "top" } ] } @@ -11876,12 +11678,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 20, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "placement", @@ -11972,7 +11768,8 @@ }, "description": { "zh_CN": "显示的内容，也可以通过 slot#content 传入 DOM" - } + }, + "labelPosition": "left" }, { "property": "render-content", @@ -12006,12 +11803,13 @@ "defaultValue": true, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "状态是否可见" - } + }, + "labelPosition": "left" }, { "property": "manual", @@ -12022,12 +11820,13 @@ }, "defaultValue": true, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "手动控制模式，设置为 true 后，mouseenter 和 mouseleave 事件将不会生效" - } + }, + "labelPosition": "left" } ] } @@ -12108,12 +11907,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -12127,7 +11920,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -12242,7 +12035,8 @@ }, "description": { "zh_CN": "触发方式，该属性的可选值为 click / focus / hover / manual，该属性的默认值为 click" - } + }, + "labelPosition": "left" }, { "property": "popper-class", @@ -12276,12 +12070,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否显示 Tooltip 箭头" - } + }, + "labelPosition": "left" }, { "property": "append-to-body", @@ -12295,12 +12090,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "Popover弹窗是否添加到body上" - } + }, + "labelPosition": "left" }, { "property": "arrow-offset", @@ -12338,7 +12134,8 @@ }, "description": { "zh_CN": "触发方式为 hover 时的隐藏延迟，单位为毫秒" - } + }, + "labelPosition": "left" }, { "property": "content", @@ -12357,7 +12154,8 @@ }, "description": { "zh_CN": "显示的内容，也可以通过 slot 传入 DOM" - } + }, + "labelPosition": "left" }, { "property": "disabled", @@ -12371,12 +12169,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "Popover 是否可用" - } + }, + "labelPosition": "left" }, { "property": "offset", @@ -12395,7 +12194,8 @@ }, "description": { "zh_CN": "出现位置的偏移量" - } + }, + "labelPosition": "left" }, { "property": "open-delay", @@ -12414,7 +12214,8 @@ }, "description": { "zh_CN": "触发方式为 hover 时的显示延迟，单位为毫秒" - } + }, + "labelPosition": "left" }, { "property": "popper-options", @@ -12433,7 +12234,8 @@ }, "description": { "zh_CN": "popper.js 的参数" - } + }, + "labelPosition": "top" }, { "property": "title", @@ -12452,7 +12254,8 @@ }, "description": { "zh_CN": "提示内容标题" - } + }, + "labelPosition": "left" }, { "property": "transform-origin", @@ -12466,12 +12269,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "组件的旋转中心点,组件的旋转中心点" - } + }, + "labelPosition": "left" }, { "property": "transition", @@ -12490,7 +12294,8 @@ }, "description": { "zh_CN": "该属性的默认值为 fade-in-linear" - } + }, + "labelPosition": "left" }, { "property": "width", @@ -12509,7 +12314,8 @@ }, "description": { "zh_CN": "宽度" - } + }, + "labelPosition": "left" } ] } @@ -12604,12 +12410,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -12667,7 +12467,8 @@ }, "description": { "zh_CN": "设置日期框的type属性" - } + }, + "labelPosition": "left" }, { "property": "placeholder", @@ -12701,7 +12502,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -12721,12 +12522,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" }, { "property": "readonly", @@ -12740,12 +12542,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否只读" - } + }, + "labelPosition": "left" }, { "property": "size", @@ -12779,7 +12582,8 @@ }, "description": { "zh_CN": "日期框尺寸。该属性的可选值为 medium / small / mini" - } + }, + "labelPosition": "left" } ] }, @@ -12806,8 +12610,7 @@ }, "description": { "zh_CN": "设置 input 框的maxLength" - }, - "labelPosition": "left" + } }, { "property": "autofocus", @@ -12821,7 +12624,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -13030,12 +12833,6 @@ "description": { "zh_CN": "基础信息" }, - "collapse": { - "number": 6, - "text": { - "zh_CN": "显示更多" - } - }, "content": [ { "property": "modelValue", @@ -13088,7 +12885,7 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { @@ -13108,12 +12905,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否禁用" - } + }, + "labelPosition": "left" }, { "property": "size", @@ -13147,7 +12945,8 @@ }, "description": { "zh_CN": "输入框尺寸。该属性的可选值为 medium / small / mini" - } + }, + "labelPosition": "left" }, { "property": "controls", @@ -13161,12 +12960,13 @@ "disabled": false, "cols": 12, "widget": { - "component": "SwitchConfigurator", + "component": "CheckBoxConfigurator", "props": {} }, "description": { "zh_CN": "是否使用加减按钮" - } + }, + "labelPosition": "left" }, { "property": "controls-position", @@ -13196,8 +12996,7 @@ }, "description": { "zh_CN": "加减按钮位置" - }, - "labelPosition": "left" + } }, { "property": "precision", diff --git a/packages/common/component/ConfigItem.vue b/packages/common/component/ConfigItem.vue index 8fcd276d4..57271c712 100644 --- a/packages/common/component/ConfigItem.vue +++ b/packages/common/component/ConfigItem.vue @@ -244,6 +244,10 @@ export default { }) const labelPosition = computed(() => { + if (!showLabel.value) { + return 'none' + } + if (props.property.labelPosition) { return props.property.labelPosition } @@ -524,7 +528,7 @@ export default { .item-label { color: var(--ti-lowcode-meta-config-item-label-color); - font-size: 14px; + font-size: 12px; display: flex; line-height: 18px; } diff --git a/packages/common/component/MetaChildItem.vue b/packages/common/component/MetaChildItem.vue index 1278de0e2..a0441b136 100644 --- a/packages/common/component/MetaChildItem.vue +++ b/packages/common/component/MetaChildItem.vue @@ -1,5 +1,6 @@ diff --git a/packages/configurator/src/color-configurator/ColorConfigurator.vue b/packages/configurator/src/color-configurator/ColorConfigurator.vue index b665ebd17..42542c7c3 100644 --- a/packages/configurator/src/color-configurator/ColorConfigurator.vue +++ b/packages/configurator/src/color-configurator/ColorConfigurator.vue @@ -1,6 +1,6 @@