@symbo.ls/atoms 1.2.0 → 1.2.5

package/Collection.js

@@ -0,0 +1,82 @@
+'use strict'
+
+import { isNot, isArray, isObject, isObjectLike, diff, deepClone } from '@domql/utils'
+
+export const Collection = {
+  define: {
+    $setCollection: (param, el, state) => {
+      if (!param) return
+
+      let data = isArray(param) ? param : []
+
+      if (isObject(param)) {
+        for (const obj in param) { data.push(param[obj]) }
+      }
+
+      data = data.map(item => !isObjectLike(item) ? {
+        props: { value: item }
+      } : item)
+
+      if (data.length) {
+        const t = setTimeout(() => {
+          el.set({ tag: 'fragment', ...data }, { preventDefineUpdate: '$setCollection' })
+          clearTimeout(t)
+        })
+      }
+
+      return data
+    },
+
+    $setStateCollection: (param, el, state) => {
+      if (!param) return
+      if (param.parse) param = param.parse()
+      if (isNot(param)('array', 'object')) return
+
+      if (el.key === 'cnt') {
+        if (el.__stateCollectionCache) {
+          const d = diff(param, el.__stateCollectionCache) // eslint-disable-line
+        } else {
+          el.__stateCollectionCache = deepClone(param)
+        }
+      }
+
+      const obj = { tag: 'fragment' }
+
+      for (const key in param) {
+        const value = param[key]
+        obj[key] = { state: isObjectLike(value) ? value : { value } }
+      }
+
+      const set = () => {
+        el.set(obj, { preventDefineUpdate: '$setStateCollection' })
+      }
+
+      if (el.props.lazyLoad) {
+        window.requestAnimationFrame(set)
+      } else set()
+
+      return obj
+    },
+
+    $setPropsCollection: (param, el, state) => {
+      if (!param) return
+      if (isNot(param)('array', 'object')) return
+
+      const obj = { tag: 'fragment' }
+      for (const key in param) {
+        const value = param[key]
+        obj[key] = { props: isObjectLike(value) ? value : { value } }
+      }
+
+      const set = () => {
+        el.set(obj, { preventDefineUpdate: '$setStateCollection' })
+      }
+
+      if (el.props.lazyLoad) {
+        window.requestAnimationFrame(set)
+      } else set()
+
+      return obj
+    }
+  }
+}

package/index.js

@@ -11,6 +11,7 @@ export * from './Iframe'
 export * from './Interaction'
 export * from './InteractiveComponent'
 export * from './Overflow'
+export * from './Collection'
 export * from './Position'
 export * from './Picture'
 export * from './Pseudo'

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "1.2.0",
+  "version": "1.2.5",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "769d39aee2ab66f0d64b1e0052893442857e7432",
+  "gitHead": "8f97205ca57c54560c3f7489c518e2153c5c9b5e",
   "dependencies": {
     "@domql/utils": "latest",
     "@symbo.ls/create-emotion": "latest",