样式微调

docs/src/routes/components/jsdocs.json

@@ -1048,6 +1048,12 @@
       "defaultvalue": "true",
       "name": "backdropClose",
       "values": ""
+    },
+    {
+      "isEvent": true,
+      "description": "取消事件",
+      "name": "closeEvent",
+      "values": ""
     }
   ],
   "Notice": [],

docs/src/routes/components/modal.svelte

@@ -42,4 +42,4 @@
   </div>
 </Example>
 
-<JSDoc {jsdoc}/>
+<JSDoc {jsdoc}   showEvent="true"/>

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": [

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;

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>

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) {