efront 3.25.3 → 3.25.7

package/coms/zimoli/slider.js

@@ -256,7 +256,7 @@ function slider(autoplay, circle = true) {
         }
     })
 
-    outter.go = function (index, cache) {
+    outter.go = lazy(function (index, cache) {
         if (outter.index === index && cache !== false) return;
         negative_index = -index;
         var _removingMain = _imageMain;
@@ -275,7 +275,7 @@ function slider(autoplay, circle = true) {
         setTimeout(() => css(_imageMain, "transform:scale(1);opacity:1;transition:.2s transform ease-out,.4s opacity"), 0);
         if (player.ing) play();
         return outter;
-    };
+    }, 20);
     outter.play = function (schedule = player.schedule, _isMiss) {
         if (isDefined(_isMiss)) {
             isMiss = _isMiss;

package/coms/zimoli/table.js

@@ -407,15 +407,21 @@ function table(elem) {
         };
         vbox(table, 'x');
     };
-    care(table, function ([fields, data]) {
+    care(table, async function ([fields, data]) {
         if (_vbox) _vbox(), _vbox = null;
+        watch(table, {
+            find(text) {
+                $scope.data.searchText = text;
+                $scope.data.update();
+            }
+        })
         thead = null;
         fields.forEach(enrichField);
         remove(this.children);
         this.innerHTML = template;
         markedRows = false;
         this.style.display = 'block';
-        render(this, {
+        var $scope = {
             fields,
             isEmpty,
             tbody(e) {
@@ -434,19 +440,12 @@ function table(elem) {
                 return tr;
             },
             tbodyHeight,
-            data,
+            data: Table.from(fields, await data),
             adapter: null,
             resizeT,
             model,
             sort(f) {
-                f.sign = f.sign > 0 ? -1 : 1;
-                data.sort(function (a, b) {
-                    a = seek(a, f.key);
-                    b = seek(b, f.key);
-                    if (a > b) return f.sign;
-                    if (a < b) return -f.sign;
-                    return 0;
-                });
+                this.data.sort(f);
             },
             setWidth(target, f) {
                 css(target, { width: f.width });
@@ -454,7 +453,8 @@ function table(elem) {
             a: button,
             setFixedColumn,
             pagination
-        }, this.$parentScopes.concat(this.$scope));
+        };
+        render(this, $scope, this.$parentScopes.concat(this.$scope));
     })
     autodragchildren(
         table,
@@ -505,7 +505,7 @@ function table(elem) {
             }
             markThead();
             markedRows = true;
-            requestAnimationFrame(function(){
+            requestAnimationFrame(function () {
                 setFixedColumn.call(table)
             })
         }

package/coms/zimoli/table.less

@@ -62,6 +62,15 @@ td {
     }
 }
 
+thead {
+
+    .y-ing,
+    .x-ing {
+        &:before {
+            background-color: rgba(0, 60, 69, .3);
+        }
+    }
+}
 
 & {
     // text-align: center;

package/coms/zimoli/tree.js

@@ -39,7 +39,7 @@ function tree() {
             generator = arg;
         }
     });
-    if (!generator && "$src" in element && element.childNodes.length) {
+    if (!generator && element && "$src" in element && element.childNodes.length) {
         generator = getGenerator(element, 'node');
     }
     var dom = [], root = null;
@@ -65,11 +65,12 @@ function tree() {
             if (!elem) return;
             span = document.createElement('span');
             span.innerHTML = tabs;
+            span.setAttribute("tabs", '');
             elem.insertBefore(span, elem.firstChild);
             span = elem;
         } else {
             span = document.createElement("node");
-            html(span, `${tabs}<c>${com.name}</c>${com.test ? "<i>_test</i>" : ""}<a class=count>${com.count}</a>`);
+            html(span, `<span tabs>${tabs}</span><c>${com.name}</c>${com.test ? "<i>_test</i>" : ""}<a class=count>${com.count}</a>`);
             span.count = span.lastElementChild;
         }
         var _div = button(span);

package/coms/zimoli/tree.less

@@ -53,19 +53,19 @@ t {
 
     .closed,
     .open {
-        c:before {
+        [tabs]+*:before {
             content: "";
-            display: inline-block;
+            display: inline-block !important;
             border: .3em solid transparent;
         }
     }
 
-    .closed c:before {
+    .closed [tabs]+*:before {
         border-left: .4em solid;
         border-right: .2em solid transparent;
     }
 
-    .open c:before {
+    .open [tabs]+*:before {
         margin-left: -.2em;
         margin-right: .2em;
         margin-top: .2em;

package/coms/zimoli/watch.js

@@ -0,0 +1,26 @@
+function watcher({ changes }) {
+    var watches = this.$watches;
+    for (var k in changes) {
+        if (k in watches) {
+            var { current, previous } = changes[k];
+            watches[k](current, previous);
+        }
+    }
+}
+function watch(elem, prop, handler) {
+    if (!elem.$watches) {
+        elem.$watches = {};
+        on("changes")(elem, watcher);
+    }
+    if (isFunction(handler)) {
+        elem.$watches[prop] = handler;
+    }
+    else if (isObject(prop)) {
+        var e = 0;
+        for (var k in prop) {
+            if (!isFunction(prop[k])) e++;
+            else elem.$watches[k] = prop[k];
+        }
+        if (e > 0) throw new Error("参数不支持！");
+    }
+}

package/docs/compare.md

@@ -6,17 +6,17 @@
 
 ## 表面参数对比
 
-| 对比项\框架          | efront/(zimoli)                                                        | angular                            | react                            | vue                            |
-| -------------------- | ---------------------------------------------------------------------- | ---------------------------------- | -------------------------------- | ------------------------------ |
-| Hello World 目标代码 | ≈1kb;                                                                  | >30kb                           | >30kb                         | ≈30kb;                         |
-| 开发环境启动时间     | ≈0s;                                                                   | >2s                             | >2s                           | >2s                            |
-| 开发语言             | js/html/less/ts                                                        | ts/html/less/sass/scss             | jsx/css/js/ts/html               | html/css/js                    |
-| 导出组件依赖项       | 无                                                                     | angular                            | react                            | vue                            |
-| 官方路由             | zimoli，使用前无需注册路径                                             | angular-router, 使用前需要注册路径 | react-router, 使用前需要注册路径 | vue-router, 使用前需要注册路径 |
-| 跨域实现             | 开发环境内置                                                           | 配置浏览器或服务器                 | 配置浏览器或服务器               | 配置浏览器或服务器             |
+| 对比项\框架          | efront/(zimoli)                                                             | angular                            | react                            | vue                            |
+| -------------------- | --------------------------------------------------------------------------- | ---------------------------------- | -------------------------------- | ------------------------------ |
+| Hello World 目标代码 | ≈1kb;                                                                       | >30kb                           | >30kb                         | ≈30kb;                         |
+| 开发环境启动时间     | ≈0s;                                                                        | >2s                             | >2s                           | >2s                            |
+| 开发语言             | js/html/less                                                                | ts/html/less/sass/scss             | jsx/css/js/ts/html               | html/css/js                    |
+| 导出组件依赖项       | 无                                                                          | angular                            | react                            | vue                            |
+| 官方路由             | zimoli，使用前无需注册路径                                                  | angular-router, 使用前需要注册路径 | react-router, 使用前需要注册路径 | vue-router, 使用前需要注册路径 |
+| 跨域实现             | 开发环境内置                                                                | 配置浏览器或服务器                 | 配置浏览器或服务器               | 配置浏览器或服务器             |
 | 代码加载方案         | 依赖加载/自动预加载/手动预加载`preapre('/page/path');` / 动态路径访问时加载 | 一次加载/或访问时加载              | 一次加载/或访问时加载            | 一次加载/或访问时加载          |
-| 跳转传参             | `go`(pagepath, params)                                            | 略                                 | 略                               | 略                             |
-| 异步对象传参         | `cast`(target, data) 
 `care`(target, handle)     | 略                                 | 略                               | 略                             |
+| 跳转传参             | `go`(pagepath, params)                                                 | 略                                 | 略                               | 略                             |
+| 异步对象传参         | `cast`(target, data) 
 `care`(target, handle)          | 略                                 | 略                               | 略                             |
 
 ## 架构对比
 
@@ -205,6 +205,12 @@ function main(elem){
     onremove(elem,function(event){
         // 移除之前触发，必要时可以绑定
     });
+    watch(elem, {
+        // propname 指用法<element :propname=propvalue ></element>中的propname
+        propname(current_value, previous_value){
+            // 参数变化后的任务
+        }
+    });
     var scope = {
         // html内使用的内容要在这里出现
         btn: button, // 内部组件可以在渲染前重命名，以简化html中的tagName，方便在局部语境中编写和阅读

package/docs/main.js

@@ -2,13 +2,13 @@ zimoli.clearHistory();
 zimoli('/loader');
 contextmenu(document, function (event) {
     if (!window.require) return;
-    return [
+    return menuList(null, [
         {
             "name": "开发者选项",
-            do(){
+            do() {
                 window.require("electron").ipcRenderer.send("window", "open-dev-tools");
                 window.resizeBy(400, 0);
             }
         }
-    ];
+    ]);
 })

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "efront",
-    "version": "3.25.3",
+    "version": "3.25.7",
     "description": "一个开发工具，开放源代码，自带组件库和编译环境，可以用来开发web组件，web应用或nodejs模块，或做为已有代码的加密工具，也可以做为静态页面服务器或跨域中转服务器使用",
     "main": "public/efront.js",
     "directories": {
@@ -18,14 +18,10 @@
         "url": "https://github.com/yunxu1019/efront.git"
     },
     "keywords": [
-        "angular",
-        "angularjs",
-        "react",
-        "vue",
-        "jquery",
-        "commonjs",
-        "cross",
-        "server"
+        "efront",
+        "前端",
+        "server",
+        "webpack"
     ],
     "author": "yunxu1019",
     "license": "MIT"