JLNTV_IPD/tmagic-editor
4
0
Fork 0
mirror of https://github.com/Tencent/tmagic-editor.git synced 2025-04-05 19:41:40 +08:00
Code Issues Projects Releases Wiki Activity

feat(editor): 样式添加display配置，右侧边栏最小值设置成420

Browse Source
This commit is contained in:
roymondchen 2024-12-18 16:01:45 +08:00
parent 957b0d9b40
commit 712e317e40
2 changed files with 25 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/editor/src/layouts/Framework.vue
View File

@ -20,7 +20,7 @@
v-model:left="columnWidth.left"
v-model:right="columnWidth.right"
:min-left="65"
:min-right="320"
:min-right="420"
:min-center="100"
:width="frameworkRect?.width || 0"
@change="columnWidthChange"

24
packages/editor/src/utils/props.ts
View File

@ -115,6 +115,27 @@ export const styleTabConfig: TabPaneConfig = {
type: 'fieldset',
legend: '盒子',
items: [
{
type: 'data-source-field-select',
name: 'display',
text: 'display',
checkStrictly: false,
dataSourceFieldType: ['string'],
fieldConfig: {
type: 'select',
clearable: true,
allowCreate: true,
options: [
{ text: 'block', value: 'block' },
{ text: 'flex', value: 'flex' },
{ text: 'none', value: 'none' },
{ text: 'inline-block', value: 'inline-block' },
{ text: 'grid', value: 'grid' },
{ text: 'inline', value: 'inline' },
{ text: 'initial', value: 'initial' },
],
},
},
{
type: 'data-source-field-select',
name: 'width',
@ -143,6 +164,8 @@ export const styleTabConfig: TabPaneConfig = {
dataSourceFieldType: ['string'],
fieldConfig: {
type: 'select',
clearable: true,
allowCreate: true,
options: [
{ text: 'visible', value: 'visible' },
{ text: 'hidden', value: 'hidden' },
@ -150,6 +173,7 @@ export const styleTabConfig: TabPaneConfig = {
{ text: 'scroll', value: 'scroll' },
{ text: 'auto', value: 'auto' },
{ text: 'overlay', value: 'overlay' },
{ text: 'initial', value: 'initial' },
],
},
},