material 0.4.3 → 0.5.0

package/src/view/display.js

@@ -2,10 +2,23 @@
 export default {
   toggle () {
     this.visible ? this.hide() : this.show()
+
+    this.emit('toggle')
+    return this
   },
 
   show () {
-    // console.log('show')
+    // console.log('show', this.visible)
+
+    // if (this.options.transition) {
+    //   this.root.style.display = 'initial'
+    // }
+
+    this.root.getBoundingClientRect()
+
+    // clearTimeout(this.displayTimeout)
+    // this.root.style.display = this._display
+
     this.root.classList.add('show')
     this.visible = true
 
@@ -14,10 +27,17 @@ export default {
     }
 
     this.emit('show')
+    return this
   },
 
   hide () {
-    // console.log('show')
+    // console.log('hide', this.root.style.display)
+    // if (this.root.style.display === 'none') return
+    // clearTimeout(this.displayTimeout)
+    // this._display = getComputedStyle(this.root).display
+
+    if (!this.root) return
+
     this.root.classList.remove('show')
     this.visible = false
 
@@ -25,6 +45,47 @@ export default {
       this.underlay.classList.remove('show')
     }
 
+    // if (this.options.transition) {
+    //   this.displayTimeout = setTimeout(() => {
+    //     console.log('display: none', this._display)
+    //     this.root.style.display = 'none'
+    //   }, this.options.transition)
+    // }
+
     this.emit('hide')
+    return this
+  },
+
+  destroy () {
+    // console.log('destroy', this.options.transition, this.root)
+    if (this.options.transition && this.root) {
+      this.root.classList.remove('show')
+
+      if (this.underlay) {
+        this.underlay.classList.remove('show')
+      }
+
+      setTimeout(() => {
+        this.removeChild()
+      }, this.options.transition)
+    } else {
+      this.removeChild()
+    }
+
+    this.emit('destroy')
+  },
+
+  removeChild () {
+    if (this.root && this.root.parentNode) {
+      this.root.parentNode.removeChild(this.root)
+      this.root = null
+    }
+
+    if (this.underlay && this.underlay.parentNode) {
+      this.underlay.parentNode.removeChild(this.underlay)
+    }
+
+    this.emit('remove')
+    return this
   }
 }

package/src/form/clean.js

@@ -1,6 +0,0 @@
-
-export default {
-  clean (id) {
-    console.log('clean')
-  }
-}

package/src/form/controls.js

@@ -1,56 +0,0 @@
-
-export default {
-
-  initControls () {
-    // console.log('initControls', this.field)
-    for (var field in this.field) {
-      if (this.field.hasOwnProperty(field)) {
-        var control = this.field[field]
-        if (control && control.on) {
-          control.on('change', () => {
-            // console.log('change')
-            if (this.enableControls) {
-              this.enableControls()
-            }
-          })
-        }
-      }
-    }
-
-    for (var file in this.file) {
-      if (this.file.hasOwnProperty(file)) {
-        var control = this.file[file]
-        if (control && control.on) {
-          control.on('change', () => {
-            // console.log('change')
-            if (this.enableControls) {
-              this.enableControls()
-            }
-          })
-        }
-      }
-    }
-  },
-
-  enableControls () {
-    // console.log('enableControls')
-    if (!this.options.controls) return
-
-    for (var i = 0; i < this.options.controls.length; i++) {
-      if (this.ui[this.options.controls[i]].enable) {
-        this.ui[this.options.controls[i]].enable()
-      }
-    }
-  },
-
-  disableControls () {
-    // console.log('disableControls')
-    if (!this.options.controls) return
-
-    for (var i = 0; i < this.options.controls.length; i++) {
-      if (this.ui[this.options.controls[i]].disable) {
-        this.ui[this.options.controls[i]].disable()
-      }
-    }
-  }
-}

package/src/form/mode.js

@@ -1,8 +0,0 @@
-export default {
-  setMode (mode) {
-    // console.log('setMode', mode)
-    this.mode = mode
-
-    this.emit('mode', mode)
-  }
-}

package/src/form/setup.js

@@ -1,5 +0,0 @@
-export default {
-  setup () {
-
-  }
-}

package/src/list/fetch.js

@@ -1,66 +0,0 @@
-export default {
-  fetch (page, size) {
-    page = page || 1
-    size = size || this.options.list.size
-    // console.log('fetch')
-
-    var route = this.buildRoute(page, size)
-
-    // console.log('route', route)
-
-    fetch(route).then((resp) => {
-      return resp.json()
-    }).then((data) => {
-      // console.log('data', route, data)
-
-      if (this.options.store) {
-        this.storeData(data)
-      }
-
-      this.data = data
-      if (this.status) {
-        // console.log('count', data.length)
-        this.status('count', data.length)
-      }
-
-      this.render(data)
-      if (this.hideSearch) {
-        this.hideSearch()
-      }
-
-      this.emit('fetched', data)
-    })
-  },
-
-  buildRoute (page, size) {
-    page = page || 1
-    size = size || this.options.list.size
-    var params = '?'
-
-    var route = this.options.route.list
-
-    if (this.params) {
-      params = this.params() || ''
-    }
-
-    route = route + params
-
-    if (page === 1) {
-      this.ui.body.scrolltop = 0
-    }
-
-    if (this.options.pagination) {
-      route = route + 'page=' + page + '&size=' + size
-    }
-
-    return route
-  },
-
-  storeData (list) {
-    // console.log('storeData')
-    this.dataStore = this.dataStore || {}
-    for (var i = 0; i < list.length; i++) {
-      this.dataStore[list[i]._id] = list[i]
-    }
-  }
-}