domql 1.5.24 → 1.5.26

package/package.json

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

package/src/element/create.js

@@ -11,7 +11,7 @@ import createProps from './props'
 import update from './update'
 import * as on from '../event/on'
 import { assignClass } from './mixins/classList'
-import { isFunction, isNumber, isString, createID, isNode, exec } from '../utils'
+import { isFunction, isNumber, isString, createID, isNode, exec, isArray } from '../utils'
 import { remove, lookup, setProps, log, keys, parse, parseDeep, spotByPath } from './methods'
 import cacheNode from './cache'
 import { registry } from './mixins'
@@ -66,7 +66,7 @@ const create = (element, parent, key, options = {}) => {
   if (isComponent(assignedKey)) {
     if (!extend && !childExtend && !props && !state || childProps) {
       element = {
-        extend: assignedKey,
+        extend: assignedKey.split('_')[0],
         props: element
       }
     } else if (!extend || extend === true) {

package/src/element/mixins/classList.js

@@ -32,7 +32,8 @@ export default (params, element, node) => {
   if (isObject(params)) params = classify(params, element)
   // TODO: fails on string
   const className = params.replace(/\s+/g, ' ').trim()
-  if (className && className !== __className) node.classList = className
-  element.__className = className
+  node.classList = className
+  // if (className && className !== __className) node.classList = className
+  // element.__className = className
   return className
 }

package/src/element/state.js

@@ -1,10 +1,9 @@
 'use strict'
 
-import { update } from '.'
 import { on } from '../event'
 import { debounce, deepClone, exec, isFunction, isObject, overwriteDeep } from '../utils'
 
-export const IGNORE_STATE_PARAMS = ['update', 'parse', 'clean', 'parent', '__element', '__depends', '__ref']
+export const IGNORE_STATE_PARAMS = ['update', 'parse', 'clean', 'parent', 'systemUpdate', '__system', '__element', '__depends', '__ref']
 
 export const parseState = function () {
   const state = this
@@ -27,6 +26,13 @@ export const cleanState = function () {
   return state
 }
 
+export const systemUpdate = function (obj, options = {}) {
+  const state = this
+  const rootState = state.__element.__root.state
+  rootState.update({ SYSTEM: obj }, options)
+  return state
+}
+
 export const updateState = function (obj, options = {}) {
   const state = this
   const element = state.__element
@@ -38,10 +44,12 @@ export const updateState = function (obj, options = {}) {
 
   overwriteDeep(state, obj, IGNORE_STATE_PARAMS)
 
-  if (!options.preventUpdate) debounce(element, update, 150)({}, {
-    preventStateUpdate: 'once',
-    ...options
-  })
+  if (!options.preventUpdate) element.update({}, options)
+
+  // debounce(element, , 150)({}, {
+  //   // preventStateUpdate: 'once',
+  //   ...options
+  // })
 
   if (state.__depends) {
     for (const el in state.__depends) {
@@ -53,12 +61,12 @@ export const updateState = function (obj, options = {}) {
 
   // run `on.stateUpdated`
   if (element.on && isFunction(element.on.stateUpdated)) {
-    on.stateUpdated(element.on.stateUpdated, element, state)
+    on.stateUpdated(element.on.stateUpdated, element, state, obj)
   }
 }
 
 export default function (element, parent) {
-  let { state } = element
+  let { state, __root } = element
 
   if (!state) {
     if (parent && parent.state) return parent.state
@@ -82,7 +90,9 @@ export default function (element, parent) {
   state.clean = cleanState
   state.parse = parseState
   state.update = updateState
+  state.systemUpdate = systemUpdate
   state.parent = element.parent.state
+  state.__system = __root && __root.state && __root.state.SYSTEM || state.SYSTEM
 
   // run `on.stateCreated`
   if (element.on && isFunction(element.on.stateCreated)) {

package/src/event/on.js

@@ -28,8 +28,8 @@ export const initStateUpdated = (param, element, state) => {
   param(element, state)
 }
 
-export const stateUpdated = (param, element, state) => {
-  param(element, state)
+export const stateUpdated = (param, element, state, changes) => {
+  param(element, state, changes)
 }
 
 export const update = (param, element, state) => {