efront 4.8.3 → 4.9.2

package/#/345/233/275/351/231/205/345/214/226.yml

@@ -1,3 +1,6 @@
+- zh-CN: 这个文件内的测试代码暂不支持在线查看
+  en:    The test code in this file does not currently support online viewing
+
 - zh-CN: 这个文件内的测试代码暂不支持
   en:    The test code in this file is currently not supported
 

package/coms/basic/filterTime.js

@@ -87,7 +87,8 @@ function filterTime(time, formater) {
     var [year1, month1, date1, hour1, minute1, second1, milli1, day1] = getSplitedDate(now);
     var today = new Date(year1, month1 - 1, date1);
     var thatday = new Date(year, month - 1, date);
-    var delta = (today - thatday) / 24 / 3600000;
+    var delta = (today - thatday) / 24 / 3600000 | 0;
+    var deltaSeconds = (new Date(year1, month1 - 1, date1, hour1, minute1, second1) - new Date(year, month - 1, date, hour, minute, second)) / 1000;
     if (minute === 0 && second === 0) var time = hour + "点整";
     else if (minute === 30 && second === 0) time = hour + "点半";
     else time = `${hour}:${fixLength(minute)}`;
@@ -103,18 +104,25 @@ function filterTime(time, formater) {
         }
         return `星期` + days[day] + time;
     }
