ruiling/tachybase_todo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(app): can not open modal when only allow linking to one record

Browse Source
This commit is contained in:
chenos 2021-01-02 09:31:33 +08:00
parent 34895d3843
commit 752de2b58a
1 changed files with 18 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/app/src/components/form.fields/drawer-select/index.tsx
View File

@ -1,6 +1,6 @@
import React, { useState } from 'react' import React, { useState } from 'react'
import { connect } from '@formily/react-schema-renderer' import { connect } from '@formily/react-schema-renderer'
import { Select, Drawer, Button } from 'antd' import { Select, Drawer, Button, Space } from 'antd'
import { import {
mapStyledProps, mapStyledProps,
mapTextComponent, mapTextComponent,
@ -31,7 +31,7 @@ function DrawerSelectComponent(props) {
const { target, multiple, associatedName, labelField, valueField = 'id', value, onChange } = props; const { target, multiple, associatedName, labelField, valueField = 'id', value, onChange } = props;
const [selectedKeys, selectedValue] = transform({value, multiple, labelField, valueField }); const [selectedKeys, selectedValue] = transform({value, multiple, labelField, valueField });
const [visible, setVisible] = useState(false); const [visible, setVisible] = useState(false);
const [selectedRowKeys, setSelectedRowKeys] = useState(selectedKeys); const [selectedRowKeys, setSelectedRowKeys] = useState(multiple ? selectedKeys : [selectedKeys]);
const [selectedRows, setSelectedRows] = useState(selectedValue); const [selectedRows, setSelectedRows] = useState(selectedValue);
const [options, setOptions] = useState(selectedValue); const [options, setOptions] = useState(selectedValue);
// console.log('valuevaluevaluevaluevaluevalue', value); // console.log('valuevaluevaluevaluevaluevalue', value);
@ -71,12 +71,22 @@ function DrawerSelectComponent(props) {
setVisible(false); setVisible(false);
}} }}
footer={[ footer={[
<Button type={'primary'} onClick={() => { <div
setOptions(selectedRows); style={{
// console.log('valuevaluevaluevaluevaluevalue', {selectedRowKeys}); textAlign: 'right',
onChange(multiple ? selectedRowKeys : selectedRowKeys.shift()); }}
setVisible(false); >
}}>确定</Button> <Space>
<Button onClick={() => setVisible(false)}>取消</Button>
<Button type={'primary'} onClick={() => {
setOptions(selectedRows);
// console.log('valuevaluevaluevaluevaluevalue', {selectedRowKeys});
onChange(multiple ? selectedRowKeys : selectedRowKeys.shift());
setVisible(false);
}}>确定</Button>
</Space>
</div>
]} ]}
> >
<ViewFactory <ViewFactory