efront 3.36.1 → 3.36.3

package/coms/basic/#loader.js

@@ -817,6 +817,7 @@ var modules = {
     load: loadModule,
     devicePixelRatio,
     renderPixelRatio,
+    createFunction,
     efrontsign: "",
 };
 modules.debug = function () {

package/coms/basic/YAML.js

@@ -13,8 +13,14 @@ var stringify = function (data) {
     var save = function (data) {
         var v = String(data);
         if (kesize.length) {
-            var ksize = kesize[kesize.length - 1] - result[result.length - 1].length + (kesize.length << 1) + 3;
-            v = new Array(ksize).join(" ") + v;
+            var isrow = /^\s*\-/.test(result[result.length - 2]);
+            if (isrow) {
+                var ksize = kesize[kesize.length - 1] - result[result.length - 1].length + 1;
+            }
+            else {
+                var ksize = kesize[kesize.length - 1] - result[result.length - 1].length + (kesize.length << 1);
+            }
+            v = new Array(ksize + 3).join(" ") + v;
         }
         result.push(v);
     };

package/coms/basic/YAML_test.js

@@ -0,0 +1,9 @@
+var data = [
+    { a: 1, b: 2 },
+    { abcd: 2, c: 3 },
+    { abcdefg: 3, d: 4 },
+    { abcdefgh: 3, e: 5, g: { h: 1, k: 2 } },
+    { abcdefgh: 3, e: 5, g: [{ a: 1, b: 2 }] },
+    { abcdefgh: 3, e: 5, g: [{ a: 1, b: [{ c: 3, defg: 3 }] }] },
+]
+console.log(YAML.stringify(data));

package/coms/compile/Javascript.js

@@ -183,7 +183,7 @@ var isShortMethodEnd = function (o) {
 
 Javascript.prototype.setType = function (o) {
     var last = o.prev;
-    if (o.type === EXPRESS && /^\.[^\.]/.test(o.text) && last.type === STAMP && last.text === "?") {
+    if (o.type === EXPRESS && /^\.[^\.]/.test(o.text) && last && last.type === STAMP && last.text === "?") {
         last = o.prev = snapExpressHead(last.prev);
         last.type = EXPRESS;
         return false;

package/coms/compile/common.js

@@ -419,6 +419,7 @@ var createScoped = function (parsed, wash) {
                             if (o.next.type === STAMP) {
                                 isAster = true;
                                 o = o.next;
+                                o.isExpress = o.prev.isExpress;
                             }
                         case "catch":
                             if (s === 'catch') isCatch = true;
@@ -560,6 +561,7 @@ var createScoped = function (parsed, wash) {
                     scoped.body = o;
                     o.isExpress = isExpress;
                     run(o.first);
+                    if (isArrow && id >= 0 && o) o = o.next;
                     if (wash && isFunction) {
                         var e = o.next;
                         if (e && e.type === EXPRESS && /^[\.\[]/.test(e.text) || e && e.type === SCOPED && e.entry === "[") {

package/coms/compile/richcss_test.js

@@ -4,4 +4,10 @@ var test = function (data, expect) {
 test(`:scope{--a:1}a{opacity:--a}`, `a{opacity:1;}`);
 test(`:scope{--b:--a;--a:1;}a{opacity:--b}`, `a{opacity:1;}`);
 test(`@a(@p,@b){@p{opacity:@b}}@a(a,1);`, `a{opacity:1;}`);
-test(`@a(a,1);@a(@p,@b){@p{opacity:@b}}`, `a{opacity:1;}`);
+test(`@a(a,1);@a(@p,@b){@p{opacity:@b}}`, `a{opacity:1;}`);
+test(`a{ b{a:1}}`,`a b{a:1;}`);
+test(`a{ >b{a:1}}`,`a>b{a:1;}`);
+test(`a{ &>b{a:1}}`,`a>b{a:1;}`);
+test(`a{ &b{a:1}}`,`ab{a:1;}`);
+test(`a{ &.b{a:1}}`,`a.b{a:1;}`);
+test(`a{ &[b]{a:1}}`,`a[b]{a:1;}`);

package/coms/compile/scanner2_test.js

@@ -76,6 +76,13 @@ function testAssign() {
     a()`);
     console.log(m.press().toString());
 }
+function testArrow() {
+    var m = scanner(`(a)=>(b)=>{c,b};`);
+    console.log("1", m.envs);
+    var m = scanner(`(a,b)=>{c,b};`);
+    console.log("2", m.envs);
+}
+
 function testFormat() {
     var t = fs.readFileSync(path.join(__dirname, "../efront/memery.js")).toString();
     assert(scanner(t).toString(), t);
@@ -111,6 +118,7 @@ Program.debug = true;
 // testJsx2();
 // testJsx3();
 // testJsxOnlyHtml();
-testSpaceLess();
+// testSpaceLess();
+testArrow();
 // var typescript = require("../typescript/index");
 // typescript.transpile(data.toString(), { noEmitHelpers: true });

package/coms/docs/codetext.xht

@@ -0,0 +1,223 @@
+<style>
+    :scope {
+        padding: 10px 20px;
+        border-radius: 3px;
+        display: inline-block;
+        background: #333;
+        color: #d4d4d4;
+        vertical-align: top;
+    }
+
+    strap,
+    value {
+        color: #569cd6;
+    }
+
+    regexp {
+        color: #d16969;
+    }
+
+    text {
+        color: #ce9178;
+    }
+
+    flow {
+        color: #c586c0;
+    }
+
+    digit {
+        color: #b5cea8;
+    }
+
+    label {
+        color: #569cd6;
+    }
+
+    @deep(@num, @color) {
+        deep@num {
+            color: @color;
+        }
+    }
+
+    @deep(0, #ffd700);
+    @deep(1, #da70d6);
+    @deep(2, #179fff);
+    @deep(3, #ffd700);
+    @deep(4, #da70d6);
+    @deep(5, #179fff);
+    @deep(6, #ffd700);
+    @deep(7, #da70d6);
+    @deep(8, #179fff);
+    @deep(9, #ffd700);
+    @deep(10, #da70d6);
+    @deep(11, #179fff);
+    @deep(12, #ffd700);
+    @deep(13, #da70d6);
+    @deep(14, #179fff);
+    @deep(15, #ffd700);
+    @deep(16, #da70d6);
+    @deep(17, #179fff);
+
+    express,
+    property {
+        color: #9cdcfe;
+    }
+
+    invoke,
+    method {
+        color: #dcdcaa;
+    }
+
+    predef {
+        color: #4ec9b0;
+    }
+
+    outside {
+        color: #4fc1ff;
+    }
+
+    comment {
+        color: #6a9955;
+    }
+</style>
+<script>
+    var encode = function (text) {
+        return text.replace(/[\<\>\|]/g, a => `&#${a.charCodeAt()};`)
+    };
+    var codecolor = function (c) {
+        var envs = c.envs;
+        var predefs = Object.create(null);
+        predefs.module = true;
+        predefs.exports = true;
+        predefs["module.exports"] = true;
+        predefs.Promise = true;
+        [Boolean, Number, String, Function, Object, Array, Date, RegExp, Error].forEach(p => predefs[p.name] = true);
+        var { STRAP, SCOPED, QUOTED, LABEL, COMMENT, STAMP, VALUE, EXPRESS, PROPERTY, PIECE } = c;
+        var deep = 0;
+        var setcolor = function (o) {
+            switch (o.type) {
+                case LABEL:
+                    o.text = `<label>${o.text}</label>`;
+                    break;
+                case QUOTED:
+                case PIECE:
+                    if (!o.length) {
+                        if (/^\//.test(o.text)) {
+                            o.text = `<regexp>${encode(o.text)}</regexp>`;
+                        }
+                        else o.text = `<text>${encode(o.text)}</text>`;
+                        break;
+                    }
+                    o.forEach(setcolor);
+                    o.entry = "<text>" + o.entry;
+                    o.leave = o.leave + "</text>";
+                    break;
+                case SCOPED:
+                    deep++;
+                    o.forEach(setcolor);
+                    deep--;
+                    o.entry = `<deep${deep}>${o.entry}</deep${deep}>`;
+                    o.leave = `<deep${deep}>${o.leave}</deep${deep}>`;
+                    break;
+                case VALUE:
+                    if (o.isdigit) o.text = `<digit>${o.text}</digit>`;
+                    else o.text = `<value>${o.text}</value>`;
+                    break;
+                case PROPERTY:
+                    var next = o.next;
+                    if (next && next.type === c.SCOPED && next.entry === '(') {
+                        o.text = `<method>${o.text}</method>`;
+                    }
+                    else o.text = `<property>${o.text}</property>`;
+
+                    break;
+                case EXPRESS:
+                    var keys = o.text.split(".");
+                    var next = o.next;
+                    if (next && next.type === c.SCOPED && next.entry === '(') {
+                        keys[keys.length - 1] = `<invoke>${keys[keys.length - 1]}</invoke>`;
+                    }
+                    var [name] = keys;
+                    if (/^</.test(name));
+                    else if (/^(arguments|this|super|Infinity|NaN)$/.test(name)) name = `<strap>${name}</strap>`;
+                    else if (name in envs) name = name in predefs ? `<predef>${name}</predef>` : `<outside>${name}</outside>`;
+
+                    keys[0] = name;
+                    o.text = keys.map(k => /^\</.test(k) || !k ? k : `<express>${k}</express>`).join(".");
+                    break;
+                case STRAP:
+                    if (/^(if|else|switch|case|do|while|for|break|continue|default|import|from|as|export|try|catch|finally|await|yield|return)/.test(o.text))
+                        o.text = `<flow>${o.text}</flow>`;
+                    else o.text = `<strap>${o.text}</strap>`;
+                    break;
+                case STAMP:
+                    if (/^(=>)$/.test(o.text) || o.text === "*" && o.prev && o.prev.type === c.STRAP) o.text = `<strap>${encode(o.text)}</strap>`;
+                    else if (!/^[<\/>]+$/.test(o.text));
+                    else o.text = `<stamp>${encode(o.text)}</stamp>`;
+                    break;
+                case COMMENT:
+                    o.text = `<comment>${encode(o.text)}</comment>`;
+                    break;
+            }
+        };
+        c.forEach(setcolor);
+
+    }
+    var typescript = new compile$Javascript;
+    typescript.straps = typescript.straps.concat("interface", "implements", "declare", "module", "readonly", "enum");
+    var codesupports = {
+        javascript(a) {
+            var c = compile$scanner2(a);
+            codecolor(c);
+            return c.toString();
+        },
+        typescript(a) {
+            var c = compile$scanner2(a, typescript);
+            codecolor(c);
+            return c.toString();
+        },
+        html(a) {
+            var code = compile$scanner2(a, 'html');
+            var scoped = code.scoped;
+            codecolor(code);
+            backEach(scoped.richNodes, n => {
+                if (n.isScript) {
+                    var js = compile$scanner2(n.innerText);
+                    codecolor(js);
+                    code.splice(n.innerStart, n.innerEnd - n.innerStart, { text: js.toString() });
+                }
+            })
+            return code.toString();
+        },
+        css(a) {
+            var c = compile$scanner2(a);
+            codecolor(c);
+            return c.toString();
+        }
+    };
+    codesupports.cmd = codesupports.bat;
+    codesupports.jsx = codesupports.js = codesupports.javascript;
+    codesupports.tsx = codesupports.ts = codesupports.typescript;
+    codesupports.xml = codesupports.html;
+    function codetext(type, text) {
+        try {
+            type = type.toLowerCase();
+            if (type in codesupports) text = codesupports[type](text);
+            else text = encode(text);
+
+        } catch (e) {
+            console.error(e);
+        }
+        var codes = text.split(/\r\n|\r|\n/);
+        var minSpace = 0;
+        for (var c of codes) {
+            var m = /^\s*/.exec(c);
+            if (m && m[0].length < c.length) {
+                minSpace = m[0].length;
+            }
+        }
+        if (minSpace > 0) codes = codes.map(c => /^\s+/.test(c) ? c.slice(minSpace) : c);
+        return `<code type=${type}>${codes.join("<br/>").replace(/\t/g, Array(5).join('&ensp;')).replace(/\s/g, '&ensp;')}</code> `;
+    }
+    codetext.encode = encode;
+</script>

package/coms/docs/markdown.js

@@ -81,149 +81,10 @@ function richtext(line) {
     else a = p(line);
     if (a) content.push(a);
 }
-var codecolor = function (c) {
-    var envs = c.envs;
-    var predefs = Object.create(null);
-    predefs.module = true;
-    predefs.exports = true;
-    predefs["module.exports"] = true;
-    predefs.Promise = true;
-    [Boolean, Number, String, Function, Object, Array, Date, RegExp, Error].forEach(p => predefs[p.name] = true);
-    var { STRAP, SCOPED, QUOTED, LABEL, COMMENT, STAMP, VALUE, EXPRESS, PROPERTY, PIECE } = c;
-    var deep = 0;
-    var setcolor = function (o) {
-        switch (o.type) {
-            case LABEL:
-                o.text = `<label>${o.text}</label>`;
-                break;
-            case QUOTED:
-            case PIECE:
-                if (!o.length) {
-                    if (/^\//.test(o.text)) {
-                        o.text = `<regexp>${encode(o.text)}</regexp>`;
-                    }
-                    else o.text = `<text>${encode(o.text)}</text>`;
-                    break;
-                }
-                o.forEach(setcolor);
-                o.entry = "<text>" + o.entry;
-                o.leave = o.leave + "</text>";
-                break;
-            case SCOPED:
-                deep++;
-                o.forEach(setcolor);
-                deep--;
-                o.entry = `<deep${deep}>${o.entry}</deep${deep}>`;
-                o.leave = `<deep${deep}>${o.leave}</deep${deep}>`;
-                break;
-            case VALUE:
-                if (o.isdigit) o.text = `<digit>${o.text}</digit>`;
-                else o.text = `<value>${o.text}</value>`;
-                break;
-            case PROPERTY:
-                var next = o.next;
-                if (next && next.type === c.SCOPED && next.entry === '(') {
-                    o.text = `<method>${o.text}</method>`;
-                }
-                else o.text = `<property>${o.text}</property>`;
-
-                break;
-            case EXPRESS:
-                var keys = o.text.split(".");
-                var next = o.next;
-                if (next && next.type === c.SCOPED && next.entry === '(') {
-                    keys[keys.length - 1] = `<invoke>${keys[keys.length - 1]}</invoke>`;
-                }
-                var [name] = keys;
-                if (/^</.test(name));
-                else if (/^(arguments|this|super|Infinity|NaN)$/.test(name)) name = `<strap>${name}</strap>`;
-                else if (name in envs) name = name in predefs ? `<predef>${name}</predef>` : `<outside>${name}</outside>`;
-
-                keys[0] = name;
-                o.text = keys.map(k => /^\</.test(k) || !k ? k : `<express>${k}</express>`).join(".");
-                break;
-            case STRAP:
-                if (/^(if|else|switch|case|do|while|for|break|continue|default|import|from|as|export|try|catch|finally|await|yield|return)/.test(o.text))
-                    o.text = `<flow>${o.text}</flow>`;
-                else o.text = `<strap>${o.text}</strap>`;
-                break;
-            case STAMP:
-                if (/^(=>)$/.test(o.text) || o.text === "*" && o.prev && o.prev.type === c.STRAP) o.text = `<strap>${encode(o.text)}</strap>`;
-                else if (!/^[<\/>]+$/.test(o.text));
-                else o.text = `<stamp>${encode(o.text)}</stamp>`;
-                break;
-            case COMMENT:
-                o.text = `<comment>${encode(o.text)}</comment>`;
-                break;
-        }
-    };
-    c.forEach(setcolor);
-
-}
-var typescript = new compile$Javascript;
-typescript.straps = typescript.straps.concat("interface", "implements", "declare", "module", "readonly", "enum");
-var codesupports = {
-    javascript(a) {
-        var c = compile$scanner2(a);
-        codecolor(c);
-        return c.toString();
-    },
-    typescript(a) {
-        var c = compile$scanner2(a, typescript);
-        codecolor(c);
-        return c.toString();
-    },
-    html(a) {
-        var code = compile$scanner2(a, 'html');
-        var scoped = code.scoped;
-        codecolor(code);
-        backEach(scoped.richNodes, n => {
-            if (n.isScript) {
-                var js = compile$scanner2(n.innerText);
-                codecolor(js);
-                code.splice(n.innerStart, n.innerEnd - n.innerStart, { text: js.toString() });
-            }
-        })
-        return code.toString();
-    },
-    css(a) {
-        var c = compile$scanner2(a);
-        codecolor(c);
-        return c.toString();
-    }
-};
-codesupports.cmd = codesupports.bat;
-codesupports.jsx = codesupports.js = codesupports.javascript;
-codesupports.tsx = codesupports.ts = codesupports.typescript;
-codesupports.xml = codesupports.html;
-function codetext(type, text) {
-    try {
-        type = type.toLowerCase();
-        if (type in codesupports) text = codesupports[type](text);
-        else text = encode(text);
-
-    } catch (e) {
-        console.error(e);
-    }
-    text = text.replace(/^(\r\n|\r|\n)|\s+$/g, '');
-    var codes = text.split(/\r\n|\r|\n/);
-    var minSpace = 0;
-    for (var c of codes) {
-        var m = /^\s*/.exec(c);
-        if (m && m[0].length < c.length) {
-            minSpace = m[0].length;
-        }
-    }
-    if (minSpace > 0) codes = codes.map(c => c.slice(minSpace));
-    return `<code type=${type}>${codes.join("<br/>").replace(/\t/g, Array(5).join('&ensp;')).replace(/\s/g, '&ensp;')}</code> `;
-}
 /**
  * @type {Element}
  */
 var content;
-var encode = function (text) {
-    return text.replace(/[\<\>\|]/g, a => `&#${a.charCodeAt()};`)
-};
 function markdown(text) {
     var c = content = [];
     text.replace(/ *(`+|\*+)(\S[\s\S]*?)\1 */g, function (_, q, c, i) {
@@ -233,16 +94,15 @@ function markdown(text) {
             if (m & 2) c = `<b>${c}</b>`;
             return c;
         }
-        _ = encode(_.trim()).slice(1, -1);
+        _ = codetext.encode(_.trim()).slice(1, -1);
         if (/[\*#\.]\s/.test(text.slice(i - 1, i + 1))) _ = " " + _;
         if (q.length === 1) return `<m>${_}</m>`;
         var t = /^\S+/.exec(c);
-        if (t) t = t[0]; c = c.slice(t.length);
+        if (t) t = t[0]; c = c.slice(t.length).replace(/^(\r\n|\r|\n)|\s+$/g, '');
         return codetext(t, c);
     }).replace(/\s*((&nbsp;\s*)+)/g, "$1").split(/\r\n|\r|\n/).forEach(richtext);
     list_elem = null;
     list_tag = null;
     content = null;
     return c.join('');
-}
-markdown.javascript = codetext.bind(null, 'javascript');
+}

package/coms/typescript-helpers/__asyncDelegator.js

@@ -0,0 +1,12 @@
+/**
+ * typescript:asyncDelegator
+ * 这个文件由工具生成，请不要手动修改
+ * 
+ * Efront Authors
+ * 2023-03-31T13:49:30.678Z
+ */
+var __asyncDelegator = (this && this.__asyncDelegator) || function (o) {
+    var i, p;
+    return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }
+};

package/coms/typescript-helpers/__asyncValues.js

@@ -0,0 +1,14 @@
+/**
+ * typescript:asyncValues
+ * 这个文件由工具生成，请不要手动修改
+ * 
+ * Efront Authors
+ * 2023-03-31T13:49:30.678Z
+ */
+var __asyncValues = (this && this.__asyncValues) || function (o) {
+    if (!Symbol.asyncIterator) throw new TypeError("Symbol.asyncIterator is not defined.");
+    var m = o[Symbol.asyncIterator], i;
+    return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }
+};

package/coms/typescript-helpers/__esDecorate.js

@@ -0,0 +1,34 @@
+/**
+ * typescript:esDecorate
+ * 这个文件由工具生成，请不要手动修改
+ * 
+ * Efront Authors
+ * 2023-03-31T13:49:30.678Z
+ */
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.push(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.push(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};

package/coms/typescript-helpers/__propKey.js

@@ -0,0 +1,10 @@
+/**
+ * typescript:propKey
+ * 这个文件由工具生成，请不要手动修改
+ * 
+ * Efront Authors
+ * 2023-03-31T13:49:30.678Z
+ */
+var __propKey = (this && this.__propKey) || function (x) {
+    return typeof x === "symbol" ? x : "".concat(x);
+};

package/coms/typescript-helpers/__runInitializers.js

@@ -0,0 +1,14 @@
+/**
+ * typescript:runInitializers
+ * 这个文件由工具生成，请不要手动修改
+ * 
+ * Efront Authors
+ * 2023-03-31T13:49:30.678Z
+ */
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};

package/coms/typescript-helpers/__setFunctionName.js

@@ -0,0 +1,11 @@
+/**
+ * typescript:setFunctionName
+ * 这个文件由工具生成，请不要手动修改
+ * 
+ * Efront Authors
+ * 2023-03-31T13:49:30.678Z
+ */
+var __setFunctionName = (this && this.__setFunctionName) || function (f, name, prefix) {
+    if (typeof name === "symbol") name = name.description ? "[".concat(name.description, "]") : "";
+    return Object.defineProperty(f, "name", { configurable: true, value: prefix ? "".concat(prefix, " ", name) : name });
+};

package/coms/zimoli/alert.js

@@ -9,24 +9,14 @@ styles.info = styles.blue;
 styles.error = styles.danger = styles.red;
 styles.warn = styles.orange;
 styles.default = '#000a';
-var alerts = [];
-var clean = Cleanup(alerts);
-var build = function () {
-    var sum = 0;
-    alerts.forEach(function (elem) {
-        if (elem.offsetTop !== sum) {
-            elem.style.top = fromOffset(sum);
-        };
-        sum += elem.offsetHeight;
-    });
-};
 var fontSize = 16;
 var singleHeight = fontSize * 3.125 | 0;
+var container = document.createElement('alert-container');
+css(container, 'height:0;left:0;right:0;transition:all 0.2s ease-out;position:absolute;')
 var _text = function (bgcolor, parameters) {
-    var box = div();
-    css(box, `top:${fromPixel(alerts.length ? Math.max.apply(Math, alerts.map(e => e.offsetTop + e.children[0].offsetHeight)) : 0)};height:0;line-height:${fromPixel(singleHeight - 20)};left:0;right:0;font-size:${fromPixel(fontSize)}; transition: all 0.2s ease-out;position:absolute;text-align:center;`);
-    box.innerHTML = `<div style='width: 720px;white-space:pre-wrap;max-width:100%;display:inline-block;height:auto;padding:${fromPixel(10)} ${fromPixel(20)};background-color:${bgcolor};color:${color.pair(bgcolor, 1)};'>${[].slice.call(parameters, 0).join(", ")}</div>`;
-    box.initialStyle = `margin-top:-${fromPixel(singleHeight)};opacity:0;`;
+    var box = document.createElement('div');
+    box.innerHTML = `<div style='padding:${fromPixel(10)} ${fromPixel(20)};background-color:${bgcolor};color:${color.pair(bgcolor, 1)};'>${[].slice.call(parameters, 0).join(", ")}</div>`;
+    box.initialStyle = `margin-top:-${fromPixel(singleHeight)};`;
     return box;
 };
 function alert() {
@@ -69,9 +59,8 @@ function alert() {
         if (onclose) {
             onclose.call(this, event);
         }
-        clean(this);
-        build();
         if (close_timer) clearTimeout(close_timer);
+        if (!container.children.length) remove(container);
     }
     onremove(elem, _onclose);
     var close_timer;
@@ -97,8 +86,8 @@ function alert() {
             waitclose(timeout, -100);
         }
     };
-    alerts.push(elem);
-    popup(elem);
+    if (!container.parentNode) popup(container);
+    appendChild(container, elem);
     return elem;
 }
 for (var k in styles) {

package/coms/zimoli/alert.less

@@ -0,0 +1,10 @@
+& {
+    width: 720px;
+    white-space: pre-wrap;
+    max-width: 100%;
+    display: block;
+    margin: 0 auto;
+    height: auto;
+    line-height: 1.2;
+    text-align: center;
+}

package/coms/zimoli/data_test.js

@@ -1,8 +1,5 @@
 function data_test1() {
     var array = [{
-        name: "王勇慧",
-        birthday: "1992-11-13",
-    }, {
         name: "李时珍",
         birthday: "1518-7-3"
     }, {