efront 3.27.1 → 3.28.0

package/coms/zimoli/render.js

@@ -1,21 +1,29 @@
 var hasOwnProperty = {}.hasOwnProperty;
 var renderElements = Object.create(null);
 var presets = Object.create(null);
+var copyAttribute = function (node, copys) {
+    for (var { name, value } of copys) switch (name.toLowerCase()) {
+        case "class":
+            addClass(node, value);
+            break;
+        case "style":
+            css(node, value);
+            break;
+        case "src":
+        case "placeholder":
+            node[name] = value;
+            break;
+        default:
+            node.setAttribute(name, value);
+    }
+}
 var createTemplateNodes = function (text) {
     remove(this.with);
     if (isEmpty(text)) return;
     if (isNode(text)) {
         var node = text;
         if (isElement(node) && this.$struct.copys) {
-            for (var c of this.$struct.copys) {
-                if (c.name === 'class') {
-                    addClass(node, c.value);
-                }
-                else if (c.name === 'style') {
-                    css(node, c.value);
-                }
-                else node.setAttribute(c.name, c.value);
-            }
+            copyAttribute(node, this.$struct.copys);
         }
         this.with = [node];
         return;
@@ -779,23 +787,7 @@ function renderElement(element, scope = element.$scope, parentScopes = element.$
                 if (nextSibling) appendChild.before(nextSibling, replacer);
                 else if (parentNode) appendChild(parentNode, replacer);
                 if (element.parentNode === parentNode) remove(element);
-                copys.forEach(function (attr) {
-                    var { name, value } = attr;
-                    switch (name.toLowerCase()) {
-                        case "class":
-                            addClass(replacer, value);
-                            break;
-                        case "style":
-                            css(replacer, value);
-                            break;
-                        case "src":
-                        case "placeholder":
-                            replacer[name] = value;
-                            break;
-                        default:
-                            replacer.setAttribute(name, value);
-                    }
-                });
+                copyAttribute(replacer, copys);
                 if (!replacer.renderid) replacer.renderid = element.renderid;
             }
         }
@@ -899,6 +891,15 @@ function createStructure(element) {
             element.removeAttribute(name);
             continue;
         };
+        if (/^\./.test(name) && !value) {
+            // 识别为class
+            element.removeAttribute(name);
+            value = name.slice(1).replace(/\./g, ' ')
+            name = 'class';
+            copys.push({ name, value });
+            element.setAttribute(name, value);
+            continue;
+        }
         if (/^(?:class|style|src|\:|placeholder)$/i.test(name)) {
             copys.push(attr);
             continue;

package/coms/zimoli/titlebar.js

@@ -1,4 +1,4 @@
-var nav = createElement(div);
+var nav = createElement("titlebar");
 
 function btn(element) {
     var opt = button(element);

package/coms/zimoli/titlebar.less

@@ -14,7 +14,7 @@
     border          : 1px solid #18333c;
     background-color: #18333c99;
     backdrop-filter : blur(20px);
-    box-shadow      : inset 0 0 6px #51ddf6, inset 200px -160px 200px -200px #51ddf6;
+    box-shadow      : inset 0 0 6px #51ddf666, inset 200px -160px 200px -200px #51ddf633;
     cursor          : default;
 
     >label {

package/coms/zimoli/view.less

@@ -15,6 +15,7 @@ body>& {
     -webkit-user-select: none;
     border: 1px solid #0006;
     min-width: 160px;
+    background: #fff;
 }
 
 &[draggable] {
@@ -25,7 +26,7 @@ body>& {
 >[body] {
     padding: 6px 20px 6px 6px;
     margin-right: -20px;
-    background: #f2f4f6;
+    background: #f2f4f622;
     display: block;
     width: auto;
     height: 100%;
@@ -35,8 +36,8 @@ body>& {
     box-sizing: border-box;
     background-clip: padding-box;
 
-    border-top: 6px solid #fff;
-    border-bottom: 6px solid #fff;
+    border-top: 6px solid #fff2;
+    border-bottom: 6px solid #fff2;
 
     &:not(:nth-last-child(1)) {
         padding-bottom: 42px;
@@ -48,13 +49,12 @@ body>& {
 >[head] {
     top: 0;
     z-index: 2;
-    background: #fffc;
+    background: inherit;
     position: relative;
     position: sticky;
     line-height: 20px;
     overflow: hidden;
     text-overflow: ellipsis;
-    color: #333;
     padding: 12px 16px 10px 16px;
 
     &:before {
@@ -108,7 +108,7 @@ body>& {
     padding: 6px 16px 0 16px;
     border-top: 1px solid rgba(0, 0, 0, .16);
     backdrop-filter: blur(20px);
-    background: #fffc;
+    background: inherit;
     position: sticky;
     width: 100%;
     bottom: 0;

package/coms/zimoli/zimoli.js

@@ -323,7 +323,7 @@ function prepare(pgpath, ok) {
     };
     state.titlebar = function () {
         var realTitleBar = titlebar.apply(null, arguments);
-        state.with(realTitleBar);
+        if (!realTitleBar.parentNode) state.with(realTitleBar);
         return realTitleBar;
     };
     var roles = res || null;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "efront",
-    "version": "3.27.1",
+    "version": "3.28.0",
     "description": "简化前端开发，优化web性能",
     "main": "public/efront.js",
     "directories": {