feat: improve code
This commit is contained in:
parent
7733e4d5fa
commit
53fa47c56f
@ -80,12 +80,6 @@ const schema: ISchema = {
|
||||
// accept: 'jpg,png'
|
||||
},
|
||||
},
|
||||
showLogoOnly: {
|
||||
type: 'boolean',
|
||||
'x-decorator': 'FormItem',
|
||||
'x-component': 'Checkbox',
|
||||
'x-content': '只显示 LOGO',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
|
@ -316,16 +316,16 @@ const schema: ISchema = {
|
||||
properties: {
|
||||
title: {
|
||||
type: 'string',
|
||||
title: '权限名称',
|
||||
'x-component': 'Input',
|
||||
'x-decorator': 'FormilyFormItem',
|
||||
},
|
||||
name: {
|
||||
type: 'string',
|
||||
title: '权限标识',
|
||||
title: '权限组名称',
|
||||
'x-component': 'Input',
|
||||
'x-decorator': 'FormilyFormItem',
|
||||
},
|
||||
// name: {
|
||||
// type: 'string',
|
||||
// title: '权限组标识',
|
||||
// 'x-component': 'Input',
|
||||
// 'x-decorator': 'FormilyFormItem',
|
||||
// },
|
||||
},
|
||||
},
|
||||
},
|
||||
@ -334,7 +334,7 @@ const schema: ISchema = {
|
||||
},
|
||||
column1: {
|
||||
type: 'void',
|
||||
title: '权限名称',
|
||||
title: '权限组名称',
|
||||
'x-component': 'Table.Column',
|
||||
properties: {
|
||||
title: {
|
||||
@ -344,18 +344,18 @@ const schema: ISchema = {
|
||||
},
|
||||
},
|
||||
},
|
||||
column2: {
|
||||
type: 'void',
|
||||
title: '权限标识',
|
||||
'x-component': 'Table.Column',
|
||||
properties: {
|
||||
name: {
|
||||
type: 'string',
|
||||
'x-component': 'Input',
|
||||
'x-read-pretty': true,
|
||||
},
|
||||
},
|
||||
},
|
||||
// column2: {
|
||||
// type: 'void',
|
||||
// title: '权限组标识',
|
||||
// 'x-component': 'Table.Column',
|
||||
// properties: {
|
||||
// name: {
|
||||
// type: 'string',
|
||||
// 'x-component': 'Input',
|
||||
// 'x-read-pretty': true,
|
||||
// },
|
||||
// },
|
||||
// },
|
||||
[uid()]: {
|
||||
type: 'void',
|
||||
title: '操作',
|
||||
@ -382,7 +382,7 @@ const schema: ISchema = {
|
||||
properties: {
|
||||
[uid()]: {
|
||||
type: 'void',
|
||||
title: '权限配置',
|
||||
title: '配置权限',
|
||||
'x-decorator': 'RoleProvider',
|
||||
'x-component': 'Action.Drawer',
|
||||
'x-component-props': {
|
||||
@ -431,7 +431,7 @@ const schema: ISchema = {
|
||||
properties: {
|
||||
[uid()]: {
|
||||
type: 'void',
|
||||
title: '编辑数据',
|
||||
title: '编辑权限组',
|
||||
'x-decorator': 'Form',
|
||||
'x-decorator-props': {
|
||||
useResource: useDetailsResource,
|
||||
@ -443,7 +443,7 @@ const schema: ISchema = {
|
||||
properties: {
|
||||
title: {
|
||||
type: 'string',
|
||||
title: '权限名称',
|
||||
title: '权限组名称',
|
||||
'x-component': 'Input',
|
||||
'x-decorator': 'FormilyFormItem',
|
||||
},
|
||||
|
@ -38,9 +38,6 @@ export const SiteTitle = () => {
|
||||
{!loading && data?.logo?.url && (
|
||||
<img className={'site-logo'} src={data?.logo?.url} />
|
||||
)}
|
||||
{!loading && !data?.showLogoOnly && data?.title && (
|
||||
<div className={'site-title'}>{data.title}</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
@ -130,7 +130,7 @@ function generateActionSchema(type) {
|
||||
useResource: '{{ Table.useResource }}',
|
||||
useValues: '{{ Table.useTableRowRecord }}',
|
||||
},
|
||||
'x-component': 'Action.Modal',
|
||||
'x-component': 'Action.Drawer',
|
||||
'x-component-props': {
|
||||
useOkAction: '{{ Table.useTableUpdateAction }}',
|
||||
},
|
||||
@ -175,12 +175,12 @@ function AddActionButton() {
|
||||
}
|
||||
return (
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={setVisible}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup title={'操作展示'}>
|
||||
<Menu.ItemGroup title={'启用操作'}>
|
||||
{[
|
||||
{ title: '编辑', name: 'update' },
|
||||
{ title: '删除', name: 'destroy' },
|
||||
|
@ -180,6 +180,7 @@ Action.Modal = observer((props: any) => {
|
||||
title={schema.title}
|
||||
destroyOnClose
|
||||
maskClosable
|
||||
width={'50%'}
|
||||
footer={
|
||||
isFormDecorator && !schema['x-read-pretty']
|
||||
? [
|
||||
@ -192,7 +193,7 @@ Action.Modal = observer((props: any) => {
|
||||
setVisible(false);
|
||||
}}
|
||||
>
|
||||
Cancel
|
||||
取消
|
||||
</Button>,
|
||||
<Button
|
||||
type={'primary'}
|
||||
@ -204,7 +205,7 @@ Action.Modal = observer((props: any) => {
|
||||
setVisible(false);
|
||||
}}
|
||||
>
|
||||
OK
|
||||
确定
|
||||
</Button>,
|
||||
]
|
||||
: null
|
||||
@ -257,7 +258,7 @@ Action.Drawer = observer((props: any) => {
|
||||
setVisible(false);
|
||||
}}
|
||||
>
|
||||
Cancel
|
||||
取消
|
||||
</Button>
|
||||
<Button
|
||||
onClick={async (e) => {
|
||||
@ -268,7 +269,7 @@ Action.Drawer = observer((props: any) => {
|
||||
}}
|
||||
type={'primary'}
|
||||
>
|
||||
OK
|
||||
确定
|
||||
</Button>
|
||||
</Space>
|
||||
)
|
||||
@ -412,7 +413,7 @@ Action.DesignableBar = (props: any) => {
|
||||
<Space size={2}>
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -421,7 +422,7 @@ Action.DesignableBar = (props: any) => {
|
||||
<Menu>
|
||||
<Menu.Item
|
||||
onClick={async (e) => {
|
||||
const values = await FormDialog('修改名称和图标', () => {
|
||||
const values = await FormDialog('编辑按钮', () => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
<SchemaField
|
||||
@ -460,7 +461,7 @@ Action.DesignableBar = (props: any) => {
|
||||
refresh();
|
||||
}}
|
||||
>
|
||||
修改名称和图标
|
||||
编辑按钮
|
||||
</Menu.Item>
|
||||
{isPopup && (
|
||||
<Menu.Item>
|
||||
|
@ -365,7 +365,7 @@ function generateCardItemSchema(component) {
|
||||
properties: {
|
||||
create: {
|
||||
type: 'void',
|
||||
title: '添加卡片',
|
||||
title: '新增卡片',
|
||||
// 'x-designable-bar': 'Kanban.AddCardDesignableBar',
|
||||
'x-component': 'Kanban.Card.AddNew',
|
||||
// 'x-decorator': 'AddNew.Displayed',
|
||||
@ -939,7 +939,7 @@ AddNew.CardItem = observer((props: any) => {
|
||||
const { collections = [], loading, refresh } = useCollectionsContext();
|
||||
return (
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
overlayStyle={{
|
||||
minWidth: 200,
|
||||
}}
|
||||
@ -1357,7 +1357,7 @@ AddNew.FormItem = observer((props: any) => {
|
||||
const displayed = useDisplayedMapContext();
|
||||
return (
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={setVisible}
|
||||
overlayStyle={{
|
||||
@ -1365,7 +1365,7 @@ AddNew.FormItem = observer((props: any) => {
|
||||
}}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup className={'display-fields'} title={`字段展示`}>
|
||||
<Menu.ItemGroup className={'display-fields'} title={`显示字段`}>
|
||||
{fields?.map((field) => (
|
||||
<SwitchMenuItem
|
||||
key={field.key}
|
||||
@ -1548,7 +1548,7 @@ AddNew.PaneItem = observer((props: any) => {
|
||||
console.log('AddNew.PaneItem.useResource', useResource);
|
||||
return (
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={setVisible}
|
||||
overlayStyle={{
|
||||
@ -1735,7 +1735,6 @@ AddNew.PaneItem = observer((props: any) => {
|
||||
<PlusOutlined />
|
||||
) : (
|
||||
<Button
|
||||
block
|
||||
className={'designable-btn designable-btn-dash'}
|
||||
type={'dashed'}
|
||||
icon={<PlusOutlined />}
|
||||
|
@ -52,7 +52,7 @@ export const ActionDesignableBar = (props: any) => {
|
||||
<Space size={2}>
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -210,12 +210,12 @@ function AddActionButton() {
|
||||
}
|
||||
return (
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={setVisible}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup title={'操作展示'}>
|
||||
<Menu.ItemGroup title={'启用操作'}>
|
||||
{[
|
||||
{ title: '今天', name: 'today' },
|
||||
{ title: '翻页', name: 'nav' },
|
||||
|
@ -63,7 +63,7 @@ export const DesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -173,7 +173,7 @@ export const DesignableBar = observer((props) => {
|
||||
key={'defaultFilter'}
|
||||
onClick={async () => {
|
||||
const { defaultFilter } = await FormDialog(
|
||||
'设置筛选范围',
|
||||
'设置数据范围',
|
||||
() => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
@ -204,7 +204,7 @@ export const DesignableBar = observer((props) => {
|
||||
await updateSchema(schema);
|
||||
}}
|
||||
>
|
||||
设置筛选范围
|
||||
设置数据范围
|
||||
</Menu.Item>
|
||||
<Menu.Divider />
|
||||
<Menu.Item
|
||||
|
@ -479,14 +479,14 @@ Calendar.Filter.DesignableBar = () => {
|
||||
<Space>
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
}}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup title={'筛选字段'}>
|
||||
<Menu.ItemGroup title={'可筛选字段'}>
|
||||
{fields
|
||||
.filter((collectionField) => {
|
||||
const option = interfaces.get(collectionField.interface);
|
||||
@ -520,7 +520,7 @@ Calendar.Filter.DesignableBar = () => {
|
||||
<Menu.Item
|
||||
onClick={async (e) => {
|
||||
setVisible(false);
|
||||
const values = await FormDialog('修改名称和图标', () => {
|
||||
const values = await FormDialog('编辑按钮', () => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
<SchemaField
|
||||
@ -559,7 +559,7 @@ Calendar.Filter.DesignableBar = () => {
|
||||
refresh();
|
||||
}}
|
||||
>
|
||||
修改名称和图标
|
||||
编辑按钮
|
||||
</Menu.Item>
|
||||
<Menu.Divider />
|
||||
<Menu.Item
|
||||
|
@ -12,7 +12,7 @@ import { LoadingOutlined } from '@ant-design/icons';
|
||||
import { CascaderOptionType } from 'antd/lib/cascader';
|
||||
import { ArrayField } from '@formily/core';
|
||||
import { toArr } from '@formily/shared';
|
||||
import { omit } from 'lodash';
|
||||
import { isBoolean, omit } from 'lodash';
|
||||
|
||||
const defaultFieldNames = {
|
||||
label: 'label',
|
||||
@ -29,9 +29,11 @@ export const Cascader = connect(
|
||||
loadData,
|
||||
labelInValue,
|
||||
fieldNames = defaultFieldNames,
|
||||
changeOnSelectLast,
|
||||
changeOnSelect,
|
||||
...others
|
||||
} = props;
|
||||
console.log('Cascader', props);
|
||||
console.log('changeOnSelectLast', changeOnSelectLast);
|
||||
// 兼容值为 object[] 的情况
|
||||
const toValue = () => {
|
||||
return toArr(value).map((item) => {
|
||||
@ -84,6 +86,9 @@ export const Cascader = connect(
|
||||
return (
|
||||
<AntdCascader
|
||||
{...others}
|
||||
changeOnSelect={
|
||||
isBoolean(changeOnSelectLast) ? !changeOnSelectLast : changeOnSelect
|
||||
}
|
||||
value={toValue()}
|
||||
fieldNames={fieldNames}
|
||||
displayRender={displayRender}
|
||||
|
@ -60,7 +60,7 @@ Chart.DesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -255,7 +255,7 @@ export const DatabaseCollection = observer((props) => {
|
||||
setVisible(false);
|
||||
}}
|
||||
footer={
|
||||
<Space>
|
||||
<Space style={{ float: 'right' }}>
|
||||
<Button
|
||||
onClick={() => {
|
||||
setVisible(false);
|
||||
|
@ -17,7 +17,7 @@ export const chinaRegion: FieldOptions = {
|
||||
// title,
|
||||
'x-component': 'Cascader',
|
||||
'x-component-props': {
|
||||
changeOnSelect: true,
|
||||
changeOnSelectLast: false,
|
||||
loadData: '{{ ChinaRegion.loadData }}',
|
||||
labelInValue: true,
|
||||
maxLevel: 3,
|
||||
@ -48,10 +48,10 @@ export const chinaRegion: FieldOptions = {
|
||||
{ value: 5, label: '村/居委会' },
|
||||
],
|
||||
},
|
||||
'uiSchema.x-component-props.changeOnSelect': {
|
||||
'uiSchema.x-component-props.changeOnSelectLast': {
|
||||
type: 'boolean',
|
||||
'x-component': 'Checkbox',
|
||||
'x-content': '无需选到最后一级',
|
||||
'x-content': '必须选到最后一级',
|
||||
'x-decorator': 'FormItem',
|
||||
},
|
||||
},
|
||||
|
@ -131,14 +131,16 @@ export function FilterList(props) {
|
||||
);
|
||||
})}
|
||||
</div>
|
||||
<div style={{ marginTop: 16 }}>
|
||||
<a
|
||||
onClick={() => {
|
||||
set(uid(), {});
|
||||
}}
|
||||
>
|
||||
添加条件
|
||||
</a>{' '}
|
||||
</a>
|
||||
<a
|
||||
style={{ marginLeft: 16 }}
|
||||
onClick={() => {
|
||||
set(uid(), {
|
||||
and: [{}],
|
||||
@ -148,6 +150,7 @@ export function FilterList(props) {
|
||||
添加条件组
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
@ -46,7 +46,7 @@ FormItem.DesignableBar = () => {
|
||||
<AddNew.FormItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -42,9 +42,11 @@ export const DesignableBar = observer((props) => {
|
||||
const { collection } = useCollection({ collectionName });
|
||||
return (
|
||||
<div className={cls('designable-bar', { active: visible })}>
|
||||
{collection && (
|
||||
<div className={'designable-info'}>
|
||||
{collection?.title || collection?.name}
|
||||
</div>
|
||||
)}
|
||||
<span
|
||||
onClick={(e) => {
|
||||
e.stopPropagation();
|
||||
@ -55,7 +57,7 @@ export const DesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -68,7 +68,7 @@ export const FieldDesignableBar = observer((props) => {
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
placement={'bottomRight'}
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -51,7 +51,7 @@ export const DesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'appendChild'} ghost />
|
||||
{/* <DragHandle /> */}
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -141,6 +141,7 @@ body.dragging {
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nb-grid-row-divider {
|
||||
// background-color: #ddd;
|
||||
height: 24px;
|
||||
@ -149,10 +150,15 @@ body.dragging {
|
||||
margin-top: -24px;
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
display: none;
|
||||
// opacity: 0.5;
|
||||
// background: #e6f7ff;
|
||||
}
|
||||
|
||||
.nb-grid.active {
|
||||
.nb-grid-row-divider {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.nb-grid-col-divider {
|
||||
&.resizable {
|
||||
cursor: col-resize;
|
||||
|
@ -62,7 +62,7 @@ Input.DesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -57,14 +57,14 @@ export const CardDesignableBar = observer((props) => {
|
||||
>
|
||||
<Space size={2}>
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
}}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup className={'display-fields'} title={`字段展示`}>
|
||||
<Menu.ItemGroup className={'display-fields'} title={`显示字段`}>
|
||||
{fields?.map((field) => (
|
||||
<SwitchMenuItem
|
||||
key={field.key}
|
||||
|
@ -52,7 +52,7 @@ export const DesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -71,7 +71,7 @@ export const DesignableBar = observer((props) => {
|
||||
key={'defaultFilter'}
|
||||
onClick={async () => {
|
||||
const { defaultFilter } = await FormDialog(
|
||||
'设置筛选范围',
|
||||
'设置数据范围',
|
||||
() => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
@ -102,7 +102,7 @@ export const DesignableBar = observer((props) => {
|
||||
await updateSchema(schema);
|
||||
}}
|
||||
>
|
||||
设置筛选范围
|
||||
设置数据范围
|
||||
</Menu.Item>
|
||||
<Menu.Divider />
|
||||
<Menu.Item
|
||||
|
@ -68,7 +68,7 @@ export const FieldDesignableBar = observer((props) => {
|
||||
<DragHandle /> */}
|
||||
<Dropdown
|
||||
placement={'bottomRight'}
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -126,7 +126,7 @@ const schema: ISchema = {
|
||||
properties: {
|
||||
create: {
|
||||
type: 'void',
|
||||
title: '添加卡片',
|
||||
title: '新增卡片',
|
||||
// 'x-designable-bar': 'Kanban.AddCardDesignableBar',
|
||||
'x-component': 'Kanban.Card.AddNew',
|
||||
// 'x-decorator': 'AddNew.Displayed',
|
||||
|
@ -124,7 +124,7 @@ Markdown.Void.DesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -183,7 +183,7 @@ Markdown.DesignableBar = observer((props) => {
|
||||
<AddNew.FormItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
|
@ -961,7 +961,7 @@ Menu.DesignableBar = (props) => {
|
||||
properties: {
|
||||
roles: {
|
||||
type: 'array',
|
||||
title: '权限组',
|
||||
title: '可访问该菜单的权限组',
|
||||
'x-reactions': [
|
||||
'{{useAsyncDataSource(loadRoles)}}',
|
||||
],
|
||||
|
@ -57,7 +57,7 @@ export const SimpleDesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -68,7 +68,7 @@ export const SimpleDesignableBar = observer((props) => {
|
||||
key={'defaultFilter'}
|
||||
onClick={async () => {
|
||||
const { defaultFilter } = await FormDialog(
|
||||
'设置筛选范围',
|
||||
'设置数据范围',
|
||||
() => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
@ -174,7 +174,7 @@ export const SimpleDesignableBar = observer((props) => {
|
||||
await updateSchema(schema);
|
||||
}}
|
||||
>
|
||||
设置筛选范围
|
||||
设置数据范围
|
||||
</Menu.Item>
|
||||
<Menu.Item key={'defaultPageSize'}>
|
||||
每页默认显示{' '}
|
||||
|
@ -435,12 +435,12 @@ function AddColumn() {
|
||||
// const { service } = useTable();
|
||||
return (
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={setVisible}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup className={'display-fields'} title={'字段展示'}>
|
||||
<Menu.ItemGroup className={'display-fields'} title={'显示字段'}>
|
||||
{fields.map((field) => (
|
||||
<SwitchMenuItem
|
||||
title={field?.uiSchema?.title}
|
||||
@ -1066,12 +1066,12 @@ function AddActionButton() {
|
||||
}
|
||||
return (
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={setVisible}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup title={'操作展示'}>
|
||||
<Menu.ItemGroup title={'启用操作'}>
|
||||
{[
|
||||
{ title: '筛选', name: 'filter' },
|
||||
{ title: '导出', name: 'export' },
|
||||
@ -1376,14 +1376,14 @@ Table.Filter.DesignableBar = () => {
|
||||
<Space>
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
}}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup title={'筛选字段'}>
|
||||
<Menu.ItemGroup title={'可筛选字段'}>
|
||||
{fields
|
||||
.filter((collectionField) => {
|
||||
const option = interfaces.get(collectionField.interface);
|
||||
@ -1417,7 +1417,7 @@ Table.Filter.DesignableBar = () => {
|
||||
<Menu.Item
|
||||
onClick={async (e) => {
|
||||
setVisible(false);
|
||||
const values = await FormDialog('修改名称和图标', () => {
|
||||
const values = await FormDialog('编辑按钮', () => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
<SchemaField
|
||||
@ -1456,7 +1456,7 @@ Table.Filter.DesignableBar = () => {
|
||||
refresh();
|
||||
}}
|
||||
>
|
||||
修改名称和图标
|
||||
编辑按钮
|
||||
</Menu.Item>
|
||||
<Menu.Divider />
|
||||
<Menu.Item
|
||||
@ -1505,7 +1505,7 @@ Table.ExportActionDesignableBar = () => {
|
||||
<Space>
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -1540,7 +1540,7 @@ Table.ExportActionDesignableBar = () => {
|
||||
<Menu.Item
|
||||
onClick={async (e) => {
|
||||
setVisible(false);
|
||||
const values = await FormDialog('修改名称和图标', () => {
|
||||
const values = await FormDialog('编辑按钮', () => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
<SchemaField
|
||||
@ -1579,7 +1579,7 @@ Table.ExportActionDesignableBar = () => {
|
||||
refresh();
|
||||
}}
|
||||
>
|
||||
修改名称和图标
|
||||
编辑按钮
|
||||
</Menu.Item>
|
||||
<Menu.Divider />
|
||||
<Menu.Item
|
||||
@ -1652,14 +1652,14 @@ Table.Operation.DesignableBar = () => {
|
||||
<Space>
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
}}
|
||||
overlay={
|
||||
<Menu>
|
||||
<Menu.ItemGroup title={'操作展示'}>
|
||||
<Menu.ItemGroup title={'启用操作'}>
|
||||
{[
|
||||
{ title: '查看', name: 'view' },
|
||||
{ title: '编辑', name: 'update' },
|
||||
@ -1721,7 +1721,7 @@ Table.Action.DesignableBar = () => {
|
||||
<Space>
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -1731,7 +1731,7 @@ Table.Action.DesignableBar = () => {
|
||||
<Menu.Item
|
||||
onClick={async (e) => {
|
||||
setVisible(false);
|
||||
const values = await FormDialog('修改名称和图标', () => {
|
||||
const values = await FormDialog('编辑按钮', () => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
<SchemaField
|
||||
@ -1770,7 +1770,7 @@ Table.Action.DesignableBar = () => {
|
||||
refresh();
|
||||
}}
|
||||
>
|
||||
修改名称和图标
|
||||
编辑按钮
|
||||
</Menu.Item>
|
||||
{isPopup && (
|
||||
<Menu.Item>
|
||||
@ -1902,7 +1902,7 @@ Table.Column.DesignableBar = () => {
|
||||
<Space>
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -1912,7 +1912,7 @@ Table.Column.DesignableBar = () => {
|
||||
<Menu.Item
|
||||
onClick={async (e) => {
|
||||
setVisible(false);
|
||||
const values = await FormDialog('修改列标题', () => {
|
||||
const values = await FormDialog('自定义列名称', () => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
<SchemaField
|
||||
@ -1928,7 +1928,7 @@ Table.Column.DesignableBar = () => {
|
||||
},
|
||||
title: {
|
||||
type: 'string',
|
||||
title: '自定义列标题',
|
||||
title: '自定义列名称',
|
||||
'x-decorator': 'FormItem',
|
||||
'x-component': 'Input',
|
||||
},
|
||||
@ -1953,7 +1953,7 @@ Table.Column.DesignableBar = () => {
|
||||
});
|
||||
}}
|
||||
>
|
||||
修改列标题
|
||||
自定义列名称
|
||||
</Menu.Item>
|
||||
<Menu.Divider />
|
||||
<Menu.Item
|
||||
@ -2018,7 +2018,7 @@ Table.DesignableBar = observer((props) => {
|
||||
<AddNew.CardItem defaultAction={'insertAfter'} ghost />
|
||||
<DragHandle />
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -2177,7 +2177,7 @@ Table.DesignableBar = observer((props) => {
|
||||
key={'defaultFilter'}
|
||||
onClick={async () => {
|
||||
const { defaultFilter } = await FormDialog(
|
||||
'设置筛选范围',
|
||||
'设置数据范围',
|
||||
() => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
@ -2208,7 +2208,7 @@ Table.DesignableBar = observer((props) => {
|
||||
await updateSchema(schema);
|
||||
}}
|
||||
>
|
||||
设置筛选范围
|
||||
设置数据范围
|
||||
</Menu.Item>
|
||||
<Menu.Item key={'defaultPageSize'}>
|
||||
每页默认显示{' '}
|
||||
|
@ -107,6 +107,7 @@ export const Tabs: any = observer((props: any) => {
|
||||
designable &&
|
||||
schema['x-designable-bar'] && (
|
||||
<Button
|
||||
className={'designable-btn designable-btn-dash'}
|
||||
type={'dashed'}
|
||||
icon={<PlusOutlined />}
|
||||
onClick={async () => {
|
||||
@ -221,7 +222,7 @@ Tabs.DesignableBar = () => {
|
||||
>
|
||||
<Space>
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
placement={'bottomRight'}
|
||||
onVisibleChange={(visible) => {
|
||||
@ -271,7 +272,7 @@ Tabs.TabPane.DesignableBar = () => {
|
||||
<Space>
|
||||
<DragHandle />{' '}
|
||||
<Dropdown
|
||||
trigger={['click']}
|
||||
trigger={['hover']}
|
||||
visible={visible}
|
||||
onVisibleChange={(visible) => {
|
||||
setVisible(visible);
|
||||
@ -280,7 +281,7 @@ Tabs.TabPane.DesignableBar = () => {
|
||||
<Menu>
|
||||
<Menu.Item
|
||||
onClick={async () => {
|
||||
const values = await FormDialog('修改名称和图标', () => {
|
||||
const values = await FormDialog('编辑按钮', () => {
|
||||
return (
|
||||
<FormLayout layout={'vertical'}>
|
||||
<SchemaField
|
||||
@ -320,7 +321,7 @@ Tabs.TabPane.DesignableBar = () => {
|
||||
updateSchema(schema);
|
||||
}}
|
||||
>
|
||||
修改名称和图标
|
||||
编辑按钮
|
||||
</Menu.Item>
|
||||
<Menu.Divider />
|
||||
<Menu.Item
|
||||
|
@ -18,6 +18,10 @@
|
||||
&.active {
|
||||
display: block;
|
||||
}
|
||||
+ .ant-tabs {
|
||||
position: relative;
|
||||
z-index: 51;
|
||||
}
|
||||
.designable-bar-actions {
|
||||
pointer-events: all;
|
||||
position: absolute;
|
||||
|
Loading…
Reference in New Issue
Block a user