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

feat: disable behaviors according to components in outline-tree

Browse Source
This commit is contained in:
huxingyi1997 2023-03-03 19:02:19 +08:00 committed by 林熠
parent 39f455e13f
commit 7bef50762c
1 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/plugin-outline-pane/src/views/tree-title.tsx
View File

@ -6,7 +6,6 @@ import { IPublicModelPluginContext, IPublicApiEvent } from '@alilc/lowcode-types
import TreeNode from '../controllers/tree-node'; import TreeNode from '../controllers/tree-node';
import { IconLock, IconUnlock, IconArrowRight, IconEyeClose, IconEye, IconCond, IconLoop, IconRadioActive, IconRadio, IconSetting } from '../icons'; import { IconLock, IconUnlock, IconArrowRight, IconEyeClose, IconEye, IconCond, IconLoop, IconRadioActive, IconRadio, IconSetting } from '../icons';
function emitOutlineEvent(event: IPublicApiEvent, type: string, treeNode: TreeNode, rest?: Record<string, unknown>) { function emitOutlineEvent(event: IPublicApiEvent, type: string, treeNode: TreeNode, rest?: Record<string, unknown>) {
const node = treeNode?.node; const node = treeNode?.node;
const npm = node?.componentMeta?.npm; const npm = node?.componentMeta?.npm;
@ -35,6 +34,8 @@ export default class TreeTitle extends Component<{
title: '', title: '',
}; };
private lastInput?: HTMLInputElement;
private enableEdit = (e) => { private enableEdit = (e) => {
e.preventDefault(); e.preventDefault();
this.setState({ this.setState({
@ -66,8 +67,6 @@ export default class TreeTitle extends Component<{
} }
}; };
private lastInput?: HTMLInputElement;
private setCaret = (input: HTMLInputElement | null) => { private setCaret = (input: HTMLInputElement | null) => {
if (!input || this.lastInput === input) { if (!input || this.lastInput === input) {
return; return;
@ -96,6 +95,8 @@ export default class TreeTitle extends Component<{
const { editing } = this.state; const { editing } = this.state;
const isCNode = !treeNode.isRoot(); const isCNode = !treeNode.isRoot();
const { node } = treeNode; const { node } = treeNode;
const { componentMeta } = node;
const availableActions = componentMeta ? componentMeta.availableActions.map((availableAction) => availableAction.name) : [];
const isNodeParent = node.isParentalNode; const isNodeParent = node.isParentalNode;
const isContainer = node.isContainerNode; const isContainer = node.isContainerNode;
let style: any; let style: any;
@ -112,8 +113,11 @@ export default class TreeTitle extends Component<{
const { intlNode, common, config } = pluginContext; const { intlNode, common, config } = pluginContext;
const Tip = common.editorCabin.Tip; const Tip = common.editorCabin.Tip;
const Title = common.editorCabin.Title; const Title = common.editorCabin.Title;
const shouldShowHideBtn = isCNode && isNodeParent && !isModal; const couldHide = availableActions.includes('hide');
const shouldShowLockBtn = config.get('enableCanvasLock', false) && isContainer && isCNode && isNodeParent; const couldLock = availableActions.includes('lock');
const couldUnlock = availableActions.includes('unlock');
const shouldShowHideBtn = isCNode && isNodeParent && !isModal && couldHide;
const shouldShowLockBtn = config.get('enableCanvasLock', false) && isContainer && isCNode && isNodeParent && ((couldLock && !node.isLocked) || (couldUnlock && node.isLocked));
const shouldEditBtn = isCNode && isNodeParent; const shouldEditBtn = isCNode && isNodeParent;
return ( return (
<div <div
@ -221,7 +225,6 @@ class RenameBtn extends Component<{
} }
} }
class LockBtn extends Component<{ class LockBtn extends Component<{
treeNode: TreeNode; treeNode: TreeNode;
pluginContext: IPublicModelPluginContext; pluginContext: IPublicModelPluginContext;
@ -273,7 +276,6 @@ class HideBtn extends Component<{
} }
} }
class ExpandBtn extends Component<{ class ExpandBtn extends Component<{
treeNode: TreeNode; treeNode: TreeNode;
pluginContext: IPublicModelPluginContext; pluginContext: IPublicModelPluginContext;
@ -301,4 +303,4 @@ class ExpandBtn extends Component<{
</div> </div>
); );
} }
} }