efront 4.22.19 → 4.23.3

package/coms/zimoli/zimoli.js

@@ -49,8 +49,8 @@ onhashchange(window, function (event) {
 });
 // body
 var location_pathname = location.pathname;
-var _zimoli_params_key = `_zimoli_parameters:${location_pathname}#`;
-var _zimoli_state_prefix = `_zimoli_page_state:${location_pathname}#`;
+var _zimoli_params_key = `紫茉莉:${location_pathname}#`;
+var _zimoli_state_prefix = `茉莉紫:${location_pathname}#`;
 
 function getReverseStyle(style) {
     if (!isObject(style)) {
@@ -120,54 +120,28 @@ function go(pagepath, args, history_name, oldpagepath) {
         return true;
     }
     var realpath = getpgpath(pagepath);
-    if (realpath.length > 1) var [pgpath, args0] = realpath;
+    if (realpath.length > 1) var [pgpath] = realpath;
     else pgpath = pagepath;
-    setZimoliParams(pagepath, { data: args, from: oldpagepath, options, roles, id });
+    var params = { data: args, from: oldpagepath, options, roles, id };
+    setZimoliParams(pagepath, params);
     if (!page_generators[pgpath]) {
         return zimoli(pagepath, args, history_name, oldpagepath);
     }
-    var page_object = page_generators[pgpath];
-    if (!isEmpty(args0)) page_object.state.data = args, args = args0;
-    var fullfill = function () {
-        zimoliad = zimoliid;
-        var _page = create(pgpath, args, oldpagepath);
-        var isRecover = pushstate(pagepath, history_name, oldpagepath);
-        if (isNode(history_name)) {
-            if (history_name.activate === pagepath && history_name.activateNode === _page) return fullfill_is_dispatched--;
-            else remove(history_name.activateNode);
-            history_name.activate = pagepath;
-            history_name.activateNode = _page;
-        }
-        else if (isString(pagepath)) {
-            if (fullfill_is_dispatched > 0) return;
-            fullfill_is_dispatched = 1;
-            var event = createEvent("zimoli");
-            event.$reload = fullfill;
-            event.zimoli = {
-                path: pagepath,
-                roles,
-                data: args,
-                target: _page,
-                id,
-                options
-            };
-            dispatch(document, event);
-            fullfill_is_dispatched = 0;
-        }
-        if (isRecover) setWithStyle(_page, false);
-        addGlobal(_page, history_name, isRecover);
-        page_object.prepares.splice(0, page_object.prepares.length).forEach(function (url) {
-            if (isNumber(url)) {
-                url = _history[url < 2 ? _history.index + url : url];
-            }
-            if (isString(url)) prepare(url);
-        });
-        if (_page) {
-            _page.$reload = fullfill;
-        }
-        return _page;
-    };
-    return fullfill();
+    var page = create(pagepath, args, oldpagepath, roles, params);
+    zimoliad = zimoliid;
+    var isRecover = pushstate(pagepath, history_name, oldpagepath);
+    if (isNode(history_name)) {
+        if (history_name.activate === pgpath && history_name.activateNode === page) return;
+        else remove(history_name.activateNode);
+        history_name.activate = pgpath;
+        history_name.activateNode = page;
+    }
+    else if (isString(pgpath)) {
+        page.disptch();
+    }
+    if (isRecover) setWithStyle(page, false);
+    addGlobal(page, history_name, isRecover);
+    return page;
 }
 var page_generators = {};
 /**
@@ -359,29 +333,40 @@ function prepare(pgpath, ok) {
         emit(pg);
     }, state, true);
 }
-function create(pagepath, args, from, needroles) {
+function create(pagepath, args, from, needroles, zimolidata) {
+    if (zimolidata) {
+        if (!isHandled(args)) args = zimolidata.data;
+        if (!isHandled(needroles)) needroles = zimolidata.roles;
+    }
     if (typeof pagepath === 'string') {
-        var page_object = page_generators[pagepath];
+        var [pgpath, args0] = getpgpath(pagepath);
+        var page_object = page_generators[pgpath];
+        if (!isEmpty(args0)) page_object.state.data = args, args = args0;
+    }
+    else pgpath = pagepath;
+    if (typeof pgpath === 'string') {
+        var page_object = page_generators[pgpath];
         if (!page_object) {
-            throw new Error(i18n`调用create前请确保prepare执行完毕:${pagepath}`);
+            throw new Error(i18n`调用create前请确保prepare执行完毕:${pgpath}`);
         }
         var { pg, "with": _with_elements, state, onback: _pageback_listener, roles } = page_object;
     }
-    else if (isFunction(pagepath)) {
-        var pg = pagepath;
+    else if (isFunction(pgpath)) {
+        var pg = pgpath;
         var { with: _with_elements = [], state = {}, onback: _pageback_listener, roles } = pg;
     }
+    var h = history[current_history];
     if (!checkroles(user.roles, roles) || !checkroles(user.roles, needroles)) {
         // 检查权限
         if (!user.isLogin && user.loginPath) {
             var pg = create(user.loginPath);
-            history[current_history].wardable = false;
+            if (h) h.wardable = false;
             return pg;
         }
-        return alert(i18n`没有权限！`, 0);
+        return zimoli.alert(i18n`没有权限！`, 0);
     }
     if (!pg) return;
-    if (history[current_history]) history[current_history].wardable = true;
+    if (h) h.wardable = true;
     var _with_length = _with_elements.length;
     state.onback = function (handler) {
         _pageback_listener = handler;
@@ -418,7 +403,33 @@ function create(pagepath, args, from, needroles) {
         if (isEmpty(_page.onback)) {
             _page.onback = _pageback_listener;
         }
+        _page.disptch = function () {
+            if (!zimolidata) return;
+            zimoli.upwith = state.upwith;
+            if (fullfill_is_dispatched > 0) return;
+            fullfill_is_dispatched = 1;
+            var event = createEvent("zimoli");
+            event.$reload = _page.$reload.bind(_page);
+            zimolidata.target = _page;
+            zimolidata.path = pagepath;
+            event.zimoli = zimolidata;
+            dispatch(document, event);
+            fullfill_is_dispatched = 0;
+        }
+        _page.$reload = function () {
+            var _page = create(pagepath, undefined, from, undefined, zimolidata);
+            appendChild.replace(this, _page);
+            return _page;
+        };
     }
+    if (!page_object) return _page;
+    var _history = history[current_history];
+    if (_history) page_object.prepares.splice(0, page_object.prepares.length).forEach(function (url) {
+        if (isNumber(url)) {
+            url = _history[url < 2 ? _history.index + url : url];
+        }
+        if (isString(url)) prepare(url);
+    });
     return _page;
 
 }
@@ -460,7 +471,7 @@ var global = {};
 var history = {};
 var current_history, default_history = current_history = "";
 history[current_history] = createEmptyHistory('/main', false);
-var history_session_object_key = `_zimoli_history_key:${location_pathname}`;
+var history_session_object_key = `紫茉莉:${location_pathname}`;
 try {
     history = JSAM.parse(historyStorage.getItem(history_session_object_key)) || history;
 } catch (e) {
@@ -676,7 +687,7 @@ function addGlobal(element, name = null, isBack) {
             if (isBack) appendChild.insert(body, element);
             else appendChild(body, element);
         }
-        var upwith = element.$upwith || rootElements;
+        var upwith = $upwith.get(element) || rootElements;
         if (upwith.indexOf(element) < 0) upwith.push(element);
     }
     if (hasLock) fixurl(), fixLock = false;
@@ -730,6 +741,8 @@ rootElements.splice = function () {
 appendChild.transition = transition;
 remove.transition = transition;
 zimoli.prepare = prepare;
+var upwith = [];
+zimoli.upwith = popup.upwith(upwith);
 zimoli.setStorage = function (storage) {
     historyStorage = storage;
     try {
@@ -800,8 +813,7 @@ zimoli.enableTouchBack = function () {
                     var path0 = historyList[historyList.index - 1];
                     prepare(path0, function () {
                         if (id !== touchId) return;
-                        var args = getZimoliParams(path0).data;
-                        backwardTarget = create(path0, args, path1);
+                        backwardTarget = create(path0, null, path1, null, getZimoliParams(path0));
                         setWithStyle(backwardTarget, true);
                         appendChild.insert(body, backwardTarget);
                     });
@@ -814,8 +826,7 @@ zimoli.enableTouchBack = function () {
                     var path2 = historyList[historyList.index + 1];
                     prepare(path2, function () {
                         if (id !== touchId) return;
-                        var args = getZimoliParams(path2).data;
-                        forwardTarget = create(path2, args, path1);
+                        forwardTarget = create(path2, null, path1, null, getZimoliParams(path2));
                         setWithStyle(forwardTarget, false);
                         appendChild.insert(body, forwardTarget);
                     });
@@ -838,6 +849,7 @@ zimoli.enableTouchBack = function () {
                 transition(backwardTarget, 1);
                 global[history_name] = backwardTarget;
                 fixurl();
+                backwardTarget.disptch();
             }
             else if (historyList.index < historyList.length - 1 && (deltaX < 0 && ratio < -.1 || deltaX > 0 && ratio < -.9 || deltaX === 0 && ratio < -.4)) {
                 pushstate(historyList[historyList.index + 1], history_name);
@@ -847,6 +859,7 @@ zimoli.enableTouchBack = function () {
                 transition(forwardTarget, 1);
                 global[history_name] = forwardTarget;
                 fixurl();
+                forwardTarget.disptch();
             }
             else {
                 if (backwardTarget) setWithStyle(backwardTarget, false), remove(backwardTarget);
@@ -860,4 +873,9 @@ zimoli.enableTouchBack = function () {
             ratio = null;
         }
     }, 'x')
+};
+zimoli.alert = function () {
+    var ae = alert.apply(this, arguments);
+    zimoli.upwith(ae.parentNode);
+    return ae;
 };

package/docs/version-desc.md

@@ -10,4 +10,6 @@
 
 4.0 No longer relying on `typescript` (nearly 170000 lines of source code), the compilation speed has increased by four times, the memory usage has been reduced to 1/8 of the original, and the self compilation time on GitHub has also been reduced to about 15 seconds.
 
-4.1 No longer relying on `less-node` or `pngjs`, while the `less-node` is replaced with [suxin](https://www.npmjs.com/package/suxin) from `efront`.
+4.1 No longer relying on `less-node` or `pngjs`, while the `less-node` is replaced with [suxin](https://www.npmjs.com/package/suxin) from `efront`.
+
+4.23 The `zimoli` library has adjusted the component rendering method to provide a relatively clean DOM for developers. When calling methods such as `on` and `render`, associated data is no longer attached to DOM elements (except for browsers without WeakMap). Code that uses corresponding underlying features needs to be modified.

package/docs//347/211/210/346/234/254/350/257/264/346/230/216.md

@@ -10,4 +10,6 @@
 
 4.0版本 不再依赖`typescipt`（近17万行源码），编译速度再次提升4倍，占用内存减少到原来的1/8，github上自我编译时间也减少到15秒左右。
 
-4.1版本 不再依赖`less-node`和`pngjs`，其中`less-node` 由`efront`自建的css工具[素馨](https://www.npmjs.com/package/suxin)代替。
+4.1版本 不再依赖`less-node`和`pngjs`，其中`less-node` 由`efront`自建的css工具[素馨](https://www.npmjs.com/package/suxin)代替。
+
+4.23版本 紫茉莉库`zimoli`调整组件渲染方式，给开发一个相对干净的DOM，调用`on`和`render`等方法时，不再将关联的数据挂载到dom元素，(无WeakMap的浏览器除外)，用到相应的底层特性的代码需要修改。

package/docs//347/273/204/344/273/266.xht

@@ -286,7 +286,20 @@
                 }
             }
             var argNames = Object.keys(envs);
-            var args = await Promise.all(argNames.map(a => init(a + "*" + live, null, { ["init*" + live]: init, ["put*" + live]: put, ["zimoli*" + live]: zimoli, ["appendChild*" + live]: appendChild, ["remove*" + live]: remove, ["render*" + live]: render })));
+            var args = await Promise.all(argNames.map(a => init(a + "*" + live, null, {
+                ["init*" + live]: init,
+                ["put*" + live]: put,
+                ["zimoli*" + live]: zimoli,
+                ["appendChild*" + live]: appendChild,
+                ["remove*" + live]: remove,
+                ["render*" + live]: render,
+                ["$structed*" + live]: $structed,
+                ["$scoped*" + live]: $scoped,
+                ["$parented*" + live]: $parented,
+                ["$mounted*" + live]: $mounted,
+                ["$watches*" + live]: $watches,
+                ["$renders*" + live]: $renders,
+            })));
             var func = createFunction("", jstext, argNames, code.async, code.yield);
             var res = func.apply(window, args);
             if (isFunction(res)) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "efront",
-    "version": "4.22.19",
+    "version": "4.23.3",
     "description": "一个开发环境，提供一种自由的前端开发模式，也可作为辅助工具使用。",
     "main": "public/efront.js",
     "directories": {