@symbo.ls/atoms 2.11.352 → 2.11.357

package/Collection.js

@@ -12,7 +12,8 @@ export const Collection = {
       if (hasChildren) {
         param = el.props?.children
         const childrenAs = el.props?.childrenAs
-        if (childrenAs) param = param.map(v => ({ [childrenAs]: v }))
+        const extend = el.props?.childrenExtend
+        if (childrenAs) param = param.map(v => ({ extend, [childrenAs]: v }))
       } else if (!param) return
 
       if (isString(param)) {

package/Img.js

@@ -4,13 +4,22 @@ export const Img = {
   tag: 'img',
 
   attr: {
-    src: ({ props, context }) => {
-      const src = props.src
-      const file = context.files[src]
+    src: (el) => {
+      const { props, context } = el
+      const { exec, isString, replaceLiteralsWithObjectFields } = context.utils
+      let src = exec(props.src, el)
+
+      if (isString(src) && src.includes('{{')) {
+        src = replaceLiteralsWithObjectFields(src, el.state)
+      }
+
+      let isUrl
+      try { isUrl = new URL(src) } catch (e) {}
+      if (isUrl) return src
+      const file = context.files && context.files[src]
       if (src.startsWith('/') && file) {
         return file.content.src
       }
-      return src
     },
     alt: ({ props }) => props.alt,
     title: ({ props }) => props.title || props.alt

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@symbo.ls/atoms",
-  "version": "2.11.352",
+  "version": "2.11.357",
   "main": "index.js",
   "license": "MIT",
-  "gitHead": "c294479f06e6f576951c7c1cb3df309a08d59dc4",
+  "gitHead": "b5300a7b7e31509580190626af6c392176d2942d",
   "dependencies": {
     "@domql/state": "latest",
     "@domql/utils": "latest",