diff --git a/docs/src/routes/components/jsdocs.json b/docs/src/routes/components/jsdocs.json
index 9a48fed..8b2378f 100644
--- a/docs/src/routes/components/jsdocs.json
+++ b/docs/src/routes/components/jsdocs.json
@@ -1048,6 +1048,12 @@
       "defaultvalue": "true",
       "name": "backdropClose",
       "values": ""
+    },
+    {
+      "isEvent": true,
+      "description": "取消事件",
+      "name": "closeEvent",
+      "values": ""
     }
   ],
   "Notice": [],
diff --git a/docs/src/routes/components/modal.svelte b/docs/src/routes/components/modal.svelte
index 0226189..5c778e4 100644
--- a/docs/src/routes/components/modal.svelte
+++ b/docs/src/routes/components/modal.svelte
@@ -42,4 +42,4 @@
   </div>
 </Example>
 
-<JSDoc {jsdoc}/>
\ No newline at end of file
+<JSDoc {jsdoc}   showEvent="true"/>
\ No newline at end of file
diff --git a/package.json b/package.json
index af28c17..1434db6 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "svelma-pro",
   "svelte": "src/index.js",
   "description": "Based on svelma project extension and modification",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "author": "KeiferJu",
   "license": "MIT",
   "keywords": [
diff --git a/src/components/Datepicker/View/MonthView.svelte b/src/components/Datepicker/View/MonthView.svelte
index 9b0b9df..3b72a99 100644
--- a/src/components/Datepicker/View/MonthView.svelte
+++ b/src/components/Datepicker/View/MonthView.svelte
@@ -172,8 +172,8 @@
     padding: 0;
     border-collapse: collapse;
     /* position: absolute; */
-    width: 300px;
-    left: -1px;
+    width: 301px;
+    /* left: -1px; */
   }
   tbody {
     padding: 0;
diff --git a/src/components/Layout/Footer.svelte b/src/components/Layout/Footer.svelte
index 87bb43e..08cd892 100644
--- a/src/components/Layout/Footer.svelte
+++ b/src/components/Layout/Footer.svelte
@@ -1,13 +1,12 @@
 <script>
   export let height = "auto";
   export let width = "auto";
+  export let padding = "0 50px";
   export let bgcolor = "auto";
-  export let padding = "24px 50px"
 </script>
 <style lang="scss">
   @import "./Layout.scss";
 </style>
-
-<div class="smx-layout-footer"  style="height: {height};width: {width};background: {bgcolor};padding: {padding}">
+<div class="smx-layout-footer" style="height: {height};width: {width};background: {bgcolor};padding: {padding};line-height: {height}">
   <slot />
 </div>
diff --git a/src/components/Modal/Modal.svelte b/src/components/Modal/Modal.svelte
index 7644ed5..1eb7df6 100644
--- a/src/components/Modal/Modal.svelte
+++ b/src/components/Modal/Modal.svelte
@@ -1,6 +1,8 @@
 <script>
   import { onDestroy, onMount } from 'svelte'
   import { chooseAnimation, isEscKey } from '../../utils'
+  import { createEventDispatcher } from 'svelte'
+  const dispatch = createEventDispatcher()
 
   export let active = true // 是否激活
   export let title = 'Modal title' //标题
@@ -35,6 +37,7 @@
   function close() {
     modal = null
     active = false
+    dispatch('closeEvent', '')
   }
 
   function keydown(e) {