outline icon

This commit is contained in:
kangwei 2020-04-21 19:11:33 +08:00
parent 833c263992
commit 29848907b9
5 changed files with 28 additions and 13 deletions

View File

@ -0,0 +1,14 @@
import { SVGIcon, IconProps } from '@ali/lowcode-globals';
export function IconOutline(props: IconProps) {
return (
<SVGIcon viewBox="0 0 1024 1024" {...props}>
<path d="M128 96h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H128a64 64 0 0 1-64-64V160a64 64 0 0 1 64-64z m32 64a32 32 0 1 0 0 64h448a32 32 0 0 0 0-64H160z m224 576h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H384a64 64 0 0 1-64-64v-64a64 64 0 0 1 64-64z m32 64a32 32 0 0 0 0 64h448a32 32 0 0 0 0-64H416z m-32-384h512a64 64 0 0 1 64 64v64a64 64 0 0 1-64 64H384a64 64 0 0 1-64-64v-64a64 64 0 0 1 64-64z m32 64a32 32 0 0 0 0 64h448a32 32 0 0 0 0-64H416z" />
</SVGIcon>
);
}
IconOutline.displayName = 'IconOutline';

View File

@ -1,16 +1,14 @@
import Pane from './views/pane'; import Pane from './views/pane';
import { IconOutline } from './icons/outline';
import { intl } from './locale';
/*
export default { export default {
name: 'outline-tree', name: 'outline-pane',
title: { icon: IconOutline,
label: '大纲树', description: intl('Outline Tree'),
icon: { name: 'outline', size: '14px' },
},
content: Pane, content: Pane,
}; };
*/
export { getTreeMaster } from './main'; export { getTreeMaster } from './main';
export default Pane; export { Pane };

View File

@ -9,5 +9,6 @@
"Conditional": "Condition", "Conditional": "Condition",
"Loop": "Loop", "Loop": "Loop",
"Slots": "Slots", "Slots": "Slots",
"Slot for {prop}": "Slot for {prop}" "Slot for {prop}": "Slot for {prop}",
"Outline Tree": "Outline Tree"
} }

View File

@ -9,5 +9,6 @@
"Conditional": "条件式", "Conditional": "条件式",
"Loop": "循环", "Loop": "循环",
"Slots": "插槽", "Slots": "插槽",
"Slot for {prop}": "属性 {prop} 的插槽" "Slot for {prop}": "属性 {prop} 的插槽",
"Outline Tree": "大纲树"
} }

View File

@ -2,7 +2,7 @@ import { globalContext } from '@ali/lowcode-globals';
import Editor from '@ali/lowcode-editor-core'; import Editor from '@ali/lowcode-editor-core';
import { Designer } from '@ali/lowcode-designer'; import { Designer } from '@ali/lowcode-designer';
import { registerSetters } from '@ali/lowcode-setters'; import { registerSetters } from '@ali/lowcode-setters';
import OutlinePane from '@ali/lowcode-plugin-outline-pane'; import Outline, { Pane } from '@ali/lowcode-plugin-outline-pane';
import SettingsPane from '@ali/lowcode-plugin-settings-pane'; import SettingsPane from '@ali/lowcode-plugin-settings-pane';
import DesignerPlugin from '@ali/lowcode-plugin-designer'; import DesignerPlugin from '@ali/lowcode-plugin-designer';
import { Skeleton } from './skeleton/skeleton'; import { Skeleton } from './skeleton/skeleton';
@ -33,11 +33,12 @@ skeleton.leftArea.add({
type: 'PanelDock', type: 'PanelDock',
props: { props: {
align: 'top', align: 'top',
icon: 'shuxingkongjian', icon: 'smile',
description: '大纲树', description: '大纲树',
}, },
content: OutlinePane, content: Pane,
panelProps: { panelProps: {
area: 'leftFixedArea', area: 'leftFixedArea',
title: 'awefawe',
}, },
}); });