efront 3.8.7 → 3.9.0

package/apps/pivot/api.yml

@@ -6,3 +6,5 @@
   cluster: options ::cluster-:opt?:id
   list: options :::type
   edit: options :::type-:key?:value
+  params: options ::params-:key
+  invoke: options ::invoke-:key?:params

package/apps/pivot/task/invoke.html

@@ -0,0 +1,17 @@
+<div head>
+    <span -text="task.name"></span>
+    (<span -text="task.key"></span>)
+    <close @click="remove()"></close>
+</div>
+<div body>
+    <div class="left">
+        <field -repeat="f in fields" -src="[f,data]"></field>
+        <pre -text="task.code"></pre>
+    </div>
+    <div class="right">
+        <pre -text="output"></pre>
+    </div>
+</div>
+<div foot>
+    <btn @click="run">执行</btn>
+</div>

package/apps/pivot/task/invoke.js

@@ -0,0 +1,29 @@
+function main(a) {
+    var page = view();
+    page.innerHTML = template;
+    drag.on(page.firstChild, page);
+    var fields = data.from("params", { key: a.key }, function (a) {
+        return JSON.parse(encode62.timedecode(a));
+    });
+    var taskid = 0;
+    renderWithDefaults(page, {
+        remove() {
+            remove(page);
+        },
+        data: {},
+        fields: fields,
+        task: a,
+        output: '',
+        async run() {
+            var id = ++taskid;
+            var params = JSON.stringify(this.data);
+            var res = await data.from("invoke", { key: a.key, params: encode62.timeencode(params) }, function (a) {
+                return encode62.timedecode(a);
+            });
+            console.log(res);
+            if (id !== taskid) return;
+            this.output = res;
+        }
+    });
+    return page;
+}

package/apps/pivot/task/invoke.less

@@ -0,0 +1,10 @@
+& {
+    position: absolute;
+    width: 800px;
+}
+
+>[body]>div {
+    display: inline-block;
+    width: 50%;
+    vertical-align: top;
+}

package/apps/pivot/task/list.js

@@ -1,6 +1,14 @@
 plist.bind(null, '任务管理', "task", refilm`
 *任务ID/key 100
 *任务名/name 100
-*启用/status swap [关闭,开启]
+*是否启用/status radio [不启用,启用]
 任务代码/code text
+执行/ - ${[{
+        when(o) {
+            return o.status === 1;
+        },
+        name: "执行", do(o) {
+            popup("/task/invoke", o);
+        }
+    }]}
 `, '/task/edit');

package/coms/basic/loader.js

@@ -507,7 +507,7 @@ var createModule = function (exec, originNames, compiledNames, prebuilds = {}) {
             result = res;
             created = true;
             _ok(res);
-        }, prebuilds);
+        });
         if (created) return result;
         return promise;
     });

package/coms/basic/refilm_decode.js

@@ -320,7 +320,7 @@ function parse(piece) {
                     name = name.slice(0, commaindex);
                 }
             }
