From c41dc898f0734e8b3ba37316b0b84c9c94de4936 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=92=AC=E8=BD=AE=E7=8C=AB?= <10928033@qq.com>
Date: Sat, 18 Dec 2021 11:19:32 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=96=87=E6=9C=AC=E6=A1=86?=
 =?UTF-8?q?=E4=B8=8D=E8=83=BD=E8=BE=93=E5=85=A5=20=E4=BF=AE=E5=A4=8D?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=97=A0=E6=B3=95=E4=BD=BF=E7=94=A8echarts?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                    |  6 +++++-
 package.json                 |  2 +-
 src/components/SvgEditor.vue | 11 ++++++++++-
 src/export.ts                |  3 ++-
 4 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index b7566a7..f8994d5 100644
--- a/README.md
+++ b/README.md
@@ -35,7 +35,11 @@ import 'vue-webtopo-svgeditor/dist/style.css'
   alias: {
     'vue': 'vue/dist/vue.esm-bundler.js' // 定义vue的别名，如果使用其他的插件，可能会用到别名
   },
-
+# 如果需要使用图表 修改main.ts 全局注册一下图表组件
+import { VChart} from 'vue-webtopo-svgeditor';
+const app=createApp(App)
+app.component('v-chart',VChart)
+app.mount('#app')
 ```
 
 ## 如何使用
diff --git a/package.json b/package.json
index 0ac7fb3..4dd464b 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue-webtopo-svgeditor",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "files": [
     "dist"
   ],
diff --git a/src/components/SvgEditor.vue b/src/components/SvgEditor.vue
index e93c380..5015d56 100644
--- a/src/components/SvgEditor.vue
+++ b/src/components/SvgEditor.vue
@@ -335,39 +335,48 @@ document.onkeydown = function (e) {
   if (!select_svg.id) {
     return;
   }
-  e.preventDefault();
   if (!e.ctrlKey && e.key == 'ArrowUp') {
+    e.preventDefault();
     moveUp(svgLists, select_svg);
   } else if (!e.ctrlKey && e.key == 'ArrowDown') {
+    e.preventDefault();
     moveDown(svgLists, select_svg);
   } else if (!e.ctrlKey && e.key == 'ArrowLeft') {
+    e.preventDefault();
     moveLeft(svgLists, select_svg);
   } else if (!e.ctrlKey && e.key == 'ArrowRight') {
+    e.preventDefault();
     moveRight(svgLists, select_svg);
   }
   //ctrl  c
   else if (e.ctrlKey && e.key.toLowerCase() == 'c') {
+    e.preventDefault();
     hotkeyCopy(svgLists, select_svg);
   }
   //deleted
   else if (e.key == 'Delete') {
+    e.preventDefault();
     hotkeyDel(svgLists, select_svg);
     rightnav_open.value = false;
   }
   //上移一层
   else if (e.ctrlKey && e.key == 'ArrowUp') {
+    e.preventDefault();
     hotkeyPutOnUp(svgLists, select_svg);
   }
   //下移一层
   else if (e.ctrlKey && e.key == 'ArrowDown') {
+    e.preventDefault();
     hotkeyPutOnDown(svgLists, select_svg);
   }
   //置于底层
   else if (e.ctrlKey && e.key == 'ArrowLeft') {
+    e.preventDefault();
     hotkeyPutOnButtom(svgLists, select_svg);
   }
   //置于顶层
   else if (e.ctrlKey && e.key == 'ArrowRight') {
+    e.preventDefault();
     hotkeyPutOnTop(svgLists, select_svg);
   }
 }
diff --git a/src/export.ts b/src/export.ts
index 8b8fbc2..57a9662 100644
--- a/src/export.ts
+++ b/src/export.ts
@@ -1,3 +1,4 @@
 import SvgEditor from './components/SvgEditor.vue';
 import SvgPrview from './components/SvgPrview.vue';
-export { SvgEditor,SvgPrview }
\ No newline at end of file
+import ECharts from 'vue-echarts';
+export { SvgEditor,SvgPrview,ECharts as VChart }
\ No newline at end of file