efront 3.34.8 → 3.34.12

package/apps/moue/home/index2.vue

@@ -40,13 +40,13 @@
 }
 </style>
 <template>
-  <grid editable>
+  <div1 editable>
     <div class="nav" solid></div>
     <div class="menu"></div>
     <div class="main">
       <btn @click="alert('你好')">abc</btn>
     </div>
-  </grid>
+  </div1>
 </template>
 <script>
 export default {
@@ -56,7 +56,7 @@ export default {
   components: {
     btn: button_test,
     btn: moue(button, "click"),
-    grid: moue(grid)
+    div1: moue(grid)
   }
 };
 </script>

package/apps/moue/index.html

@@ -11,6 +11,14 @@
     <link rel="Shortcut Icon" href="/favicon.ico" type="image/x-icon" />
     <meta name="viewport" content="initial-scale=1,maximum-scale=1,width=device-width" />
     <title>Efront 项目</title>
+    <style>
+        body,
+        html {
+            margin: 0;
+            height: 100%;
+            width: 100%;
+        }
+    </style>
     <script deleteoncompile efrontloader>
         // 若要在开发环境使用内置组件，请保留此script标签中的代码，在编译发布时，这里的代码会自动删除
     </script>

package/coms/basic/#loader.js

@@ -244,7 +244,7 @@ var killCircle = function () {
 // -->
 var hasOwnProperty = {}.hasOwnProperty;
 var loadModule = function (name, then, prebuilds = {}) {
-    if (/^(?:module|exports|define|require|window|global|undefined|__dirname|__filename)$/.test(name)) return then();
+    if (/^(?:module|exports|define|require|window|global|undefined)$/.test(name)) return then();
     if ((hasOwnProperty.call(prebuilds, name)) || hasOwnProperty.call(modules, name) || (!/^on/.test(name) && window[name] !== null && window[name] !== void 0 && !hasOwnProperty.call(forceRequest, name))
     ) return then();
     preLoad(name);
@@ -369,7 +369,6 @@ var getArgs = function (text) {
     }
     var [, isAsync, isYield] = /^(@?)(\*?)/.exec(functionBody);
     if (isAsync || isYield) functionBody = functionBody.slice(+!!isAsync + +!!isYield);
-    functionBody = functionBody.replace(/^(?:\s*(["'])user? strict\1;?[\r\n]*)*/i, "\"use strict\";\r\n");
     return [argNames || [], functionBody, args || [], required || '', strs || [], !!isAsync, !!isYield];
 };
 var get_relatives = function (name, required, prefix = "") {
@@ -446,13 +445,6 @@ var createModule = function (exec, originNames, compiledNames, prebuilds = {}) {
             for (let k in window.require) r[k] = window.require[k];
             return r;
         }
-        var filename = location.pathname + exec.file.replace(/([\s\S])[\$]/g, '$1/').replace(/\\/g, '/');
-        if (argName === "__dirname") {
-            return filename.replace(/[^\/]+$/, '');
-        }
-        if (argName === "__filename") {
-            return filename;
-        }
         if (argName === "define") return window[argName] || function (m_name, requires, exec) {
             if (m_name instanceof Function) {
                 exec = m_name;

package/coms/basic/assert.js

@@ -19,7 +19,7 @@ var assert = function (result, expect, log = dump) {
             var [r, e] = mark.pair(result, expect);
             r = String(r).trim().replace(/><\//g, "> </");
             e = String(e).trim().replace(/><\//g, "> </");
-            errors = `<cyan>结果  </cyan>\x07<${color1}>${r}</${color1}>\r\n      <cyan>应为  </cyan><${color2}>${e}</${color2}>\r\n`;
+            errors = `<cyan>结果  </cyan><${color1}>${r}</${color1}>\r\n      <cyan>应为  </cyan><${color2}>${e}</${color2}>\r\n`;
         };
         return function (error) {
             if (error instanceof Object) {

package/coms/basic_/readme.md

@@ -7,6 +7,28 @@
     因为如果增加一级原型，数组的特性便会消失，`efront`暂时并没有实现完美的降级方案，未来实现的可能性也不大。类似语句经`typescript`转换后新定义的方法会丢失, `efront` 在降级编译期使用 `class ... extends Array2 {...}` 进行替换，`Array2`会将定义的方法挂载到新生成的对象上。
 
 2. ```javascript
+    import(...)
+    ```
+    用`import(...)`导入的结果，efront不会主动包装一层Promise，如果你在模块的根作用域中中使用了`await`，返回结果就是一个`Promise`的实例，否则你在导入的文件内导出了什么，这个`import(...)`的结果就是什么。如果你不确定导入文件的内容，不盲目使用`import(...).then(...)`这类的方法，可以使用`await import(...)`等待导入完成。
+3. ```javascript
+    (function (a){
+        if (a === void 0) a = 1;
+        a = 1;
+        console.log(arguments[0])// 1
+    }(0));
+    (function (a){"use strict"
+        if (a === void 0) a = 1;
+        a = 1;
+        console.log(arguments[0])// 0
+    }(0));
+    (function (a = 1){
+        a = 1;
+        console.log(arguments[0])// 0
+    }(0));
+    ```
+    非严格模式且没有默认值的`arguments`是会被代码中的语句改掉的，而其他两种情况不会。`efront`和`typescript`在把默认值赋值的语句移动到函数体内时，都没有处理这一细节，即原来只读的`arguments`可能被函数内的语句改掉。`efront`内提供的一些组件，可能也会有一部分有无法降级使用的问题，如果您发现的相关的问题，可以向我反馈，我会尽快处理。
+
+4. ```javascript
     async function () {
         await ...;
         arguments; // typescript 转换后arguments对象的内容有误
@@ -19,7 +41,7 @@
     ```
     这不是一个难解决的问题，应该只是`typescript`已发现但不愿解决的问题。`efront`在降级编译时临时使用变量重命名的方法对代码中的`arguments`进行替换使其内容与原生高级代码一致。
 
-3. ```javascript
+5. ```javascript
     Object.keys
     Object.create
     Array.prototype.map
@@ -30,7 +52,7 @@
     Function.prototype.bind
     ```
     以上几个方法`ie9+`系列浏览器已支持，但`ie8`及以下版本不支持，如果没有指定`--no-polyfill`参数`efront`在降级编译期会使用`[]map.js`中提供的方法进行修补，这些方法会在加载器检测到浏览器不支持`[].map`时进行初始化
-4. ```javascript
+6. ```javascript
     Array.prototype.fill
     Array(3).fill(0) // 类似这种的将变成[0,0,0]一个常量数组
     var [a,b,c]=Array(3).fill(0).map((_,i)=>i+1) // 类似这种用于生成常量并赋值的，将直接变成赋值语句 var a=1,b=2,c=3
@@ -38,11 +60,11 @@
     ```
     `Array(...).fill(...).map(...)`这种写法经常被`efront`开发者用来生成自增赋值序列，并且非所有运行环境都支持，所以包括其它显式用到`Array.prototype.fill`的几种写法都会被替换。为了目标代码的性能考虑，这种替换在自动常量化之前就要执行，所以不再支持用`polyfill`的开关进行关闭。如果要关闭，请使用参数`--no-autoeval`将自动常量化的功能一同关闭。
 
-5. ```javascript
+7. ```javascript
     Object.assign
     ```
     Object.assign,`ie`系列浏览器均不支持，由于经常被`efront`开发者使用，在降级编译期，如果没有指定`--no-polyfill`参数，将由`efront`处理成替代品[extend](../basic/extend.js)
-6. ```javascript
+8. ```javascript
     Promise
     Promise.prototype.then
     Promise.prototype.catch
@@ -52,13 +74,13 @@
     Promise.resolve
     ```
     `Promise`对象也是`ie`系列浏览器均不支持的。`efront`实现的`Promise`与原生的特性并不一致，仅在运行环境不支持的时候进行替代。比如由`.then`触发的方法与`setTimeout`触发的方法执行的先后顺序会与高级的运行环境有所区别，但也会保持在当前语境执行后再执行相关的语句。以上没有提到的`Promise`相关的方法均不支持，如`Promise.prototype.finally`，如果您使用了这些缺失的特性，就只能自己实现或找类似[core-js](https://github.com/zloirock/core-js)的库填充了
-7. ```javascript
+9.  ```javascript
     obj.if
     obj.catch
     obj.for
     ```
     类似这种用`.`取属性的语句，由于属性名与`js`的保留字一样，`ie6`等浏览器会报错，但您可以在`efront`提供的环境中放心使用。因为`efront`本身就会把取属性的语句处理掉。
-8. `ie8`及以下浏览器中存在的一些与现代`js`标准不同的特性，`efront`提供的组件可能不兼容，在处理为这类环境进行应用开发时，应避免使用。
+10. `ie8`及以下浏览器中存在的一些与现代`js`标准不同的特性，`efront`提供的组件可能不兼容，在处理为这类环境进行应用开发时，应避免使用。
     ```javascript
     Object.defineProperty(...);
     ({
@@ -74,7 +96,7 @@
     ```javascript
     Array.prototype.slice.call(objNodeList,...)
     ```
-    `ie8`及以下浏览器不支持`this`指向`NodeList`等dom对象，而当前`efront`和内部使用的`typescript`转换的代码都没有处理这一细节，所以暂时不要在dom操作相关的语句中使用高级语法，以避免转换后的代码出问题。
+    `ie8`及以下浏览器不支持call`NodeList`等dom对象，而当前`efront`和内部使用的`typescript`转换的代码都没有处理这一细节，所以暂时不要在dom操作相关的语句中使用类似`[...aaa]`,`{...aaa}`,`function(...args){}`的高级语法，以避免转换后的代码出问题。
     ```javascript
     var div = document.createElement("div");
     div.innerHTML = `<abcd><span></span></abcd>`;

package/coms/kugou/song.less

@@ -96,9 +96,11 @@
     [type=kuwo] {
         background-image: url("icons/kuwo.png");
     }
+
     [type=yyyy] {
         background-image: url("icons/yyyy.ico");
     }
+
     [type=qqjt] {
         background-image: url("icons/qqjt.ico");
     }
@@ -106,6 +108,10 @@
 
 &[group]>.song {
     white-space: normal;
+
+    >span {
+        display: inline-block;
+    }
 }
 
 >.song {
@@ -113,13 +119,13 @@
     padding-top: 2px;
     padding-bottom: 12px;
     width: 100%;
+    overflow: hidden;
+    display: inline-block;
+    text-overflow: ellipsis;
 
     >span {
         margin-right: 6px;
         vertical-align: top;
-        display: inline-block;
-        overflow: hidden;
-        text-overflow: ellipsis;
     }
 }
 

package/coms/zimoli/button.js

@@ -107,7 +107,7 @@ function button(texter, type) {
     }
     if (!button) {
         button = btn.cloneNode();
-        appendChild(button, tracker, texter);
+        appendChild(button, tracker, _texter);
     }
     bindAccesskey(button);
     onremove(button, resetall);

package/coms/zimoli/grid.js

@@ -1,4 +1,4 @@
-
+"use strict";
 var grids = [];
 
 var getFirstPoints = function (point, side, direction) {
@@ -747,7 +747,7 @@ var createPointsWithChildren = function () {
         range[3] = Math.floor(range[3]);
         return range;
     };
-    var elements = [].concat.apply([], grid.children).map(a => [a,
+    var elements = Array.apply(null, grid.children).map(a => [a,
         +Math.max(0, a.offsetLeft * grid.width / grid.clientWidth).toFixed(0),
         +(Math.min(a.offsetLeft + a.offsetWidth, grid.clientWidth) * grid.width / grid.clientWidth).toFixed(0),
         +Math.max(0, a.offsetTop * grid.height / grid.clientHeight).toFixed(0),

package/coms/zimoli/moue.js

@@ -14,7 +14,7 @@ function main(efrontComponent, events) {
             }
         },
         created() {
-            this.$vnode.ns = "math";
+            // this.$vnode.ns = "math";
         },
         mounted() {
             events.forEach(e => {

package/coms/zimoli/on.js

@@ -1,4 +1,4 @@
-// "use strict";
+"use strict";
 if (document.efronton) return document.efronton;
 var is_addEventListener_enabled = "addEventListener" in window;
 // Edg 禁用passive原因：无滚动条的元素上纵向滚动时触发整个页面回弹

package/coms/zimoli/text.js

@@ -1,8 +1,13 @@
 function text(node, text) {
     if (arguments.length === 2) {
-        node.innerHTML = "";
-        isFunction(text) && (text = text());
-        isFunction(node.setText) ? node.setText(text) : node.appendChild(document.createTextNode(text));
+        if (isFunction(text)) text = text();
+        if (isFunction(node.setText)) {
+            node.setText(text)
+        }
+        else {
+            node.innerHTML = "";
+            node.appendChild(document.createTextNode(text));
+        }
     }
     return isFunction(node.getText) ? node.getText() : node.innerText;
 }

package/coms/zimoli/transition.js

@@ -17,8 +17,9 @@ function transition(target, isLeave, _initialStyle = target.initialStyle || targ
         isLeave = parseKV(isLeave, ';', ":");
     }
     if (isObject(isLeave) && (_initialStyle === true || !_initialStyle)) {
+        var temp = _initialStyle;
         _initialStyle = isLeave;
-        isLeave = arguments[2];
+        isLeave = temp;
     }
     if (isLeave) {
         _initialStyle = target.leavingStyle || target.leaveStyle || _initialStyle;
@@ -30,7 +31,6 @@ function transition(target, isLeave, _initialStyle = target.initialStyle || targ
         return;
     }
     if (!target.style) return;
-
     var initialStyle = _initialStyle || target.initialStyle;
     var { recoverStyle, transitionTimerStart, transitionTimerEnd } = target;
     clearTimeout(transitionTimerStart);
@@ -39,7 +39,7 @@ function transition(target, isLeave, _initialStyle = target.initialStyle || targ
         initialStyle = parseKV(initialStyle, ";", ":");
     }
     if (isObject(initialStyle)) {
-        let transitionDuration = 100;
+        var transitionDuration = 100;
         if (!initialStyle.transition) {
             initialStyle.transition = "all .3s ease";
         }
@@ -53,7 +53,7 @@ function transition(target, isLeave, _initialStyle = target.initialStyle || targ
         if (!recoverStyle) {
             recoverStyle = {};
         }
-        let savedStyle = {};
+        var savedStyle = Object.create(null);
         {
             let originalStyle = target.style;
             for (let k in initialStyle) {

package/coms/zimoli/tree.js

@@ -216,7 +216,9 @@ function tree() {
                 }
                 setState(false);
                 z0();
+                console.log(change_elem.getAttribute("style"),margin_top)
                 var res = transition(change_elem, { transition: `margin-top ${time(margin_top)}s ease-out`, marginTop: fromOffset(margin_top) }, false);
+                console.log(change_elem.getAttribute("style"),margin_top)
                 timeout(z1, res);
             }
         });

package/package.json

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