-            [name, key] = scanSlant(name, '/');
+            [name, key] = scanSlant(name, '/', 0, name.length + 1);
             if (key === undefined && !/^(title|label|headline)$/i.test(type)) key = name;
         }
         if (/^[a-z\d]+\/?\d+$/i.test(type)) {

package/coms/basic/renderExpress.js

@@ -0,0 +1,101 @@
+function createSeek(express) {
+    var dist;
+    express.forEach(function (search) {
+        if (dist) {
+            if (/[\=]/.test(dist)) dist = `(${dist})`;
+            dist = `${dist}!==void 0&&${dist}!==null?${dist}${search}:''`
+        } else {
+            dist = search;
+        }
+    });
+    return dist;
+}
+function main(express) {
+    if (!/\?\s*\.(?=[^\d])/.test(express)) return express;
+    var reg = /\\[\s\S]|\?\s*(\.(?!\d))|[\:\,\+\=\-\!%\^\|\/\&\*\!\;\?\>\<~\{\}\[\]\(\)'"`\s]/g;
+    var cache = [], queue = [];
+    var exp = [];
+    var instr = false;
+    var lastIndex = 0;
+    var add_exp = function (s) {
+        if (!exp.length) exp.push(s);
+        else {
+            var e = exp[exp.length - 1];
+            if (!/[\.]\s*$/.test(e) && !/^\s*[\.'"`\[\(]/.test(s)) {
+                queue.push(createSeek(exp));
+                exp.splice(0, exp.length, '');
+                e = '';
+            }
+            if (/\.$/.test(e) && /^[\[\("'`]/.test(s)) {
+                e = e.replace(/\.$/, '');
+            }
+            e += s;
+            exp[exp.length - 1] = e;
+        }
+    };
+    var push_quote = function (m) {
+        add_exp(m);
+        cache.push(queue, exp);
+        queue = [];
+        exp = [];
+    };
+    var pop_quote = function (m) {
+        add_punc('');
+        exp = cache.pop();
+        var e = queue.join("") + m;
+        exp[exp.length - 1] += e;
+        queue = cache.pop();
+    };
+    var add_punc = function (m) {
+        if (exp.length) {
+            var temp = createSeek(exp);
+            queue.push(exp.length > 1 ? `(${temp})` : temp, m);
+            exp = [];
+        } else if (queue.length) {
+            queue[queue.length - 1] += m;
+        } else {
+            queue.push(m);
+        }
+    };
+
+    do {
+        var match = reg.exec(express);
+        if (!match) break;
+        var index = match.index;
+        var m = match[0];
+        var isstr = false;
+        if (/['"`\/]/.test(m)) {
+            if (instr === m) instr = false;
+            else if (!instr) instr = m;
+        }
+        if (instr) {
+            continue;
+        }
+        if (/['"`\/\s]/.test(m)) {
+            isstr = true;
+            index++;
+        }
+
+        var str = express.slice(lastIndex, index);
+        if (str) {
+            add_exp(str);
+        }
+        lastIndex = match.index + m.length;
+        if (match[1]) {
+            exp.push(match[1]);
+        }
+        else if (/[\[\{\(]/.test(m)) {
+            push_quote(m);
+        }
+        else if (/[\]\}\)]/.test(m)) {
+            pop_quote(m);
+        }
+        else if (!isstr) {
+            add_punc(m);
+        }
+    } while (true);
+    var s = express.slice(lastIndex);
+    if (s) add_exp(s);
+    add_punc('');
+    return queue.join("");
+}

package/coms/frame/edit.html

@@ -2,7 +2,7 @@
     <span v-text="origin?'修改':'添加'"></span><span -text="title"></span>
 </div>
 <div body>
-    <field v-if="!f.readonly||!!data[f.key]" -repeat="f in fields" ng-src="[f,data]"></field>
+    <field v-if="!f.hidden" -repeat="f in fields" ng-src="[f,data]"></field>
 </div>
 <div foot>
     <btn @click="remove()" class="white">取消</btn>

package/coms/zimoli/colorlabel.less

@@ -1,5 +1,5 @@
 & {
-    width: 180px;
+    width: 160px;
     height: 20px;
     display: inline-block;
     text-align: center;

package/coms/zimoli/colorpicker.js

@@ -2,7 +2,8 @@ function main(element = document.createElement("div")) {
     element.innerHTML = colorpicker;
     var saved_value;
     var selector = element.firstChild;
-    select(selector, colorpad(), false, 'y');
+    var pad = colorpad();
+    select(selector, pad, false, 'y');
     render(element, {
         a: button,
         colorlabel,
@@ -25,6 +26,7 @@ function main(element = document.createElement("div")) {
     element.setValue = function (value) {
         element.value = value;
         cast(selector, value);
+        pad.setValue(value);
     };
     return element;
 }

package/coms/zimoli/getName.js

@@ -0,0 +1,9 @@
+var hasOwnProperty = {}.hasOwnProperty;
+function getName(o) {
+    if (hasOwnProperty.call(o, 'toString')) return o.toString();
+    if ("name" in o) return o.name;
+    if ("label" in o) return o.label;
+    if ("value" in o) return o.value;
+    if (hasOwnProperty.call(o, 'valueOf')) return o.valueOf();
+    return o;
+}

package/coms/zimoli/getValue.js

@@ -1,4 +1,11 @@
-function getValue() {
-    if (isFunction(this.getValue)) return this.getValue();
-    return this.value;
+var hasOwnProperty = {}.hasOwnProperty;
+function getValue(o = this) {
+    if (!o) return o;
+    if (isFunction(o.getValue)) return o.getValue();
+    if (hasOwnProperty.call(o, 'valueOf')) return o.valueOf();
+    if ("key" in o) return o.key;
+    if ("value" in o) return o.value;
+    if (hasOwnProperty.call(o, 'toString')) return o.toString();
+    if (!isEmpty(o.id)) return o.id;
+    return o;
 }

package/coms/zimoli/model.js

@@ -12,6 +12,7 @@ var rebuildOptions = function () {
     var new_options = seek(data, options_from);
     if (new_options !== options) {
         field.options = new_options;
+        delete field.optionsMap;
         render.refresh();
     }
 };
@@ -198,7 +199,22 @@ function main(elem) {
                     elem.innerHTML = '<span ng-bind=get()></span>';
                     render(elem, {
                         get() {
-                            return seek(data, field.key);
+                            var value = seek(data, field.key);
+                            if (field.options) {
+                                if (!field.optionsMap) {
+                                    var map = Object.create(null);
+                                    for (var o of field.options) {
+                                        var v = getValue(o);
+                                        map[v] = o;
+                                    }
+                                    field.optionsMap = map;
+                                }
+                                var map = field.optionsMap;
+                                if (value in map) {
+                                    value = getName(map[value]);
+                                }
+                            }
+                            return value;
                         }
                     });
                 }

package/coms/zimoli/prepare.js

@@ -0,0 +1 @@
+zimoli.prepare;

package/coms/zimoli/radio.js

@@ -18,18 +18,18 @@ function main(elem = document.createElement("radio-group")) {
             options,
             select(a) {
                 this.options.active = a;
-                elem.value = a.key;
+                elem.value = getValue(a);
                 dispatch(elem, 'change');
             }
         });
-        if (elem.value) {
+        if (!isEmpty(elem.value)) {
             elem.setValue(elem.value);
         }
     });
     elem.setValue = function (key) {
         var { options } = this.$scope;
         if (!(options instanceof Array)) return;
-        var index = options.map(a => a.key).indexOf(key);
+        var index = options.map(a => getValue(a)).indexOf(key);
         options.active = options[index];
     };
     return elem;

package/coms/zimoli/render.js

@@ -56,20 +56,7 @@ var createGetter = function (search, isprop = true) {
     var [withContext, searchContext] = search;
     if (!searchContext) return function () { };
     var ret = /\;/.test(searchContext) ? "" : "return ";
-    if (/\?\s*\.(?=[^\d])/.test(searchContext)) {
-        searchContext = searchContext.replace(variableReg, function (context) {
-            var dist;
-            context.split(/\?\s*\.(?=[^\d])/).forEach(function (search) {
-                if (dist) {
-                    if (/[\=]/.test(dist)) dist = `(${dist})`;
-                    dist = `${dist}!==void 0&&${dist}!==null?${dist}.${search}:''`
-                } else {
-                    dist = search;
-                }
-            });
-            return dist.length > 1 ? `(${dist})` : context;
-        });
-    }
+    searchContext = renderExpress(searchContext);
     if (isprop) {
         return new Function('event', `${withContext}with(this.$scope){${ret}${searchContext}}`);
     }
@@ -94,7 +81,7 @@ var parseRepeat = function (expression) {
     var res = reg.exec(expression);
     if (!res) return res;
     var [_, i, k, r, s, t] = res;
-    var keyName, itemName, indexName, trackBy = t, srcName = s;
+    var keyName, itemName, indexName, trackBy = t, srcName = renderExpress(s);
     switch (r) {
         case "in":
             if (i) itemName = i;
@@ -289,6 +276,7 @@ var parseIfWithRepeat = function (ifExpression, repeatExpression) {
         if (reg.lastIndex < savedIndex) break;
         run();
     }
+    if (savedIndex < ifExpression.length) rest.push(ifExpression.slice(savedIndex))
     var beforeRepeat = [], afterRepeat = [];
     rest.forEach(function (result) {
         var match = false;

package/coms/zimoli/table.html

@@ -9,7 +9,7 @@
     <tr>
         <td -repeat="f in fields">
             <model -if="f.key" :field=f :data=d readonly ></model>
-            <a on-click="o.do(d)" -if="!f.key&&f.options" _type="o.type instanceof Function?o.type(d):o.type"
+            <a on-click="o.do(d)" -if="!f.key&&f.options&&(!o.when||o.when(d))" _type="o.type instanceof Function?o.type(d):o.type"
                 -repeat="o in f.options">
                 <span -text="o.name instanceof Function?o.name(d):o.name"></span>
             </a>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "efront",
-    "version": "3.8.7",
+    "version": "3.9.0",
     "description": "一个开发工具，开放源代码，自带组件库和编译环境，可以用来开发web组件，web应用或nodejs模块，或做为已有代码的加密工具，也可以做为静态页面服务器或跨域中转服务器使用",
     "main": "public/efront.js",
     "directories": {