beyond-rails 0.0.215 → 0.0.220

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 2f68ab9a79de99e40d9e8460452b9cf7fdaa43ff92b2a553f5c1715f0f99fd6d
-  data.tar.gz: 2ba5dd5bb3e6ffa51fdb779d32c08e25a03a442cefa7e5803c3a1a66dd8f7f9d
+  metadata.gz: b1ef85aad3c8a5799f0ea97067be6810e25005157c81e1c152e3c8d16dde6943
+  data.tar.gz: 1be3c704a9aae2e12ae193012a3d0886b42bd82e0320c82a7320ebd3596d269f
 SHA512:
-  metadata.gz: 83b82acf5fb118c6e6c26177cb0886bb90772f556b0da4ae371a18e77f3541f2427358eedfef4af09bd09bd03fa01fad89c117bd34cbce3b4893898aac5e1f17
-  data.tar.gz: 205e57cafe9e23882c7cf5614142d573cc5685550d718ba02b2fae32fa917111642ff75dbc2025f2b50664abfa84a74aa189657717b5580985b4c4c91754f880
+  metadata.gz: 8b32274411e7ee48785ad15059861a46f8239730c343081c1441c34fa977d67acb376806e40df050fdef87d92ad6ef1125a73b6f72a3d62eb4155f558a1c3625
+  data.tar.gz: 6f1ad38f4abaf2adaf7fe8930766b81602f0cbfd158d33504fba1f263d26d0222a23b785c8a2796437e0e16ee471007374f7786da9d89f16062c1923e71714ec

data/src/js/decorators/supportDom.js

@@ -1,21 +1,11 @@
 import { isFunction } from '../utils'
 import createdComponents from '../consts/createdComponents'
 
-const domMap = new Map()
-
 export default function supportDom(target) {
 
-  const targetName = target.name
-
   return class extends target {
 
     init() {
-      if (this.classNameUsed) {
-        console.warn(`This dom has already been initialized by ${targetName}`, this.dom)
-        return
-      }
-      this.setClassNameByDom(target)
-
       this._listeners = []
       this._externalListeners = []
       if (isFunction(super.init)) {
@@ -24,40 +14,6 @@ export default function supportDom(target) {
       createdComponents.push(this)
     }
 
-    get classNameUsed() {
-      if (this._skipDomChecking) {
-        return false
-      }
-      const classnames = domMap.get(this.dom) || []
-      return classnames.includes(targetName)
-    }
-
-    setClassNameByDom(target) {
-      const { dom } = this
-      if (dom) {
-        const classes = domMap.get(dom) || []
-        classes.push(targetName)
-        domMap.set(dom, classes)
-      }
-    }
-
-    deleteClassNameByDom(target) {
-      const { dom } = this
-      if (! dom) {
-        return
-      }
-      const { name } = target
-      const classnames = (domMap.get(dom) || [])
-        .filter(classname => classname !== name)
-
-      if (classnames.length === 0) {
-        domMap.delete(dom)
-      }
-      else {
-        domMap.set(dom, classnames)
-      }
-    }
-
     on(name, func) {
       this._externalListeners.push({ name, func })
     }
@@ -80,7 +36,6 @@ export default function supportDom(target) {
     }
 
     destroy() {
-      this.deleteClassNameByDom(target)
       this._externalListeners.length = 0
       this.removeEvents()
       if (isFunction(super.destroy)) {

data/src/js/index.js

@@ -27,6 +27,16 @@ import Tooltip from './components/Tooltip'
 import bind from './utils/bind'
 import docReady from './utils/docReady'
 import unbindAll from './utils/unbindAll'
+import {
+  $,
+  $$,
+  allOff,
+  load,
+  on,
+  onload,
+  onunload,
+  unload
+} from './utils/dom'
 
 export {
   Alert,
@@ -49,7 +59,15 @@ export {
   Timepicker,
   Toast,
   Tooltip,
+  $,
+  $$,
   bind,
+  allOff,
   docReady,
-  unbindAll
+  load,
+  on,
+  onload,
+  onunload,
+  unbindAll,
+  unload
 }

data/src/js/utils/dom.js

@@ -0,0 +1,56 @@
+const offFns = []
+const loadRows = []
+const unloadRows = []
+
+const onPage = row => {
+  const { controller, action } = row
+  const { dataset } = document.body
+  return (dataset.controller === controller) && (dataset.action === action)
+}
+
+export const $ = (selector, dom = document) => dom.querySelector(selector)
+
+export const $$ = (selector, dom = document) => Array.from(dom.querySelectorAll(selector))
+
+export const on = (dom, event, cb, useCapture = false) => {
+  dom.addEventListener(event, cb, useCapture)
+  const off = () => dom.removeEventListener(event, cb, useCapture)
+  offFns.push(off)
+
+  return () => {
+    const index = offFns.findIndex(fn => fn === off)
+    if (index !== -1) {
+      offFns.splice(index, 1)
+    }
+    off()
+  }
+}
+
+export const allOff = () => {
+  offFns.forEach(fn => fn())
+  offFns.length = 0
+}
+
+export const onload = (controller, action, fn) => {
+  loadRows.push({ controller, action, fn })
+}
+
+export const load = () => {
+  loadRows.forEach(row => {
+    if (onPage(row)) {
+      row.fn()
+    }
+  })
+}
+
+export const onunload = (controller, action, fn) => {
+  unloadRows.push({ controller, action, fn })
+}
+
+export const unload = () => {
+  unloadRows.forEach(row => {
+    if (onPage(row)) {
+      row.fn()
+    }
+  })
+}

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: beyond-rails
 version: !ruby/object:Gem::Version
-  version: 0.0.215
+  version: 0.0.220
 platform: ruby
 authors:
 - kmsheng
@@ -173,6 +173,7 @@ files:
 - src/js/utils/dateGt.js
 - src/js/utils/dateLt.js
 - src/js/utils/docReady.js
+- src/js/utils/dom.js
 - src/js/utils/domEval.js
 - src/js/utils/getFloatedTargetPos.js
 - src/js/utils/getKey.js