github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2025-12-12 11:20:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: refine pop drawer

Browse Source
This commit is contained in:
zyy7259 2022-06-15 15:02:50 +08:00 committed by LeoYuan 袁力皓
parent c5ffbd59c4
commit abf8fae3ef
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
packages/editor-skeleton/src/components/popup/index.tsx
View File

@ -1,6 +1,6 @@
import { createContext, ReactNode, Component, PureComponent } from 'react';
import { EventEmitter } from 'events';
import { Drawer } from '@alifd/next';
import { Drawer, ConfigProvider } from '@alifd/next';
import { uniqueId } from '@alilc/lowcode-utils';
import './style.less';
@ -82,6 +82,8 @@ export default class PopupService extends Component<{ popupPipe?: PopupPipe; act
export class PopupContent extends PureComponent<{ safeId?: string }> {
static contextType = PopupContext;
popupContainerId = uniqueId('popupContainer');
state: any = {
visible: false,
offsetX: -300,
@ -151,7 +153,7 @@ export class PopupContent extends PureComponent<{ safeId?: string }> {
}}
trigger={<div className="lc-popup-placeholder" style={pos} />}
triggerType="click"
canCloseByOutSideClick={false}
canCloseByOutSideClick
animation={false}
onClose={this.onClose}
id={this.props.safeId}
@ -161,9 +163,13 @@ export class PopupContent extends PureComponent<{ safeId?: string }> {
<div className="lc-ballon-title">{title}</div>
<div className="lc-ballon-content">
<PopupService actionKey={actionKey} safeId={id}>
{content}
<ConfigProvider popupContainer={this.popupContainerId}>
{content}
</ConfigProvider>
</PopupService>
</div>
<div id={this.popupContainerId} />
<div id="engine-variable-setter-dialog" />
</Drawer>
);
}