Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | 66x | import React, { ReactElement } from "react";
import { ObjectValues, SaveOptionProps, Store, TableMetaProps } from "@props/RecordProps";
import EntityAttributesTable from "./EntityAttributesTable";
import { FormInstance, Popover } from "antd";
import { TableOutlined } from "@ant-design/icons";
import { EntityAttributeValues } from "./EntityAttributesUtils";
import './entityAttributes.less';
const EntityAttributesComponentCell = (props: {
value?: EntityAttributeValues;
zIndex: number,
owner?: ObjectValues;
column: TableMetaProps;
ownerClass: string;
editable: boolean;
form?: FormInstance;
saveOptions?: SaveOptionProps;
onValuesChange?: (changedValues: Store, allValues: Store) => void;
path?: string;
}): ReactElement => {
const {
value, zIndex, owner, column, onValuesChange,
ownerClass, editable, form, saveOptions, path,
} = props;
return <Popover
trigger="click"
placement="bottom"
content={
<div className='popover-content'>
<EntityAttributesTable
value={value}
column={column}
owner={owner}
editMode={editable}
ownerClass={ownerClass}
zIndex={zIndex + 1}
onValuesChange={onValuesChange}
form={form}
saveOptions={saveOptions}
path={path}
/>
</div>
}
overlayStyle={{
zIndex: zIndex + 2,
maxWidth: 800,
}}
>
<TableOutlined />
</Popover>;
};
export default EntityAttributesComponentCell;
|