release(modal): v0.1.2

Author: surunzi

Diff for: src/modal/index.ts

@@ -170,6 +170,13 @@ export default class Modal extends Component<IOptions> {
       modal.show()
     })
   }
+  /**
+   * Set alert, prompt, confirm container, need to be called first.
+   * @static
+   */
+  static setContainer(container: HTMLElement) {
+    globalContainer = container
+  }
   private bindEvent() {
     this.$body.on('click', this.c('.icon-close'), this.hide)
     this.on('optionChange', this.render)
@@ -212,11 +219,15 @@ export default class Modal extends Component<IOptions> {
 
 let globalModal: Modal | null = null
 
+let globalContainer: HTMLElement | null = null
+
 function getGlobalModal() {
+  if (!globalContainer) {
+    globalContainer = h('div')
+    document.body.append(globalContainer)
+  }
   if (!globalModal) {
-    const container = h('div')
-    document.body.append(container)
-    globalModal = new Modal(container, {
+    globalModal = new Modal(globalContainer, {
       showClose: false,
     })
   }

Diff for: src/modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "modal",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Create modal dialogs",
   "luna": {
     "icon": true

Diff for: src/modal/style.scss

@@ -76,14 +76,17 @@
 }
 
 .button {
-  padding: 6px 12px;
+  padding: 0 12px;
   background: #e9ecef;
   cursor: default;
   position: relative;
   user-select: none;
   margin: 0 4px;
   font-size: $font-size-s;
   border-radius: 4px;
+  overflow: hidden;
+  height: 28px;
+  line-height: 28px;
   &:active {
     &::before {
       background: $primary-color;
@@ -115,6 +118,8 @@
   font-size: 16px;
   padding: 6px 12px;
   border: 1px solid $border-color;
+  -webkit-appearance: none;
+  -moz-appearance: none;
 }
 
 .theme-dark {