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: support online tree title extra

Browse Source
This commit is contained in:
huoteng 2022-12-13 18:58:51 +08:00 committed by 刘菊萍(絮黎)
parent d9e1203eeb
commit 778ba32a14
4 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/engine/src/engine-core.ts
View File

@ -172,6 +172,9 @@ engineConfig.set('isOpenSource', isOpenSource);
keepVisibleWhileDragging: true, keepVisibleWhileDragging: true,
...engineConfig.get('defaultOutlinePaneProps'), ...engineConfig.get('defaultOutlinePaneProps'),
}, },
contentProps: {
treeTitleExtra: engineConfig.get('treeTitleExtra'),
},
}); });
skeleton.add({ skeleton.add({
area: 'rightArea', area: 'rightArea',

20
packages/plugin-outline-pane/src/helper/tree-title-extra.ts Normal file
View File

@ -0,0 +1,20 @@
import { globalContext } from '@alilc/lowcode-editor-core';
import { ReactElement } from 'react';
const TREE_TITLE_EXTRA_KEY = 'TREE_TITLE_EXTRA_KEY';
export const registerTreeTitleExtra = (extra: ReactElement) => {
if (extra && !globalContext.has(TREE_TITLE_EXTRA_KEY)) {
globalContext.register(extra, TREE_TITLE_EXTRA_KEY);
}
};
export const getTreeTitleExtra = () => {
try {
return globalContext.get(TREE_TITLE_EXTRA_KEY);
} catch (e) {
// console.error('getTreeTitleExtra Error', e);
}
return null;
};

5
packages/plugin-outline-pane/src/views/pane.tsx
View File

@ -6,6 +6,7 @@ import TreeView from './tree';
import './style.less'; import './style.less';
import { IEditor } from '@alilc/lowcode-types'; import { IEditor } from '@alilc/lowcode-types';
import Filter from './filter'; import Filter from './filter';
import { registerTreeTitleExtra } from '../helper/tree-title-extra';
@observer @observer
export class OutlinePane extends Component<{ config: any; editor: IEditor }> { export class OutlinePane extends Component<{ config: any; editor: IEditor }> {
@ -15,6 +16,10 @@ export class OutlinePane extends Component<{ config: any; editor: IEditor }> {
this.main.purge(); this.main.purge();
} }
componentDidMount() {
registerTreeTitleExtra(this.props?.config?.contentProps?.treeTitleExtra);
}
render() { render() {
const tree = this.main.currentTree; const tree = this.main.currentTree;

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

@ -13,6 +13,7 @@ import { IconLoop } from '../icons/loop';
import { IconRadioActive } from '../icons/radio-active'; import { IconRadioActive } from '../icons/radio-active';
import { IconRadio } from '../icons/radio'; import { IconRadio } from '../icons/radio';
import { IconLock, IconUnlock } from '../icons'; import { IconLock, IconUnlock } from '../icons';
import { getTreeTitleExtra } from '../helper/tree-title-extra';
function emitOutlineEvent(type: string, treeNode: TreeNode, rest?: Record<string, unknown>) { function emitOutlineEvent(type: string, treeNode: TreeNode, rest?: Record<string, unknown>) {
@ -97,6 +98,7 @@ export default class TreeTitle extends Component<{
}; };
} }
const { filterWorking, matchSelf, keywords } = treeNode.filterReult; const { filterWorking, matchSelf, keywords } = treeNode.filterReult;
const Extra = getTreeTitleExtra();
return ( return (
<div <div
@ -153,6 +155,7 @@ export default class TreeTitle extends Component<{
match={filterWorking && matchSelf} match={filterWorking && matchSelf}
keywords={keywords} keywords={keywords}
/> />
{Extra && <Extra node={treeNode?.node} />}
{node.slotFor && ( {node.slotFor && (
<a className="tree-node-tag slot"> <a className="tree-node-tag slot">
{/* todo: click redirect to prop */} {/* todo: click redirect to prop */}