github/lowcode-engine
1
0
Fork 0
mirror of https://github.com/alibaba/lowcode-engine.git synced 2026-02-28 12:50:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: 大纲树节点显示隐藏埋点

Browse Source
This commit is contained in:
wuyue.xht 2020-06-29 15:09:23 +08:00
parent d813b5090c
commit e91ab1fafe
1 changed files with 16 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,6 +12,18 @@ import { IconCond } from '../icons/cond';
import { IconLoop } from '../icons/loop'; import { IconLoop } from '../icons/loop';
import { createIcon } from '@ali/lowcode-utils'; import { createIcon } from '@ali/lowcode-utils';
function report(type: string, treeNode: TreeNode, rest?: object) {
const editor = globalContext.get(Editor);
const node = treeNode?.node;
const npm = node?.componentMeta?.npm;
const selected =
[npm?.package, npm?.componentName].filter((item) => !!item).join('-') || node?.componentMeta?.componentName || '';
editor?.emit(`outlinePane.${type}`, {
selected,
...rest,
});
}
@observer @observer
export default class TreeTitle extends Component<{ export default class TreeTitle extends Component<{
treeNode: TreeNode; treeNode: TreeNode;
@ -37,7 +49,9 @@ export default class TreeTitle extends Component<{
private saveEdit = (e: FocusEvent<HTMLInputElement> | KeyboardEvent<HTMLInputElement>) => { private saveEdit = (e: FocusEvent<HTMLInputElement> | KeyboardEvent<HTMLInputElement>) => {
const { treeNode } = this.props; const { treeNode } = this.props;
treeNode.setTitleLabel((e.target as HTMLInputElement).value || ''); const value = (e.target as HTMLInputElement).value || '';
treeNode.setTitleLabel(value);
report('rename', treeNode, { value });
this.cancelEdit(); this.cancelEdit();
}; };
@ -164,17 +178,8 @@ class HideBtn extends Component<{ treeNode: TreeNode }> {
className="tree-node-hide-btn" className="tree-node-hide-btn"
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
report(treeNode.hidden ? 'show' : 'hide', treeNode);
treeNode.setHidden(!treeNode.hidden); treeNode.setHidden(!treeNode.hidden);
const editor = globalContext.get(Editor);
const node = treeNode?.node;
const npm = node?.componentMeta?.npm;
const selected =
[npm?.package, npm?.componentName].filter((item) => !!item).join('-') ||
node?.componentMeta?.componentName ||
'';
editor?.emit('outlinePane.hide', {
selected,
});
}} }}
> >
{treeNode.hidden ? <IconEyeClose /> : <IconEye />} {treeNode.hidden ? <IconEyeClose /> : <IconEye />}