domql 1.4.11 → 1.4.12

package/package.json

@@ -3,7 +3,7 @@
   "description": "DOM rendering Javascript framework at early stage.",
   "private": false,
   "author": "rackai",
-  "version": "1.4.11",
+  "version": "1.4.12",
   "repository": "https://github.com/rackai/domql",
   "publishConfig": {
     "registry": "https://registry.npmjs.org"

package/packages/emotion/index.js

@@ -6,45 +6,49 @@ import { classList } from '../../src/element/mixins'
 import createEmotion from '@emotion/css/create-instance'
 const ENV = process.env.NODE_ENV
 
-const {
-  flush,
-  hydrate,
-  cx,
-  merge,
-  getRegisteredStyles,
-  injectGlobal,
-  keyframes,
-  css,
-  sheet,
-  cache
-} = createEmotion({ key: 'smbls' })
+export const initEmotion = (container, options) => {
+  const {
+    flush,
+    hydrate,
+    cx,
+    merge,
+    getRegisteredStyles,
+    injectGlobal,
+    keyframes,
+    css,
+    sheet,
+    cache
+  } = createEmotion({ key: 'smbls', container })
 
-const style = (params, element, node) => {
-  const execPareams = exec(params, element)
-  if (params) {
-    if (isObjectLike(element.class)) element.class.style = execPareams
-    else element.class = { style: execPareams }
+  const style = (params, element, node) => {
+    const execPareams = exec(params, element)
+    if (params) {
+      if (isObjectLike(element.class)) element.class.style = execPareams
+      else element.class = { style: execPareams }
+    }
+    classf(element.class, element, node)
   }
-  classf(element.class, element, node)
-}
 
-const classf = (params, element, node) => {
-  if (isObjectLike(params)) {
-    const classObjHelper = {}
-    for (const key in params) {
-      const prop = exec(params[key], element)
-      if (!prop) continue
-      if ((ENV === 'test' || ENV === 'development') && isObject(prop)) prop.label = key || element.key
-      const CSSed = css(prop)
-      classObjHelper[key] = CSSed
+  const classf = (params, element, node) => {
+    if (isObjectLike(params)) {
+      const classObjHelper = {}
+      for (const key in params) {
+        const prop = exec(params[key], element)
+        if (!prop) continue
+        if ((ENV === 'test' || ENV === 'development') && isObject(prop)) prop.label = key || element.key
+        const CSSed = css(prop)
+        classObjHelper[key] = CSSed
+      }
+      classList(classObjHelper, element, node)
     }
-    classList(classObjHelper, element, node)
   }
+
+  DOM.define({
+    style,
+    class: classf
+  }, {
+    overwrite: true
+  })
 }
 
-DOM.define({
-  style,
-  class: classf
-}, {
-  overwrite: true
-})
+initEmotion()

package/src/element/create.js

@@ -117,7 +117,7 @@ const create = (element, parent, key, options = {}) => {
   // enable CHANGES storing
   if (!element.__changes) element.__changes = []
 
-  // enable CHANGES storing
+  // Add _root element property
   const hasRoot = parent.parent && parent.parent.key === ':root'
   if (!element.__root) element.__root = hasRoot ? parent : parent.__root