efront 2.44.8 → 2.46.0

package/coms/zimoli/list.js

@@ -433,18 +433,8 @@ function list() {
         bindSrc = container;
         container = div();
     } else if (container && !generator) {
-        var src = container.getAttribute("src") || container.getAttribute("ng-src") || container.getAttribute("v-src");
-        if (src) {
-            var parsedSrc = render.parseRepeat(src);
-            if (!parsedSrc) {
-                container.setAttribute("ng-src", src);
-                container.removeAttribute("src");
-                var generator = getGenerator(container);
-            } else {
-                container.setAttribute("ng-src", parsedSrc.srcName);
-                container.removeAttribute("src");
-                var generator = getGenerator(container, parsedSrc);
-            }
+        if ("$src" in container) {
+            generator = getGenerator(container);
             care(container, function () {
                 var index = container.index();
                 container.clean();

package/coms/zimoli/menu.js

@@ -101,19 +101,15 @@ function main(elem, mode) {
         // }
         // elem.setAttribute('browser', os);
         var mode = elem.getAttribute('mode') || elem.getAttribute('type');
-        mode = mode ? mode.toLowerCase() : "horizonal";
-        var src = elem.getAttribute("src") || elem.getAttribute("ng-src") || elem.getAttribute("v-src");
-        if (src) {
-            var parsedSrc = render.parseRepeat(src);
-            if (!parsedSrc) {
-                elem.removeAttribute("src");
-                var generator = getGenerator(elem);
-            } else {
-                elem.removeAttribute("src");
-                var generator = getGenerator(elem, parsedSrc);
+        if (!mode) {
+            if (/^[xyhvtci]/i.test(elem.tagName)) {
+                mode = elem.tagName.slice(0, 1);
+            }
+            else if (/[xyhvtci]$/i.test(elem.tagName)) {
+                mode = elem.tagName.slice(0, 1);
             }
-            elem.setAttribute("ng-src", parsedSrc ? parsedSrc.srcName : src);
         }
+        mode = mode ? mode.toLowerCase() : "horizonal";
 
         switch (mode) {
             case "i":
@@ -122,6 +118,7 @@ function main(elem, mode) {
             case "t":
             case "tree":
                 if (elem) {
+                    var generator = getGenerator(elem);
                     tree(elem, function (index, item) {
                         var e = generator(index, item);
                         if (!e || e.children.length) return e;
@@ -133,12 +130,14 @@ function main(elem, mode) {
                     });
                     elem.renders.push(function () {
                         var src = this.src;
+                        var hasIcon = false;
                         for (var cx = 0, dx = src; cx < dx; cx++) {
                             if (src[cx].icon) {
+                                hasIcon = true;
                                 break;
                             }
                         }
-                        elem.useIcon = true;
+                        elem.useIcon = hasIcon;
                     });
                 } else {
                     var nodes = getTreeNodes(elem);
@@ -155,9 +154,10 @@ function main(elem, mode) {
                 var emit = function (item) {
                     active(elem, item, item.value);
                 };
-                if (src) {
+                if ("$src" in elem) {
+                    getGenerator(elem);
                     care(elem, function (src) {
-                        menuList(elem, getTreeFromData(src), emit, generator, direction);
+                        menuList(elem, getTreeFromData(src), emit, direction);
                     });
                 } else {
                     var nodes = getArrayNodes(elem);

package/coms/zimoli/menu.less

@@ -160,7 +160,7 @@ body:active & {
             background: #1e282c;
 
             & s:after {
-                top: -10px;
+                top: -9.2px;
             }
         }
 

package/coms/zimoli/menuItem.js

@@ -2,7 +2,10 @@ function main(elem, scope, hasIcon) {
     var item = elem || document.createElement('menu-item');
     item.innerHTML = menuItem;
     if (isObject(scope) && scope !== elem.$scope) {
-        render(item, { menu: scope, useIcon: hasIcon })
+        render(item, { menu: scope, useIcon: hasIcon, hasIcon })
+    }
+    else {
+        extendIfNeeded(elem.$scope, { useIcon: false, hasIcon: false })
     }
     return item;
 }

package/coms/zimoli/menuList.js

@@ -8,7 +8,7 @@ var release = function () {
 var clear = function () {
     clearTimeout(releaseTimer);
 };
-function main(page, items, active, generator, direction = 'y') {
+function main(page, items, active, direction = 'y') {
     if (!isNode(page)) {
         var page = div();
     }
@@ -21,7 +21,7 @@ function main(page, items, active, generator, direction = 'y') {
         if (!item.children || !item.children.length) return;
         var clone = template.cloneNode();
         clone.innerHTML = template.innerHTML;
-        var menu = main(clone, item.children, active, generator);
+        var menu = main(clone, item.children, active);
         mounted_menus.push(menu);
 
         page.active = menu;
@@ -46,7 +46,7 @@ function main(page, items, active, generator, direction = 'y') {
         template.innerHTML = page.innerHTML;
         page.tempalte = template;
     }
-    if (!generator || !page.children.length || page.menutype === 1) {
+    if (!page.children.length || page.menutype === 1) {
         page.innerHTML = menuList;
         page.menutype = 1;
         var hasIcon = function () {
@@ -82,6 +82,7 @@ function main(page, items, active, generator, direction = 'y') {
             this.$scope.hasIcon = hasIcon();
         });
     } else {
+        var generator = getGenerator(page);
         list(page, function (index) {
             var elem = generator(index);
             if (!elem) return;

package/coms/zimoli/model.js

@@ -38,6 +38,7 @@ var constructors = {
     input,
     raw: input,
     row: textarea,
+    password,
     text: textarea,
     date() {
         var elem = document.createElement("input");

package/coms/zimoli/on.js

@@ -144,6 +144,22 @@ function checkKeyNeed(eventtypes, e) {
     }
     return true;
 }
+function wrapHandler(h) {
+    if (h instanceof Function) {
+        return function () {
+            var res = h.apply(this, arguments);
+            if (res && isFunction(res.then)) {
+                this.setAttribute('pending', '');
+                var removePending = () => {
+                    this.removeAttribute('pending');
+                };
+                res.then(removePending, removePending);
+            }
+            return res;
+        }
+    }
+    return h;
+}
 if (is_addEventListener_enabled) {
     var on = function (k) {
         var on_event_path = "on" + k;
@@ -151,6 +167,7 @@ if (is_addEventListener_enabled) {
         var eventtypes = parseEventTypes(k);
         k = k.replace(eventtypereg, '');
         function addhandler(element, handler, firstmost) {
+            handler = wrapHandler(handler);
             if (eventtypes.capture) firstmost = true;
             if (k === changes_key) {
                 if (!element.needchanges) element.needchanges = 0;
@@ -190,6 +207,7 @@ if (is_addEventListener_enabled) {
 
         if (handlersMap[on_event_path]) return handlersMap[on_event_path];
         function addhandler(element, handler, firstmost = false) {
+            handler = wrapHandler(handler);
             if (eventtypes.capture) {
                 console.warn("当前运行环境不支持事件capture");
                 firstmost = true;

package/coms/zimoli/radio.html

@@ -1,6 +1,4 @@
 <a ng-repeat="o in options" ng-click="select(o)" ng-class="{activate:o===options.active}">
-    <r>
-        <s></s>
-    </r>
+    <r><s></s></r>
     <span ng-bind=o.name||o></span>
 </a>

package/coms/zimoli/radio.less

@@ -1,38 +1,44 @@
-& {    
-    vertical-align: top;
-}
-
 >a {
     line-height: inherit;
     margin-right: 10px;
-    vertical-align: top;
 
     >r {
+        font-family: sans-serif;
         display: inline-block;
-        height: 1em;
-        width: 1em;
-        border-radius: 50%;
-        border: .1em solid;
         position: relative;
+        margin-right: .3em;
+        text-align: center;
         vertical-align: middle;
-        margin-right: 4px;
+        width: 1em;
+        height: 1em;
+        border: .1em solid;
+        border-radius: 50%;
 
         >s {
             display: none;
+            position: absolute;
+            text-decoration: none;
+            overflow: hidden;
             border-radius: 50%;
-            border: .2em solid;
             width: .4em;
             height: .4em;
-            position: absolute;
-            margin: -.2em;
             top: 50%;
             left: 50%;
+            margin: -.2em;
+
+            text-indent: -.5em;
+
+            &:after {
+                position: absolute;
+                left: 0;
+                top: 0;
+                display: block;
+                content: "";
+                border: .3em solid;
+            }
         }
     }
 
-    >span {
-        vertical-align: middle;
-    }
 
     &.activate {
         >r {

package/coms/zimoli/render.js

@@ -55,7 +55,7 @@ var variableReg = /([^\:\,\+\=\-\!%\^\|\/\&\*\!\;\?\>\<~\{\}\s]|\?\s*\.(?=[^\d])
 var createGetter = function (search, isprop = true) {
     var [withContext, searchContext] = search;
     if (!searchContext) return function () { };
-    var ret = /\;|(\d\.|[^\{\.\+\:\?\-\=\*\/\?\\,~!<>%\^&\}\s])\s*([\r\n\u2028\u2029])\s*(\.\d|[^\.\+\-\=\*\/\?\\,~!<>%\^&\[\}\(\?\:\s])/.test(searchContext) ? "" : "return ";
+    var ret = /\;/.test(searchContext) ? "" : "return ";
     if (/\?\s*\.(?=[^\d])/.test(searchContext)) {
         searchContext = searchContext.replace(variableReg, function (context) {
             var dist;
@@ -71,7 +71,7 @@ var createGetter = function (search, isprop = true) {
         });
     }
     if (isprop) {
-        return new Function('event', `try{${withContext}with(this.$scope){${ret}${searchContext}}}catch(e){/*console.warn(String(e))*/}`);
+        return new Function('event', `${withContext}with(this.$scope){${ret}${searchContext}}`);
     }
     return new Function("event", `${withContext}with(this.$scope){${/([\=\(\+\-])/.test(searchContext) ? ret + searchContext : `${ret}${searchContext}.call(this.$scope,event)`}}`);
 };
@@ -144,7 +144,10 @@ var createRepeat = function (search, id = 0) {
             throw new Error("数据量过大，取消绘制！");
         }
         var $parentScopes = element.$parentScopes || [];
-        if (element.$scope) $parentScopes = $parentScopes.concat(element.$scope);
+        var $struct = element.$struct;
+        if (element.$scope) {
+            $struct = Object.assign({}, $struct, { context: $struct.context + `with(this.$parentScopes[${$parentScopes.length}])` }), $parentScopes = $parentScopes.concat(element.$scope);
+        }
         var clonedElements1 = Object.create(null);
         var cloned = keys.map(function (key, cx) {
             var k = isArrayResult ? cx : key;
@@ -161,6 +164,7 @@ var createRepeat = function (search, id = 0) {
             };
             clone.$scope = $scope;
             clone.$parentScopes = $parentScopes;
+            clone.$struct = $struct;
             clone = render(clone, $scope, clone.$parentScopes);
             clonedElements1[k] = clone;
             return clone;
@@ -302,19 +306,17 @@ var parseIfWithRepeat = function (ifExpression, repeatExpression) {
 
 var createStructure = function ({ name: ifkey, key, value: ifexp } = {}, { name: forkey, value: repeat } = {}, context) {
     var element = this;
-    if (!ifkey) return structures.repeat.call(element, [context, repeat]);
-    if (!repeat) return structures[key].call(element, [context, ifexp]);
+    if (!ifkey) return element.removeAttribute(forkey), structures.repeat.call(element, [context, repeat]);
+    if (!repeat) return element.removeAttribute(ifkey), structures[key].call(element, [context, ifexp]);
     if (!ifexp) {
         element.removeAttribute(ifkey);
         return structures[key].call(element, [context, ifexp]);
     }
     var { before, after } = parseIfWithRepeat(ifexp, repeat);
-    if (!after.length) {
-        element.removeAttribute(ifkey);
-    } else {
-        element.setAttribute(ifkey, after.join("&&"));
+    element.removeAttribute(ifkey);
+    if (after.length) {
+        element.setAttribute("a-if", after.join("&&"));
     }
-
     if (before.length > 0) {
         // 懒渲染
         createIf.call(element, [context, before.join("&&")], null);
@@ -346,60 +348,13 @@ var structures = {
 };
 structures["else-if"] = structures.elseif = structures.else;
 structures["for-each"] = structures.foreach = structures.for = structures.each = structures.repeat;
-var changed = function () {
-    if (!this.dirty) this.dirty = true, this.setAttribute('dirty', '');
-};
-var directives = {
-    src(search) {
-        var getter = createGetter(search).bind(this);
-        var savedValue, savedOrigin, pending;
-        var refresh = function () {
-            that.src = savedValue;
-            removeClass(that, "pending");
-            pending = 0;
-        };
-        var img = document.createElement("img");
-        var that = this;
-        this.renders.push(function () {
-            var origin = getter();
-            var temp = origin;
-            if (origin instanceof Array) {
-                temp = extend([], origin);
-            } else if (isObject(origin)) {
-                temp = extend({}, origin);
-            } else if (isEmpty(origin)) {
-                temp = "";
-            }
-            var changes = getChanges(temp, savedValue);
-            if (!changes) return;
-            savedOrigin = origin;
-            savedValue = temp;
-            if (/^img$/i.test(this.tagName)) {
-                // this.setAttribute("src", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAC0lEQVQYV2NgAAIAAAUAAarVyFEAAAAASUVORK5CYII=");
-                if (!isString(origin)) {
-                    return;
-                }
-                if (origin) {
-                    img.src = origin;
-                    if (img.complete) {
-                        this.src = origin;
-                    } else if (!pending) {
-                        addClass(this, "pending");
-                        pending = setTimeout(refresh);
-                    }
-                }
-            } else {
-                this.src = origin;
-                cast(this, origin);
-            }
-        });
-    },
-    bind(search) {
+var createBinder = function (binder) {
+    return function (search) {
         var getter = createGetter(search).bind(this);
         var oldValue;
         this.renders.push(function () {
             var value = getter();
-            if (deepEqual(value, oldValue)) return;
+            if (deepEqual.shallow(value, oldValue)) return;
             oldValue = value;
             if (isNode(value) || isArray(value)) {
                 if (value !== this.firstChild) {
@@ -407,9 +362,49 @@ var directives = {
                     appendChild(this, value);
                 }
             } else {
-                if (text(this) !== value) text(this, value);
+                if (isEmpty(value)) value = '';
+                if (binder(this) !== value) binder(this, value);
             }
         });
+
+    }
+}
+
+var src2 = function (search) {
+    var getter = createGetter(search).bind(this);
+    var savedValue;
+    this.renders.push(function () {
+        var origin = getter();
+        var temp = origin;
+        if (origin instanceof Array) {
+            temp = extend([], origin);
+        } else if (isObject(origin)) {
+            temp = extend({}, origin);
+        } else if (isEmpty(origin)) {
+            temp = "";
+        }
+        var changes = getChanges(temp, savedValue);
+        if (!changes || isEmpty(origin) && isEmpty(this.src)) return;
+        savedValue = temp;
+        this.src = origin;
+        cast(this, origin);
+    });
+}
+var directives = {
+    bind: createBinder(text),
+    html: createBinder(html),
+    hide: createBinder(function (elem, value) {
+        if (arguments.length === 1) return elem.style.display === 'none';
+        elem.style.display = value ? 'none' : '';
+    }),
+    show: createBinder(function (elem, value) {
+        if (arguments.length === 1) return elem.style.display !== 'none';
+        elem.style.display = value ? '' : 'none';
+    }),
+    style: createBinder(css),
+    src([s, src]) {
+        var parsedSrc = this.$src;
+        return src2.call(this, [s, parsedSrc ? parsedSrc.srcName : src]);
     },
     model(search) {
         var getter = createGetter(search).bind(this);
@@ -462,35 +457,6 @@ var directives = {
         }
         var onchange = change;
         eventsHandlers.map(on => on(this, onchange));
-        eventsHandlers.map(on => on(this, changed));
-    },
-    hide(search) {
-        var getter = createGetter(search).bind(this);
-        var oldValue;
-        this.renders.push(function () {
-            var value = !!getter();
-            if (deepEqual(oldValue, value)) return;
-            oldValue = value;
-            if (value) {
-                this.style.display = "none";
-            } else {
-                this.style.display = "";
-            }
-        });
-    },
-    show(search) {
-        var getter = createGetter(search).bind(this);
-        var oldValue;
-        this.renders.push(function () {
-            var value = !!getter();
-            if (deepEqual(oldValue, value)) return;
-            oldValue = value;
-            if (value) {
-                this.style.display = "";
-            } else {
-                this.style.display = "none";
-            }
-        });
     },
 
     "class"(search) {
@@ -528,17 +494,8 @@ var directives = {
             }
         });
     },
-    style(search) {
-        var getter = createGetter(search).bind(this);
-        var oldValue;
-        this.renders.push(function () {
-            var stylesheet = getter();
-            if (deepEqual(oldValue, stylesheet)) return;
-            oldValue = stylesheet;
-            css(this, stylesheet);
-        });
-    }
 };
+directives.text = directives.bind;
 // property binder
 var binders = {
     _(attr, search) {
@@ -580,6 +537,7 @@ var emiters = {
             var res = getter.call(this, e);
             if (res && isFunction(res.then)) res.then(digest, digest);
             digest();
+            return res;
         });
     },
     once(key, search) {
@@ -588,6 +546,7 @@ var emiters = {
             var res = getter.call(this, e);
             if (res && isFunction(res.then)) res.then(digest, digest);
             digest();
+            return res;
         });
     }
 };
@@ -636,10 +595,14 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
     if (parentNode) {
         if (parentNode.renderid > 1 || parentNode.isMounted) element.renderid = 2;
     }
-    var ons = [];
 
     if (isFirstRender) {
-        var attrs = [].concat.apply([], element.attributes);
+        element.renders = element.renders ? [].concat(element.renders) : [];
+        var { ons, copys, attrs, props, binds, context: withContext } = element.$struct;
+        delete element.$struct;
+        if (binds.src) {
+            element.$src = parseRepeat(binds.src);
+        }
         var { tagName, parentNode, nextSibling } = element;
         // 替换元素
         var constructor = getFromScopes(tagName, scope, parentScopes);
@@ -652,13 +615,12 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
             constructor = getFromScopes(tagName, scope, parentScopes);
         }
         if (isFunction(constructor)) {
-            var attrsMap = {};
             var replacer = constructor.call(scope, element, scope, parentScopes);
             if (isNode(replacer) && element !== replacer) {
                 if (nextSibling) appendChild.before(nextSibling, replacer);
                 else if (parentNode) appendChild(parentNode, replacer);
                 if (element.parentNode === parentNode) remove(element);
-                attrs.map(function (attr) {
+                copys.forEach(function (attr) {
                     var { name, value } = attr;
                     switch (name.toLowerCase()) {
                         case "class":
@@ -672,62 +634,39 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
                             replacer[name] = value;
                             break;
                         default:
-                            if (!/[\-@\:\._]/.test(name)) {
-                                replacer.setAttribute(name, value);
-                            } else {
-                                attrsMap[name] = attr;
-                            }
+                            replacer.setAttribute(name, value);
                     }
                 });
                 replacer.renderid = element.renderid;
+                replacer.renders = element.renders;
+                if (binds.src) replacer.$src = element.$src;
                 element = replacer;
                 element.$scope = scope;
                 element.$parentScopes = parentScopes;
             }
-            [].concat.apply([], element.attributes).forEach(attr => {
-                if (attrsMap[attr.name]) {
-                    delete attrsMap[attr.name];
-                }
-                attrsMap[attr.name] = attr;
-            });
-            attrs = Object.keys(attrsMap).map(key => attrsMap[key]);
         }
     }
     if (element.children.length) renderElement(element.children, scope, parentScopes);
     if (!isFirstRender) return element;
-    // 解析属性
-    element.renders = element.renders ? [].concat(element.renders) : [];
-    var withContext = parentScopes ? parentScopes.map((_, cx) => `with(this.$parentScopes[${cx}])`).join("") : '';
-    var emiter_reg = /^(?:(v|ng|on|once)\-|v\-on\:|@|once|on)/i;
-    attrs.map(function (attr) {
-        var { name, value } = attr;
-        if (/^(?:class|style|src|\:)$/i.test(name)) return;
-        var key = name.replace(/^(ng|v|.*?)\-|^[\:\_\.]/i, "").toLowerCase();
-        if (directives.hasOwnProperty(key) && isFunction(directives[key])) {
-            directives[key].call(element, [withContext, value]);
-            element.removeAttribute(name);
-        } else if (emiter_reg.test(name)) {
-            var match = emiter_reg.exec(name);
-            var ngon = (match[1] || match[0]).toLowerCase() === 'once' ? 'once' : 'on';
-            element.removeAttribute(name);
-            ons.push([emiters[ngon], name.replace(emiter_reg, ''), value]);
-        } else if (/^([\_\:\.]|v\-bind\:)/.test(name)) {
-            binders._.call(element, name.replace(/^([\_\:\.]|v\-bind\:)/, ""), [withContext, value]);
-            element.removeAttribute(name);
-        } else if (/[_@\:\.]$/.test(name)) {
-            binders[""].call(element, name.replace(/[_@\:\.]$/, ""), [withContext, value]);
-            element.removeAttribute(name);
-        } else {
-            name = name.replace(/\-(\w)/g, (_, w) => w.toUpperCase());
-            try {
-                element[name] = value === '' ? true : value;
-            } catch (e) {
-            }
+    for (var k in binds) {
+        if (directives.hasOwnProperty(k)) {
+            directives[k].call(element, [withContext, binds[k]])
         }
-    });
-    rebuild(element);
+        else {
+            binders._.call(element, k, [withContext, binds[k]]);
+        }
+    }
+    for (var k in attrs) {
+        binders[""].call(element, k, [withContext, attrs[k]]);
+    }
+    for (var k in props) {
+        try {
+            element[k] = props[k];
+        } catch (e) { }
+    }
     ons.forEach(([on, key, value]) => on.call(element, key, [withContext, value]));
     if (element.renders.length) {
+        rebuild(element);
         onappend(element, addRenderElement);
         onremove(element, removeRenderElement);
         if (element.isMounted || element.renderid > 1) addRenderElement.call(element);
@@ -749,11 +688,19 @@ function renderStructure(element, scope, parentScopes = []) {
     }
     var attrs = [].concat.apply([], element.attributes);
     var withContext = parentScopes ? parentScopes.map((_, cx) => `with(this.$parentScopes[${cx}])`).join("") : '';
-    attrs = attrs.filter(a => structures.hasOwnProperty(a.name.replace(/^(ng|V|.*?)\-/i, '').toLowerCase()));
     var types = {};
-    if (attrs.length > 2) throw new Error(`请不要在同一元素上使用三次及以上的结构属性:${attrs.map(a => a.name)}`);
-    attrs.map(function (attr) {
-        var { name } = attr;
+    var emiter_reg = /^(?:(v|ng|on|once)\-|v\-on\:|@|once|on)/i;
+    var ons = [];
+    var copys = [];
+    var binds = {};
+    var attr1 = {};
+    var props = {};
+    for (var attr of attrs) {
+        var { name, value } = attr;
+        if (/^(?:class|style|src|\:|placeholder)$/i.test(name)) {
+            copys.push(attr);
+            continue;
+        }
         var key = name.replace(/^(ng|v|.*?)\-/i, "").toLowerCase();
         if (structures.hasOwnProperty(key) && isFunction(structures[key])) {
             if (element.renderid <= -2) {
@@ -776,9 +723,29 @@ function renderStructure(element, scope, parentScopes = []) {
             }
             if (!element.renderid) element.renderid = -1;
             else element.renderid = -2;
+            // element.removeAttribute(name);
+        }
+        if (element.$struct) continue;
+        var key = name.replace(/^(ng|v|.*?)\-|^[\:\_\.]|^v\-bind\:/i, "").toLowerCase();
+        if (directives.hasOwnProperty(key) || /^([\_\:\.]|v\-bind\:)/.test(name)) {
+            binds[key] = value;
             element.removeAttribute(name);
         }
-    });
+        else if (emiter_reg.test(name)) {
+            var match = emiter_reg.exec(name);
+            var ngon = (match[1] || match[0]).toLowerCase() === 'once' ? 'once' : 'on';
+            element.removeAttribute(name);
+            ons.push([emiters[ngon], name.replace(emiter_reg, ''), value]);
+        }
+        else if (/[_@\:\.]$/.test(name)) {
+            attr1[name.replace(/[_@\:\.]$/, "")] = value;
+            element.removeAttribute(name);
+        }
+        else {
+            props[name.replace(/\-(\w)/g, (_, w) => w.toUpperCase())] = value === "" ? true : value;
+        }
+    }
+    if (!element.$struct) element.$struct = { ons, copys, binds, attrs: attr1, props, context: withContext };
     if (element.renderid <= -1) createStructure.call(element, types.if, types.repeat, withContext);
 }
 function render(element, scope, parentScopes) {

package/coms/zimoli/renderDefaults.js

@@ -38,4 +38,5 @@ extend(renderDefaults, {
     swap,
     password,
     table,
+    form,
 });