mirror of
https://gitee.com/baidu/amis.git
synced 2024-12-04 21:08:55 +08:00
amis-saas-9142 [Bug] 测试：【组件优化第六批】列表list外观配置下的是否显示头部/底部属性配置未生效，CSS类名下的头部/底部配置未生效
Change-Id: I52c67da3e7af30aba2dda9264c3cfc59bab1e3a3
This commit is contained in:
jinye
parent
3a6ff794e3
commit
9c1347b20a
@ -68,7 +68,7 @@ export class ListPlugin extends BasePlugin {
|
||||
{
|
||||
children: (
|
||||
<Button
|
||||
level="danger"
|
||||
level="primary"
|
||||
size="sm"
|
||||
block
|
||||
onClick={this.editDetail.bind(this, context.id)}
|
||||
@ -99,7 +99,53 @@ export class ListPlugin extends BasePlugin {
|
||||
pipeIn: defaultValue('没有数据'),
|
||||
type: 'input-text',
|
||||
label: '无数据提示'
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'ae-switch-more',
|
||||
mode: 'normal',
|
||||
formType: 'extend',
|
||||
label: '头部',
|
||||
name: 'showHeader',
|
||||
form: {
|
||||
body: [
|
||||
{
|
||||
children: (
|
||||
<Button
|
||||
level="primary"
|
||||
size="sm"
|
||||
block
|
||||
onClick={this.editHeaderDetail.bind(this, context.id)}
|
||||
>
|
||||
配置头部
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'ae-switch-more',
|
||||
mode: 'normal',
|
||||
formType: 'extend',
|
||||
label: '底部',
|
||||
name: 'showFooter',
|
||||
form: {
|
||||
body: [
|
||||
{
|
||||
children: (
|
||||
<Button
|
||||
level="primary"
|
||||
size="sm"
|
||||
block
|
||||
onClick={this.editFooterDetail.bind(this, context.id)}
|
||||
>
|
||||
配置底部
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
]
|
||||
},
|
||||
getSchemaTpl('status')
|
||||
@ -108,22 +154,6 @@ export class ListPlugin extends BasePlugin {
|
||||
{
|
||||
title: '外观',
|
||||
body: getSchemaTpl('collapseGroup', [
|
||||
{
|
||||
title: '基本',
|
||||
body: [
|
||||
getSchemaTpl('switch', {
|
||||
name: 'showHeader',
|
||||
label: '是否显示头部',
|
||||
pipeIn: defaultValue(true)
|
||||
}),
|
||||
|
||||
getSchemaTpl('switch', {
|
||||
name: 'showFooter',
|
||||
label: '是否显示底部',
|
||||
pipeIn: defaultValue(true)
|
||||
})
|
||||
]
|
||||
},
|
||||
{
|
||||
title: 'CSS类名',
|
||||
body: [
|
||||
@ -191,6 +221,50 @@ export class ListPlugin extends BasePlugin {
|
||||
};
|
||||
}
|
||||
|
||||
editHeaderDetail(id: string) {
|
||||
const manager = this.manager;
|
||||
const store = manager.store;
|
||||
const node = store.getNodeById(id);
|
||||
const value = store.getValueOf(id);
|
||||
|
||||
node &&
|
||||
value &&
|
||||
this.manager.openSubEditor({
|
||||
title: '配置头部',
|
||||
value: value.header,
|
||||
slot: {
|
||||
type: 'container',
|
||||
body: '$$'
|
||||
},
|
||||
onChange: newValue => {
|
||||
newValue = {...value, header: newValue};
|
||||
manager.panelChangeValue(newValue, diff(value, newValue));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
editFooterDetail(id: string) {
|
||||
const manager = this.manager;
|
||||
const store = manager.store;
|
||||
const node = store.getNodeById(id);
|
||||
const value = store.getValueOf(id);
|
||||
|
||||
node &&
|
||||
value &&
|
||||
this.manager.openSubEditor({
|
||||
title: '配置底部',
|
||||
value: value.footer,
|
||||
slot: {
|
||||
type: 'container',
|
||||
body: '$$'
|
||||
},
|
||||
onChange: newValue => {
|
||||
newValue = {...value, footer: newValue};
|
||||
manager.panelChangeValue(newValue, diff(value, newValue));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
editDetail(id: string) {
|
||||
const manager = this.manager;
|
||||
const store = manager.store;
|
||||
|
||||
@ -1,8 +1,8 @@
|
||||
import {resolveVariable} from 'amis';
|
||||
import {Button, resolveVariable} from 'amis';
|
||||
import {RendererPluginAction, RendererPluginEvent} from 'amis-editor-core';
|
||||
import {setVariable} from 'amis-core';
|
||||
|
||||
import {registerEditorPlugin, repeatArray} from 'amis-editor-core';
|
||||
import {registerEditorPlugin, repeatArray, diff} from 'amis-editor-core';
|
||||
import {
|
||||
BasePlugin,
|
||||
BaseEventContext,
|
||||
@ -14,7 +14,7 @@ import {
|
||||
InsertEventContext,
|
||||
ScaffoldForm
|
||||
} from 'amis-editor-core';
|
||||
import {defaultValue, getSchemaTpl} from 'amis-editor-core';
|
||||
import {defaultValue, getSchemaTpl, tipedLabel} from 'amis-editor-core';
|
||||
import {mockValue} from 'amis-editor-core';
|
||||
import {EditorNodeType} from 'amis-editor-core';
|
||||
import {SchemaObject} from 'amis/lib/Schema';
|
||||
@ -361,11 +361,63 @@ export class TablePlugin extends BasePlugin {
|
||||
|
||||
{
|
||||
name: 'combineNum',
|
||||
label: '自动合并单元格',
|
||||
type: 'input-number',
|
||||
placeholder: '设置列数',
|
||||
description:
|
||||
label: tipedLabel(
|
||||
'自动合并单元格',
|
||||
'设置从左到右多少列内启用自动合并单元格，根据字段值是否相同来决定是否合并。'
|
||||
),
|
||||
type: 'input-number',
|
||||
labelAlign: 'left',
|
||||
horizontal: {
|
||||
left: 5,
|
||||
right: 7
|
||||
},
|
||||
placeholder: '设置列数'
|
||||
},
|
||||
{
|
||||
type: 'ae-switch-more',
|
||||
mode: 'normal',
|
||||
formType: 'extend',
|
||||
label: '头部',
|
||||
name: 'showHeader',
|
||||
form: {
|
||||
body: [
|
||||
{
|
||||
children: (
|
||||
<Button
|
||||
level="primary"
|
||||
size="sm"
|
||||
block
|
||||
onClick={this.editHeaderDetail.bind(this, context.id)}
|
||||
>
|
||||
配置头部
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
]
|
||||
}
|
||||
},
|
||||
{
|
||||
type: 'ae-switch-more',
|
||||
mode: 'normal',
|
||||
formType: 'extend',
|
||||
label: '底部',
|
||||
name: 'showFooter',
|
||||
form: {
|
||||
body: [
|
||||
{
|
||||
children: (
|
||||
<Button
|
||||
level="primary"
|
||||
size="sm"
|
||||
block
|
||||
onClick={this.editFooterDetail.bind(this, context.id)}
|
||||
>
|
||||
配置底部
|
||||
</Button>
|
||||
)
|
||||
}
|
||||
]
|
||||
}
|
||||
}
|
||||
|
||||
// {
|
||||
@ -414,9 +466,12 @@ export class TablePlugin extends BasePlugin {
|
||||
label: '展示列显示开关',
|
||||
type: 'button-group-select',
|
||||
pipeIn: defaultValue('auto'),
|
||||
mode: 'inline',
|
||||
className: 'w-full',
|
||||
size: 'xs',
|
||||
size: 'sm',
|
||||
labelAlign: 'left',
|
||||
horizontal: {
|
||||
left: 5,
|
||||
right: 7
|
||||
},
|
||||
options: [
|
||||
{
|
||||
label: '自动',
|
||||
@ -442,23 +497,12 @@ export class TablePlugin extends BasePlugin {
|
||||
pipeIn: defaultValue(true)
|
||||
}),
|
||||
|
||||
getSchemaTpl('switch', {
|
||||
name: 'showHeader',
|
||||
label: '是否显示头部',
|
||||
pipeIn: defaultValue(true)
|
||||
}),
|
||||
|
||||
getSchemaTpl('switch', {
|
||||
name: 'showFooter',
|
||||
label: '是否显示底部',
|
||||
pipeIn: defaultValue(true)
|
||||
}),
|
||||
|
||||
getSchemaTpl('switch', {
|
||||
name: 'footable',
|
||||
label: '是否开启单条底部展示',
|
||||
description:
|
||||
'如果列太多显示会很臃肿，可以考虑把部分列放在当前行的底部展示',
|
||||
label: tipedLabel(
|
||||
'是否开启单条底部展示',
|
||||
'如果列太多显示会很臃肿，可以考虑把部分列放在当前行的底部展示'
|
||||
),
|
||||
pipeIn: (value: any) => !!value
|
||||
}),
|
||||
|
||||
@ -660,6 +704,50 @@ export class TablePlugin extends BasePlugin {
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
editHeaderDetail(id: string) {
|
||||
const manager = this.manager;
|
||||
const store = manager.store;
|
||||
const node = store.getNodeById(id);
|
||||
const value = store.getValueOf(id);
|
||||
|
||||
node &&
|
||||
value &&
|
||||
this.manager.openSubEditor({
|
||||
title: '配置头部',
|
||||
value: value.header,
|
||||
slot: {
|
||||
type: 'container',
|
||||
body: '$$'
|
||||
},
|
||||
onChange: newValue => {
|
||||
newValue = {...value, header: newValue};
|
||||
manager.panelChangeValue(newValue, diff(value, newValue));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
editFooterDetail(id: string) {
|
||||
const manager = this.manager;
|
||||
const store = manager.store;
|
||||
const node = store.getNodeById(id);
|
||||
const value = store.getValueOf(id);
|
||||
|
||||
node &&
|
||||
value &&
|
||||
this.manager.openSubEditor({
|
||||
title: '配置底部',
|
||||
value: value.footer,
|
||||
slot: {
|
||||
type: 'container',
|
||||
body: '$$'
|
||||
},
|
||||
onChange: newValue => {
|
||||
newValue = {...value, footer: newValue};
|
||||
manager.panelChangeValue(newValue, diff(value, newValue));
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
registerEditorPlugin(TablePlugin);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user