+    if (deltaSeconds >= 0 && deltaSeconds < 60) {
+        return `刚刚`;
+    }
+    if (deltaSeconds < 0) {
+        if (deltaSeconds > -60) {
+            return `${-deltaSeconds | 0}秒后`;
+        }
+        if (deltaSeconds >= -3600) {
+            return `还有${-deltaSeconds / 60 | 0}分钟`;
+        }
+        if (deltaSeconds > -86400) {
+            var a = -deltaSeconds / 3600 | 0;
+            var b = (-deltaSeconds + (deltaSeconds / 3600 | 0) * 3600) / 60 | 0;
+            if (b === 0) return `还有${a}小时`;
+            return `还有${a}小时${b}分钟`;
+        }
+    }
     switch (delta) {
         case 0:
-            if (minute === minute1 && hour === hour1) {
-                if (second <= second1) return `刚刚`;
-                return `${second - second1}秒后`;
-            }
-            else if (value > now) {
-                if (hour === hour1) {
-                    return `${minute - minute1}分钟后`;
-                }
-                return `还有${hour - hour1}小时${minute - minute1}分钟`;
-            }
             return time;
         case -1:
             return "明天" + time;

package/coms/basic/filterTime_test.js

@@ -2,6 +2,17 @@ assert(filterTime(''), ``);
 assert(filterTime(null), '');
 assert(filterTime(undefined), '');
 assert(filterTime("我出生的第二年"), `我出生的第二年`);
+assert(filterTime(+new Date + 86300000), '还有23小时58分钟');
+assert(filterTime(+new Date + 110000), '还有1分钟');
+assert(filterTime(+new Date + 120000), '还有2分钟');
+assert(filterTime(+new Date + 60000), '还有1分钟');
+assert(filterTime(+new Date + 59000), '59秒后');
+assert(filterTime(+new Date + 58000), '58秒后');
+assert(filterTime(+new Date + 8000), '8秒后');
+assert(filterTime(+new Date + 1000), '1秒后');
+assert(filterTime(+new Date), '刚刚');
+assert(filterTime(+new Date), '刚刚');
+assert(filterTime(+new Date - 59000), '刚刚');
 assert(filterTime(new Date(2024, 3, 3), `y年M月d日 h:mm`), '2024年4月3日 0:00');
 assert(filterTime(new Date(2024, 3, 3), `y年M月d日 h:mm`), '2024年4月3日 0:00');
 assert(filterTime(new Date(2024, 3, 3, 19, 26, 2, 100), `y年M月d日 h:mm:ss.SSS`), '2024年4月3日 19:26:02.100');

package/coms/compile/Html_test.js

@@ -20,3 +20,7 @@ test('<!--<input ng-model=data.name/>-->');
 test('<div><!--<input ng-model=data.name/>--></div>');
 test('<div><div>{</div><div>}</div></div>');
 test('<div>${`<div></div>`}</div>');
+test('<div>\\${${`<div></div>`}</div>');
+test('<div>$\\{${`<div></div>`}</div>');
+test('<div>$\\{${typeof `<div></div>`}</div>');
+test('<div>$\\{${\\a+typeof`<div></div>`}</div>','<div>$\\{${\\a + typeof `<div></div>`}</div>');

package/coms/compile/Program.js

@@ -91,7 +91,7 @@ class Program {
         ["`", "`", /\\[\s\S]/, ["${", "}"]],
     ]
     tags = [
-        [["<", "</"], /\/?>/, null, "'", '"', "<!--", ["${", "}"]]
+        [["<", "</"], /\/?>/, /\\[\s\S]/, "'", '"', "<!--", ["${", "}"]]
     ];
     scriptTags = [];
     ignoreTags = ["STYLE", "SCRIPT"];
@@ -187,6 +187,10 @@ class Program {
         };
         var row = 1, colstart = -1;
         var save = (type) => {
+            if (type & (SPACE | COMMENT | PIECE | QUOTED)) {
+                row += m.replace(/[^\r\n\u2028\u2029]+/g, '').replace(/\r\n|\r|\n|\u2028|\u2029/g, ' ').length;
+                colstart = start + m.length - m.replace(/^[\s\S]*?([^\r\n\u2028\u2029]*)$/, '$1').length - 1;
+            }
             if (lasttype === STAMP && type === STAMP && !/[,;\:]/.test(m)) {
                 var scope = queue[queue.length - 1];
                 if (/=>$/i.test(scope.text) ||
@@ -511,7 +515,6 @@ class Program {
                 queue.inExpress = true;
                 queue.end = index;
                 queue.text = text.slice(queue.start, index);
-                row += queue.text.replace(/[^\r\n\u2028\u2029]+/g, ':').replace(/\r\n/g, ',').replace(/:/g, '').length;
                 pop_parents();
                 continue;
             }
@@ -525,9 +528,6 @@ class Program {
             }
             if (this.space_reg.test(m)) {
                 if (/[\r\n\u2028\u2029]/.test(m)) {
-                    m = m.replace(/^[^\r\n\u2028\u2029]+/, '').replace(/\r\n|\r|\n|\u2028|\u2029/g, "\r\n");
-                    row += m.replace(/[^\r\n]+/g, '').length >> 1;
-                    colstart = match.index + m.replace(/[^\r\n]+$/, '').length - 1;
                     var last = queue.last;
                     if (last && last.isend === false) {
                         last.isend = true;

package/coms/compile/audit.js

@@ -141,13 +141,22 @@ var suggest = {
         var { used, args } = body.scoped;
         if (!args?.length) return;
         var access_start = body.reststart ?? args?.length;
+        var checkNames = ["arguments"];
         a: if (access_start > 0) {
             for (var a of used.arguments) {
                 if (a.text !== 'arguments') continue;
                 var n = a.next;
                 if (!n || n.type !== SCOPED || n.entry !== '[') {
                     access_start = 0;
-                    break a;
+                    var p = a.prev;
+                    while (p && p.type === STAMP && p.text === '=') {
+                        var pp = p.prev;
+                        if (pp?.type === EXPRESS) {
+                            checkNames.push(pp.text);
+                        }
+                        p = pp.prev;
+                    }
+                    continue;
                 }
                 if (n.last && n.last === n.first) {
                     if (n.last.isdigit) {
@@ -159,7 +168,6 @@ var suggest = {
         }
         if (access_start >= args.length) return;
         var broken = false;
-        var arguments = used.arguments;
         var arg_start = Infinity;
         a: for (var a of args) {
             if (access_start > 0) {
@@ -185,8 +193,14 @@ var suggest = {
             }
         }
         if (!broken) return;
-        arguments = arguments.filter(a => a.start >= arg_start);
-        if (!arguments.length) return;
+        a: {
+            for (var a of checkNames) {
+                var args = used[a];
+                args = args.filter(a => a.start >= arg_start);
+                if (args.length) break a;
+            }
+            return;
+        }
         var h = snapSentenceHead(body);
         var matched = [];
         while (h && h !== body) {

package/coms/compile/common.js

@@ -1089,8 +1089,8 @@ var breakSpace = function (o) {
 };
 var hasBreakBetween = function (prev, next) {
     if (!prev || !next) return true;
-    if (prev.type === STAMP && /^[,;]$/.test(prev.text)) return true;
-    if (next.type === STAMP && /^[,;]$/.test(next.text)) return true;
+    if (prev.type === STAMP && /^[,;]/.test(prev.text)) return true;
+    if (next.type === STAMP && /^[,;]/.test(next.text)) return true;
     if (prev.type === EXPRESS && /\.$/.test(prev.text)) return true;
     if (next.type === EXPRESS && /^[\.\[]/.test(next.text)) return true;
 };
@@ -1328,7 +1328,7 @@ var createString = function (parsed) {
                     else if ((STRAP | EXPRESS | PROPERTY | COMMENT | VALUE) & lasttype && (STRAP | EXPRESS | PROPERTY | VALUE | LABEL) & o.type) {
                         if (autospace) result.push(" ");
                     }
-                    else if (o.prev && o.type === STAMP && !/^([,;])$/.test(o.text)) {
+                    else if (o.prev && o.type === STAMP && !/^[,;]/.test(o.text)) {
                         if (result[result.length - 1] === " " || (lasttype === PROPERTY || !o.isExpress && o.prev && o.prev.type !== LABEL) && o.text === ':') { }
                         else if (lasttype === STAMP) {
                             var prev = o.prev;

package/coms/docs/codecolor.js

@@ -9,6 +9,27 @@ predefs.Promise = true;
 var codecolor = function (c, encode) {
     var envs = c.envs;
     var deep = 0;
+    var used = c.used;
+    var setExpress = function (o, label) {
+        var text = o.text;
+        var keys = o.text.split(".");
+        var next = o.next;
+        if (next && next.type === SCOPED && next.entry === '(') {
+            keys[keys.length - 1] = `<invoke>${keys[keys.length - 1]}</invoke>`;
+        }
+        var [name0] = text.split(".");
+        var [name] = keys;
+        if (/^</.test(name0));
+        else if (/^(arguments|this|super|Infinity|NaN)$/.test(name0)) name = `<strap>${name}</strap>`;
+        keys[0] = name;
+        o.text = keys.map(k => /^\</.test(k) || !k ? k : `<${label}>${k}</${label}>`).join(".");
+    }
+    var setPredef = o => setExpress(o, 'predef');
+    var setOutside = o => setExpress(o, 'outside');
+    if (used) for (var k in envs) {
+        used[k].forEach(k in predefs ? setPredef : setOutside);
+    }
+
     var setcolor = function (o) {
         var text = o.text;
         switch (o.type) {
@@ -61,18 +82,7 @@ var codecolor = function (c, encode) {
 
                 break;
             case EXPRESS:
-                var keys = o.text.split(".");
-                var next = o.next;
-                if (next && next.type === SCOPED && next.entry === '(') {
-                    keys[keys.length - 1] = `<invoke>${keys[keys.length - 1]}</invoke>`;
-                }
-                var [name0] = text.split(".");
-                var [name] = keys;
-                if (/^</.test(name0));
-                else if (/^(arguments|this|super|Infinity|NaN)$/.test(name0)) name = `<strap>${name}</strap>`;
-                else if (name0 in envs) name = name0 in predefs ? `<predef>${name}</predef>` : `<outside>${name}</outside>`;
-                keys[0] = name;
-                o.text = keys.map(k => /^\</.test(k) || !k ? k : `<express>${k}</express>`).join(".");
+                setExpress(o, 'express');
                 break;
             case STRAP:
                 if (/^(if|else|switch|case|do|while|for|break|continue|default|import|from|as|export|try|catch|finally|throw|await|yield|return)$/.test(text))

package/coms/docs/codetext.xht

@@ -7,6 +7,7 @@
         color: #d4d4d4;
         font-family: Consolas, "Courier New", monospace;
         vertical-align: top;
+        text-decoration-line: none;
     }
 
     stamp {
@@ -94,13 +95,12 @@
     typescript.tags[0].push(["{", "}"]);
     var js = new compile$Javascript;
     js.tags[0].push(["{", "}"]);
-    js.keepspace = true;
     var codesupports = {
         javascript(a, blink) {
             if (blink) var index = a.indexOf(blink);
             if (index >= 0) a = a.slice(0, index) + a.slice(index + 1);
-            js.keepspace = !!blink;
             var c = compile$scanner2(a, js);
+            c.scoped;
             if (index >= 0) {
                 var patched = patchBlink(c, index, blink);
             }
@@ -137,7 +137,7 @@
     codesupports.jsx = codesupports.js = codesupports.javascript;
     codesupports.tsx = codesupports.ts = codesupports.typescript;
     codesupports.xml = codesupports.html;
-    var { SCOPED, QUOTED } = compile$common;
+    var { SCOPED, QUOTED, SPACE, EXPRESS } = compile$common;
     var patchBlink = function (code, index, blink) {
         for (var cx = 0, dx = code.length; cx < dx; cx++) {
             var c = code[cx];
@@ -169,6 +169,7 @@
                 }
                 else {
                     c.blink = c.text.length;
+                    c.text += blink;
                 }
                 return true;
             }
@@ -194,6 +195,7 @@
             code.leave = blink + code.leave;
             return true;
         }
+        if (c) return c.text += blink, true;
         return false;
     };
     function codetext(type, text, blink) {

package/coms/explorer/main.js

@@ -58,8 +58,8 @@ var touch = {
                         if (!drag.tip) {
                             var t = document.createElement('dragtip');
                             drag.tip = t;
-                            drag.target.appendChild(t);
-                            drag.target.style.zIndex = zIndex(0) + 2;
+                            drag.shadow.appendChild(t);
+                            drag.shadow.style.zIndex = zIndex(0) + 2;
                             css(t, {
                                 display: "bock",
                                 padding: "6px 10px",

package/coms/zimoli/autodragchildren.js

@@ -14,7 +14,7 @@ var moveMarginX = function moveMarginX(element, movePixels) {
     }
 };
 var moveChildrenX = function (targetBox, previousElements, followedElements, moveMargin, recover) {
-    var dragTarget = drag.target;
+    var dragTarget = drag.shadow;
     if (dragTarget) {
         var area = overlap(dragTarget, targetBox);
         if (area > 0) {
@@ -55,7 +55,7 @@ var moveChildrenX = function (targetBox, previousElements, followedElements, mov
     }
 };
 var scrollX = function (targetBox, moveChildren) {
-    var dragTarget = drag.target;
+    var dragTarget = drag.shadow;
     if (!dragTarget || !targetBox) return;
     targetBox = getTargetIn(function (a) {
         var computed = getComputedStyle(a);
@@ -203,8 +203,14 @@ var hooka = function (matcher, move, event, targetChild, isMovingSource) {
         var dst, appendSibling, delta;
         var k0 = -1;
         for (var k0 in previousElements) break;
-        if (previousElements.length) var src = previousElements.length - k0;
-        else var src = 0;
+        var target = drag.target;
+        if (isMounted(target)) {
+            if (previousElements.length) var src = previousElements.length - k0;
+            else var src = 0;
+        }
+        else {
+            var src = target.index;
+        }
         if (k0 >= 0 && previousElements[k0].moved) for (var k in previousElements) {
             var cx = +k + 1;
             if (!previousElements[cx]) {
@@ -235,7 +241,7 @@ var hooka = function (matcher, move, event, targetChild, isMovingSource) {
         }
         if (appendSibling) {
             var children = targetBox.children;
-            var srcElement = children[src];
+            var srcElement = target;
             var dstElement = children[dst + delta];
             if (srcElement) {
                 src = bindTarget(src, isMovingSource ? targetChild : srcElement);

package/coms/zimoli/cloneVisible.js

@@ -53,6 +53,7 @@ var cloneChildren = function (td, copy, clone) {
             break;
         case "img":
             copy.src = td.src;
+        case "canvas":
             break;
         case "svg":
         case "math":
@@ -214,6 +215,9 @@ var createElementFromNode = function (node) {
     if (node.namespaceURI && !/html$/i.test(node.namespaceURI)) {
         return document.createElementNS(node.namespaceURI, node.tagName);
     }
+    if (/^canvas$/i.test(node.tagName)) {
+        return cloneCanvas(node);
+    }
     return document.createElement(node.tagName);
 }
 

package/coms/zimoli/cloneVisible_test.xht

@@ -3,7 +3,7 @@
     strong{
         color: #666;
     }
-    div span:before{
+    td:first-child span:before{
         content: '<a>pseudo</a>';
         display: 'inline-block';
         padding: 0 16px;
@@ -14,6 +14,9 @@
         padding: 10px 16px;
         background: #fff;
     }
+    *{
+        box-sizing: border-box;
+    }
 
     clone,
     canvas {

package/coms/zimoli/createElement.js

@@ -27,7 +27,10 @@ var prototype = {
         return child;
     },
     appendChild(child) {
+        var _appendChild = this.appendChild
+        delete this.appendChild;
         appendChild(this, child, false);
+        if (_appendChild) this.appendChild = _appendChild;
         return child;
     },
     appendTo(target) {

package/coms/zimoli/drag.js

@@ -87,7 +87,6 @@ function drag(target, initialEvent, preventOverflow, isMovingSource) {
             dispatch("dragstart", target);
         }
         event.moveLocked = true;
-        drag.target = clone;
         var offsetLeft = saved_delta.x + event.screenX;
         var offsetTop = saved_delta.y + event.screenY;
         var [c_left, c_top] = getOffset(clone);

package/coms/zimoli/grid.js

@@ -297,6 +297,7 @@ function grid(breakpoints) {
         }
     } else {
         grid.setData(breakpoints);
+        grid.forEachCell(e => e.target = document.createElement('cell'));
         grid.reshape();
     }
     grid.setAttribute("grid", "");
@@ -448,7 +449,7 @@ var grid_prototype = {
             if (points instanceof Array) {
                 points.forEach(run);
             }
-            if (points.target) {
+            if (!points.length) {
                 call.call(thisObj, points);
             }
         };
@@ -547,9 +548,6 @@ var grid_prototype = {
                 current_b = temp_b;
             } else {
                 var _div = point.target;
-                if (!_div) {
-                    // point.target = _div = document.createElement('cell');
-                }
                 if (_div && _div.parentNode !== grid) appendChild(grid, _div);
                 var current_value;
                 if (current_d === "x") {

package/coms/zimoli/grid_test.js

@@ -2,5 +2,7 @@ function main() {
     var page = grid([0, [0, 50, [0, 33.3333, 66.6667]]]);
     css(page, "width:500px;height:400px;background:#f2f080;");
     page.editable = true;
+    page.reshape();
+    console.log(page.children.length)
     return page;
 }

package/coms/zimoli/overlap_test.js

@@ -6,7 +6,7 @@ var assert = function (a, b) {
     else return console.info(i18n`验证通过`), 1;
 }
 var getElement = function (left, top, width, height) {
-    var element1 = createElement(sample)
+    var element1 = sample.cloneNode();
     var cssText = `left:${left}px;top:${top}px;width:${width}px;height:${height}px;background:${color.random()};opacity:.6`;
     text(element1, cssText);
     css(element1, cssText);

package/coms/zimoli/remove.js

@@ -1,4 +1,5 @@
-function remove(node, transition) {
+function remove() {
+    var [node, transition] = arguments;
     if (!node) return;
     if (isNode(node)) {
         if (transition !== false) {

package/coms/zimoli/slider.js

@@ -12,7 +12,7 @@ var abs = Math.abs;
  */
 function slider() {
     var [autoplay, circle = true] = arguments;
-    var outter = container.cloneNode();
+    var outter = null;
     {
         for (let cx = 0, dx = arguments.length; cx < dx; cx++) {
             let arg = arguments[cx];
@@ -25,6 +25,7 @@ function slider() {
             }
         }
     }
+    if (!outter) outter = container.cloneNode();
     var _imageMain = _slider.cloneNode();
     var _imageHelp = _slider.cloneNode();
     outter.src = function (index) {

package/coms/zimoli/slider_test.js

@@ -5,7 +5,7 @@ render(page, {
     btn: button,
     slider(element) {
         var images = [1, 2, 3].map(function (i) {
-            var ele = createElement(div);
+            var ele = document.createElement("div");
             text(ele, i);
             return ele;
         });

package/coms/zimoli/slider_test.less

@@ -1,12 +1,11 @@
 & {
-    height: 100px;
     width: 100%;
     background: #000;
     color: #fff;
     text-align: center;
     line-height: 100px;
     font-size: 60px;
-    position: absolute;
+    position: relative;
     >div{
         position: relative;
         display: inline-block;
@@ -14,6 +13,9 @@
         height: 80px;
     }
 }
+btn{
+    font-size: 14px;
+}
 
 .slider {
     width: 100%;

package/coms/zimoli/touchList_test.js

@@ -8,6 +8,7 @@ onappend(listY, function () {
     listY.go(0);
 });
 touchList(listY);
+css(listY, "max-height", '360px');
 function touchList_test() {
     return listY;
 }

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

@@ -99,7 +99,7 @@
         z-index: 1;
     }
 </style>
-<form onclick="event.preventDefault()">
+<form onsubmit="event.preventDefault()">
     <xmenu -src="(t,i) in tags" @active="saveTagIndex(i)"></xmenu>
     <h2 head>
         <span -bind="name"></span>
@@ -125,8 +125,8 @@
             </span>
         </p4>
     </div>
-    <div body onkeyup="!event.isComposing&&updatecode()" onkeydown.tab="keytab(event)" #coder codearea
-        -elseif="tags[1].actived">
+    <div body onkeyup="!event.isComposing&&updatecode(event)" onkeydown.tab="keytab(event)" onkeyup.enter="ontab(false)"
+        #coder codearea -elseif="tags[1].actived">
     </div>
     <resultpad -if="tags[1].actived" .result #coderesult></resultpad>
     <div foot -if="tags[1].actived">
@@ -197,31 +197,24 @@
         jschanged = false;
         var modName = name.replace(/\.js$/i, '_test');
         if (doc.test) {
-            var jstext = [], lessdata = [], htmldata = [];
+            var lessdata = [], htmldata = [];
+            jstext = [];
             for (var f of doc.test) {
-                var xhr = await cross("get", "./components:" + name.replace(/[^\\\/]+$/, '') + f);
-                if (/\.js$/i.test(f)) {
-                    jstext.push(xhr.response);
+                if (/\.xht$/i.test(f)) {
+                    if (isProduction) alert(i18n`这个文件内的测试代码暂不支持在线查看`, 'error');
+                    else jstext.push(`return ${modName.replace(/\//g, '$')}`);
                 }
-                else if (/\.less$/i.test(f)) {
-                    lessdata.push(xhr.response);
-                }
-                else if (/\.html$/i.test(f)) {
-                    htmldata.push(xhr.response);
-                }
-                else if (/\.xht$/i.test(f)) {
-                    alert(i18n`这个文件内的测试代码暂不支持`, 'error');
-                    break;
-                    htmldata.push(xhr.response
-                        .replace(/\<script\>([\s\S]*?)\<\/script\>/ig, function (_, s) {
-                            jstext.push(s);
-                            return '';
-                        })
-                        .replace(/\<style\>([\s\S]*?)\<\/style\>/ig, function (_, s) {
-                            lessdata.push(s);
-                            return '';
-                        }));
-
+                else {
+                    var xhr = await cross("get", "./components:" + name.replace(/[^\\\/]+$/, '') + f);
+                    if (/\.js$/i.test(f)) {
+                        jstext.push(xhr.response);
+                    }
+                    else if (/\.less$/i.test(f)) {
+                        lessdata.push(xhr.response);
+                    }
+                    else if (/\.html$/i.test(f)) {
+                        htmldata.push(xhr.response);
+                    }
                 }
             }
             jstext = jstext.join("\r\n");
@@ -252,7 +245,7 @@
                 else if (vars.main) jstext += '\r\nreturn main';
                 else if (vars.Main) jstext += '\r\nreturn Main';
                 else if (vars.MAIN) jstext += "\r\nreturn MAIN";
-                else if (vars[modName]) jstext += "\r\nreturn " + modName;
+                else if (vars[commName]) jstext += "\r\nreturn " + commName;
             }
             var templateName = commName;
             if (envs.template) templateName = 'template';
@@ -376,13 +369,48 @@
         c.scrollLeft = scrollLeft;
         c.contentEditable = true;
     };
-    var updatecode = lazy(function () {
+    var trimspace = (_, a) => a ? "" : " ";
+    var ensp = s => Array(s + 1).join("\u2002"/*&ensp*/);
+    var getEnspBefore = function (node) {
+        if (!node) return 0;
+        while (node && (node.nodeType !== 1 || !/^br$/i.test(node.tagName))) {
+            console.log(node)
+            node = node.previousSibling;
+        }
+        if (node) {
+            var next = node.nextSibling;
+            if (next) {
+                next = /^\u2002+/.exec(next.nodeValue);
+                if (next) return next[0].length;
+            }
+        }
+    };
+    var ontab = function (forcetab) {
+        var selection = document.getSelection();
+        var { anchorNode, anchorOffset } = selection;
+        if (anchorNode.nodeType === 1) {
+            var child = anchorNode.childNodes[anchorOffset];
+            var spaceSize = 4;
+            if (child.nodeType === 1) spaceSize = getEnspBefore(child?.previousSibling?.previousSibling || anchorNode);
+            if (!spaceSize && forcetab !== false) spaceSize = 4;
+            if (!spaceSize) return;
+            var space = document.createTextNode(ensp(spaceSize));
+            anchorNode.insertBefore(space, child);
+            selection.setBaseAndExtent(space, spaceSize, space, spaceSize);
+        }
+        else if (anchorNode.nodeType === 3) {
+            if (forcetab === 0) return;
+            anchorNode.nodeValue = anchorNode.nodeValue.slice(0, anchorOffset) + ensp(4) + anchorNode.nodeValue.slice(anchorOffset);
+            anchorOffset += 4;
+            selection.setBaseAndExtent(anchorNode, anchorOffset, anchorNode, anchorOffset);
+        }
+    };
+    var updatecode = lazy(function (event) {
         var trimreg = /[\s\u00a0\u2002\u0080]+([\}\{\;\[\]\(\)\,\>\<\+\-\*\&\^\/%!~:?])*/g;
         var innerText = coder.innerText;
         if (jstext.replace(trimreg, trimspace).trim() === innerText.replace(trimreg, trimspace).trim()) return;
         markAnchorOffset();
         var innerText = coder.innerText;
-        var trimspace = (_, a) => a ? "" : " ";
         unmarkAnchorOffset();
         initcode(innerText);
         unmarkAnchorOffset();
@@ -431,6 +459,7 @@
     };
     var keytab = function (event) {
         event.preventDefault();
+        ontab();
     };
 
     var saveTagIndex = function (i) {

package/package.json

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