From 29848907b976fc649bb402629a9f1bc17352aff8 Mon Sep 17 00:00:00 2001
From: kangwei <bingbing.yb@alibaba-inc.com>
Date: Tue, 21 Apr 2020 19:11:33 +0800
Subject: [PATCH] outline icon

---
 packages/plugin-outline-pane/src/icons/outline.tsx | 14 ++++++++++++++
 packages/plugin-outline-pane/src/index.ts          | 14 ++++++--------
 packages/plugin-outline-pane/src/locale/en-US.json |  3 ++-
 packages/plugin-outline-pane/src/locale/zh-CN.json |  3 ++-
 packages/vision-polyfill/src/editor.ts             |  7 ++++---
 5 files changed, 28 insertions(+), 13 deletions(-)
 create mode 100644 packages/plugin-outline-pane/src/icons/outline.tsx

diff --git a/packages/plugin-outline-pane/src/icons/outline.tsx b/packages/plugin-outline-pane/src/icons/outline.tsx
new file mode 100644
index 000000000..29e0d111b
--- /dev/null
+++ b/packages/plugin-outline-pane/src/icons/outline.tsx
@@ -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';
+
+
+
diff --git a/packages/plugin-outline-pane/src/index.ts b/packages/plugin-outline-pane/src/index.ts
index dbb4d2b11..f0ec0d741 100644
--- a/packages/plugin-outline-pane/src/index.ts
+++ b/packages/plugin-outline-pane/src/index.ts
@@ -1,16 +1,14 @@
 import Pane from './views/pane';
+import { IconOutline } from './icons/outline';
+import { intl } from './locale';
 
-/*
 export default {
-  name: 'outline-tree',
-  title: {
-    label: '大纲树',
-    icon: { name: 'outline', size: '14px' },
-  },
+  name: 'outline-pane',
+  icon: IconOutline,
+  description: intl('Outline Tree'),
   content: Pane,
 };
-*/
 
 export { getTreeMaster } from './main';
 
-export default Pane;
+export { Pane };
diff --git a/packages/plugin-outline-pane/src/locale/en-US.json b/packages/plugin-outline-pane/src/locale/en-US.json
index d994321ce..9d04defc0 100644
--- a/packages/plugin-outline-pane/src/locale/en-US.json
+++ b/packages/plugin-outline-pane/src/locale/en-US.json
@@ -9,5 +9,6 @@
   "Conditional": "Condition",
   "Loop": "Loop",
   "Slots": "Slots",
-  "Slot for {prop}": "Slot for {prop}"
+  "Slot for {prop}": "Slot for {prop}",
+  "Outline Tree": "Outline Tree"
 }
diff --git a/packages/plugin-outline-pane/src/locale/zh-CN.json b/packages/plugin-outline-pane/src/locale/zh-CN.json
index 4e7d08985..08138b3b4 100644
--- a/packages/plugin-outline-pane/src/locale/zh-CN.json
+++ b/packages/plugin-outline-pane/src/locale/zh-CN.json
@@ -9,5 +9,6 @@
   "Conditional": "条件式",
   "Loop": "循环",
   "Slots": "插槽",
-  "Slot for {prop}": "属性 {prop} 的插槽"
+  "Slot for {prop}": "属性 {prop} 的插槽",
+  "Outline Tree": "大纲树"
 }
diff --git a/packages/vision-polyfill/src/editor.ts b/packages/vision-polyfill/src/editor.ts
index 3ced493a8..1b4e97d15 100644
--- a/packages/vision-polyfill/src/editor.ts
+++ b/packages/vision-polyfill/src/editor.ts
@@ -2,7 +2,7 @@ import { globalContext } from '@ali/lowcode-globals';
 import Editor from '@ali/lowcode-editor-core';
 import { Designer } from '@ali/lowcode-designer';
 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 DesignerPlugin from '@ali/lowcode-plugin-designer';
 import { Skeleton } from './skeleton/skeleton';
@@ -33,11 +33,12 @@ skeleton.leftArea.add({
   type: 'PanelDock',
   props: {
     align: 'top',
-    icon: 'shuxingkongjian',
+    icon: 'smile',
     description: '大纲树',
   },
-  content: OutlinePane,
+  content: Pane,
   panelProps: {
     area: 'leftFixedArea',
+    title: 'awefawe',
   },
 });