efront 3.5.13 → 3.6.0

package/apps/pivot/api.yml

@@ -1,6 +1,6 @@
-./aapi/ authorization: 
-  login: options /::login-:a
-  run: options /:::run
-  share: options /::share-:opt?:path
-  folder: options /::file-:opt:::path?:to
-  cluster: options /::cluster-:opt?:id
+/ authorization: 
+  login: options ::login-:a
+  run: options :::run
+  share: options ::share-:opt?:path
+  folder: options ::file-:opt:::path?:to
+  cluster: options ::cluster-:opt?:id

package/apps/pivot/auth/login.js

@@ -1,7 +1,10 @@
+var hosts = data.getItem("hosts");
+if (!hosts.length) hosts.push({ key: location.host, name: location.host });
 var fields = refilm`
+服务器地址/host* select?a ${hosts}
 密码/password* password
 `;
-
+console.log(fields)
 function main() {
     var page = view();
     page.innerHTML = login;
@@ -9,20 +12,33 @@ function main() {
     on("append")(page, function () {
         move.bindPosition(page, [.5, .5]);
     });
-    renderWithDefaults(page, { fields, data: {}, pending: false });
+    renderWithDefaults(page, {
+        fields, data: {
+            host: location.host,
+        }, pending: false
+    });
     on("submit")(page, async function () {
+        data.setInstance("hosts", hosts, true);
         var { password } = submit(fields, this.$scope.data);
         this.$scope.pending = true;
         page.disabled = true;
         try {
-            var info = await data.from("login", {
+            var login = await data.getApi("login");
+            login.base = location.protocol + "//" + parseURL(this.$scope.data.host).host + "/";
+            cross.addDirect(login.base);
+            var info = await data.from(login, {
                 a: encode62.timeencode(encode62.geta(password))
             }).loading_promise;
+            var apimap = await data.getConfig();
+            for (var k in apimap) {
+                apimap[k].base = login.base;
+            }
             info = encode62.timeupdate(info);
             data.setSource({ authorization: info });
             user.login({})
             go('/main')
-        } catch {
+        } catch (e) {
+            console.log(e);
         }
         this.$scope.pending = false;
     })

package/coms/basic/loader.js

@@ -809,7 +809,7 @@ modules.modules = modules;
 var requires_count = 3;
 var hook = function (requires_count) {
     if (requires_count !== 0) return;
-    "alert confirm innerWidth innerHeight close".split(/\s+/).map(removeGlobalProperty);
+    "alert confirm innerWidth innerHeight close prompt".split(/\s+/).map(removeGlobalProperty);
     initPixelDecoder();
     modules.Promise = Promise;
     modules.hook_time = +new Date;

package/coms/basic/refilm_decode.js

@@ -268,7 +268,7 @@ function parse(piece) {
             delete_onempty, delete_onsubmit,
         } = name;
     } else {
-        var test = (reg,a) => {
+        var test = (reg, a) => {
             if (reg.test(a)) {
                 return true;
             }
@@ -388,7 +388,7 @@ function parse(piece) {
             options = is(options);
             var needUnfold = /^\[|\]$/.test(options);
             options = options.replace(/^\[|\]$/g, '');
-            if (/,/.test(options)) options = scanSlant(options, ',');
+            if (needUnfold || /,/.test(options)) options = scanSlant(options, ',');
             else options = scanSlant(options, "");
             if (needUnfold) unfoldOptions(size, options);
         }

package/coms/zimoli/data.js

@@ -333,25 +333,23 @@ function fixApi(api, href) {
             }
             api.base = href;
             api.path = api.url;
-            if (/^\.([\?\#][\s\S]*)?$/.test(api.url)) {
-                api.url = href + api.url.replace(/^\./, "");
-            } else {
-                api.url = href + api.url;
+            if (/^\.([\?\#][\s\S]*)?$/.test(api.path)) {
+                api.path = api.path.replace(/^\./, "");
             }
             if (extraSearch || extraHash) {
                 if (/[\?#]/.test(api.url)) {
                     var [, search, hash] = paramReg.exec(api.url);
                 }
-                var url = api.url.replace(paramReg, '');
+                var path = api.path.replace(paramReg, '');
                 if (extraSearch) {
                     search = search ? extraSearch + '&' + search : extraSearch;
                 }
                 if (extraHash) {
                     hash = hash ? extraHash + '&' + hash : extraHash;
                 }
-                if (search) url += '?' + search;
-                if (hash) url += "#" + hash;
-                api.url = url;
+                if (search) path += '?' + search;
+                if (hash) path += "#" + hash;
+                api.path = path;
             }
         }
     }
@@ -434,6 +432,9 @@ var privates = {
     },
     fromApi(api, params) {
         let url = api.url;
+        var base = api.base;
+        if (base) url = base + api.path;
+        console.log(url, base);
 
         if (this.validApi(api, params)) {
             params = this.repare(api, params);
@@ -657,6 +658,9 @@ var data = {
         data = this.parseConfig(data);
         configPormise = Promise.resolve(data);
     },
+    getConfig() {
+        return privates.getConfigPromise();
+    },
     parseConfig(o) {
         if (o instanceof Promise) {
             return o.then(createApiMap);

package/coms/zimoli/dispatch.js

@@ -9,15 +9,22 @@ var dispatch = "dispatchEvent" in document ? function dispatchEvent(target, even
     }
 };
 function main() {
-    var target, event;
+    var target, event, value;
     for (var cx = 0, dx = arguments.length; cx < dx; cx++) {
         var arg = arguments[cx];
-        if (isString(arg)) {
-            event = createEvent(arg);
-        } else if (isNode(arg) || arg === window || arg === document) {
+        if (isNode(arg) || arg === window || arg === document) {
             target = arg;
-        } else {
-            event = arg;
+        }
+        else if (!event) {
+            if (isString(arg)) {
+                event = createEvent(arg);
+            }
+            else {
+                event = arg;
+            }
+        }
+        else {
+            event.value = arg;
         }
     }
     if (dispatch(target || window, event)) {

package/coms/zimoli/input.js

@@ -66,12 +66,6 @@ function input(element) {
                     on("keydown")(element, number);
                     break;
             }
-            if (format) {
-                var picker = selectDate(format, input.value);
-                on("change")(element, picker.update);
-                select(element, picker);
-                element.readonly = "readonly";
-            }
         }
         return element;
     }

package/coms/zimoli/input.less

@@ -30,13 +30,13 @@
     display: none;
 }
 
-&::-webkit-calendar-picker-indicator {
-    display: none;
-}
+// &::-webkit-calendar-picker-indicator {
+//     display: none;
+// }
 
-&::-webkit-calendar-picker-indicator:hover {
-    display: none;
-}
+// &::-webkit-calendar-picker-indicator:hover {
+//     display: none;
+// }
 
 &::-webkit-clear-button {
     display: none;

package/coms/zimoli/model.js

@@ -72,9 +72,26 @@ var constructors = {
         cast(elem, field);
         return elem;
     },
-    select() {
-        var elem = select();
-        elem.innerHTML = `<option ng-repeat="(o,i) in field.options" ng-bind="o.name||o" _value="o.key!==undefined?o.key:o"></option>`;
+    select(_, t) {
+        if (!t) {
+            var elem = select();
+            elem.innerHTML = `<option ng-repeat="(o,i) in field.options" ng-bind="o.name||o" _value="o.key!==undefined?o.key:o"></option>`;
+        }
+        else if (t === 'a') {
+            var { field, data } = _;
+            var pad = selectList(field.options, field.multi, true);
+            var e = document.createElement('select');
+            var opt = null;
+            for (var o of field.options) {
+                if (o.key === data[field.key]) {
+                    opt = o;
+                    break;
+                }
+            }
+            e.innerHTML = `<option selected value="${opt ? opt.key : ''}">${opt ? opt.name : '请选择'}</option>`;
+            e.value = opt ? opt.key : '';
+            elem = select(e, pad);
+        }
         return elem;
     },
     "repeat"(_, field_type) {

package/coms/zimoli/popup.js

@@ -4,8 +4,10 @@
 onkeydown(document, function (e) {
     if (e.which === 27 && rootElements.length) {
         var r = rootElements.pop();
-        r.blur();
-        remove(r);
+        if (r) {
+            r.blur();
+            remove(r);
+        }
     }
 });
 var animationStyle = "opacity:0;transform:scale(1.2);transition:.1s opacity ease-out,.2s transform ease-out;";
@@ -162,24 +164,27 @@ var popup_with_mask = function (element, mask = createMask(element)) {
     return element;
 };
 var isypop = function (target) {
+    if (!target) return false;
     var { offsetParent, nextSibling, previousSibling } = target;
     if (
-        nextSibling
+        nextSibling && nextSibling.tagName === target.tagName
         && (
             nextSibling.offsetLeft - target.offsetLeft >= target.offsetWidth / 2
             || target.offsetLeft - nextSibling.offsetLeft >= nextSibling.offsetWidth / 2
         )
-        || previousSibling
+        || previousSibling && previousSibling.tagName === target.tagName
         && (
             previousSibling.offsetLeft - target.offsetLeft >= target.offsetWidth / 2
             || target.offsetLeft - previousSibling.offsetLeft >= previousSibling.offsetWidth / 2
         )
     ) return true;
-    if (offsetParent && target.offsetTop / target.offsetHeight < .2 && offsetParent.offsetWidth / target.offsetWidth > 1.5) return true;
+    var padding = parseFloat(getComputedStyle(offsetParent).paddingTop) + parseFloat(getComputedStyle(offsetParent).paddingBottom);
+    if (offsetParent && target.offsetTop / target.offsetHeight < .2 && (offsetParent.clientWidth - padding) / target.offsetWidth > 1.5) return true;
 
 };
 var isxpop = arriswise(isypop, arguments);
 var popup_as_extra = function (element, target, style) {
+    element.target = target;
     if (style) {
         if (/^[vy]/i.test(style)) {
             popup_as_yextra(element, target, style);
@@ -195,9 +200,9 @@ var popup_as_extra = function (element, target, style) {
         popup_as_yextra(element, target, style);
     } else if (isxpop(target)) {
         popup_as_xextra(element, target, style);
-    } else if (isypop(target.parentNode)) {
+    } else if (isypop(target.offsetParent)) {
         popup_as_yextra(element, target, style);
-    } else if (isxpop(target.parentNode)) {
+    } else if (isxpop(target.offsetParent)) {
         popup_as_xextra(element, target, style);
     } else {
         if (/inline|cell/i.test(getComputedStyle(target).display)) {
@@ -266,10 +271,10 @@ var _as_yextra = function (global, innerWidth, innerHeight, element, target, poi
         }
 
         css(element, `min-width:auto;`);
-        var aimedWidth = element.offsetWidth;
+        var aimedWidth = getScreenPosition(element).width;
         //如果宽度不足其附着元素的宽度
-        if (aimedWidth < target.offsetWidth) {
-            aimedWidth = target.offsetWidth;
+        if (aimedWidth < position.width) {
+            aimedWidth = position.width;
         }
 
         //如果宽度超出可视区，调整宽度

package/coms/zimoli/prompt.js

@@ -0,0 +1,40 @@
+function prompt(msg = "请输入", check) {
+    var ipt = input();
+    var oked, ohed;
+    var oks = [], ohs = [];
+    var fire = function () {
+        if (!oked && !ohed) return;
+        if (oked) oks.forEach(o => o(ipt.value));
+        if (ohed) ohs.forEach(o => o(ipt.value));
+        oks.splice(0, oks.length);
+        ohs.splice(0, ohs.length);
+    };
+    var c = confirm(msg, ipt, ["确认", "取消"], function (_) {
+        if (oked || ohed) return;
+        if (_ === "确认") {
+            if (check && check(ipt.value) === false) return false;
+            oked = true;
+        } else {
+            ohed = true;
+        }
+        fire();
+    });
+    on('append')(ipt, function () {
+        setTimeout(function () {
+            ipt.focus();
+        });
+    })
+    on("mousedown")(c, e => e.target !== ipt && e.preventDefault() | ipt.focus());
+    on("keydown.enter")(c, function () {
+        if (check && check(ipt.value) === false) return;
+        oked = true;
+        remove(c);
+        fire();
+    });
+    c.then = function (ok, oh) {
+        oks.push(ok);
+        ohs.push(oh);
+        fire();
+    };
+    return c;
+}

package/coms/zimoli/rootElements.js

@@ -25,6 +25,7 @@ rootElements.pop = function (elem) {
     if (cx < 0) {
         cx = rootElements.length - 1;
     }
+    if (isFunction(rootElements[cx].onback) && rootElements[cx].onback() === false) return;
     return rootElements.splice(cx, 1)[0];
 };
 rootElements.mount = function (elem) {

package/coms/zimoli/search.js

@@ -0,0 +1,15 @@
+function search(seartext, options) {
+    if (options instanceof Array) {
+        var hasFullmatch = false;
+        var a = options.map(o => {
+            if (o.name === seartext) hasFullmatch = true;
+            var [power, m] = mark.power(o.name, seartext);
+            return { power, name: m, value: o.value };
+        }).filter(a => a.power > 0);
+        a.sort(function (a, b) {
+            return b.power - a.power;
+        });
+        a.hasFullmatch = hasFullmatch;
+        return a;
+    }
+}

package/coms/zimoli/select.js

@@ -2,21 +2,22 @@ var saved_list;
 var _remove = function () {
     var removing_list = saved_list;
     if (removing_list) {
-        var target = this;
-        setTimeout(function () {
+        setTimeout(function run() {
             if (removing_list !== saved_list) return remove(removing_list);
             var { activeElement } = document;
-            if (!getTargetIn(removing_list, activeElement)) {
+            a: if (!getTargetIn(removing_list, activeElement)) {
+                var extras = [].concat(removing_list.with);
+                for (var e of extras) {
+                    if (getTargetIn(e, activeElement)) break a;
+                }
                 remove(removing_list);
                 if (removing_list === saved_list) saved_list = null;
-            } else {
-                once('blur')(activeElement, function () {
-                    setTimeout(function () {
-                        if (document.activeElement === target) return;
-                        _remove();
-                    });
-                });
+                return;
             }
+            once('blur')(activeElement, function () {
+                if (!isMounted(this)) return removing_list.target.focus();
+                run();
+            });
         });
     }
 };
@@ -48,10 +49,23 @@ function select(target, list, removeOnSelect, direction) {
     onblur(target, removeByBlur);
     if (/select/i.test(target.tagName)) {
         onmousedown(target, preventDefault);
+        care(target, 'add-option', function (a) {
+            var o = document.createElement('option');
+            o.value = a.value || a;
+            o.innerHTML = a.name || a;
+            this.appendChild(o);
+        });
+        care(target, 'set-options', function (options) {
+            this.innerHTML = options.map(o => `<option value="${o.value}">${o.name}</option>`).join("");
+        });
+        on('focus')(target, preventDefault);
     }
     var onlistchange = function () {
         if (target.multiple) {
         } else {
+            if (!savedOptions) {
+                target.innerHTML = `<option selected value="${this.value}">${this.name || this.value}</option>`
+            }
             target.value = this.value;
             dispatch(target, "change");
         }
@@ -114,9 +128,9 @@ function select(target, list, removeOnSelect, direction) {
             var allOptions = [].concat.apply([], target.querySelectorAll("option"));
             if (deepEqual.shallow(allOptions, savedOptions)) return;
             savedOptions = allOptions;
-            list = selectList(allOptions, target.multiple);
+            list = selectList(allOptions, target.multiple, target.editable);
             if (!target.multiple) {
-                onclick(list, _remove);
+                onclick(list, onlistclick);
             }
             bindEvent();
         };

package/coms/zimoli/selectLIstEdit.less

@@ -0,0 +1,21 @@
+& {
+    position: absolute;
+    user-select: none;
+}
+
+[body]>div {
+    padding: 6px 10px;
+    background: #fff;
+
+    >* {
+        line-height: 28px;
+        vertical-align: top;
+        margin-right: 20px;
+    }
+
+    &.item {
+        &:nth-of-type(n+2) {
+            border-top: 1px solid #0003;
+        }
+    }
+}

package/coms/zimoli/selectList.js

@@ -6,6 +6,7 @@ var singleClick = function () {
     node.activeNode = this;
     if (node.value === this.value) return;
     node.value = this.value;
+    node.name = this.name;
     dispatch(node, "change");
 };
 var multipleClick = function () {
@@ -21,21 +22,27 @@ var multipleClick = function () {
     }
     dispatch(node, "change");
 };
-function main(children, multiple) {
+
+function main(children, multiple, addable) {
     var list = div();
     list.value = multiple ? [] : "";
     var firstValue = false;
     var clicker = multiple ? multipleClick : singleClick;
-    var hasIcon = false, iconed = '';
-    appendChild(list, [].map.call(children, function (option) {
-        var item = div();
-        item.innerHTML = option.innerHTML;
-        var icon = option.getAttribute("icon");
+    var itemMap = Object.create(null);
+    function createItem(option) {
+        var key = option.key || option.value;
+        if (key in itemMap) return itemMap[key];
+        var item = itemMap[option.value] = document.createElement('div');
+
+        item.setAttribute("item", '');
+        item.innerHTML = option.innerHTML || option.name;
+        item.name = option.name || option.innerHTML;
+        var icon = option.getAttribute ? option.getAttribute("icon") : option.icon;
         if (icon) {
             hasIcon = true;
             css(item, { backgroundImage: `url('${icon}')` });
         }
-        item.value = option.value;
+        item.value = key;
         if (option.selected) {
             iconed = icon;
             if (multiple) {
@@ -54,10 +61,63 @@ function main(children, multiple) {
             onclick(item, clicker);
         }
         return item;
-    }));
+
+    }
+    var hasIcon = false, iconed = '';
+    appendChild(list, [].map.call(children, createItem));
+    if (addable) {
+        var adder = document.createElement("div");;
+        adder.innerHTML = "<a>添加</a><a>管理</a>";
+        button(adder.firstChild);
+        button(adder.children[1]);
+        on("click")(adder, async function (event) {
+            event.preventDefault();
+            var target = getTargetIn(this, event.target, false);
+            switch (target) {
+                case this.children[0]:
+                    var a = prompt("请输入", a => {
+                        if (a in itemMap) {
+                            alert(`选项 ${a} 已存在！`);
+                            return false;
+                        }
+                    });
+                    list.with = a;
+                    on('remove')(a, function () {
+                        list.with = null;
+                    });
+                    a = await a;
+                    if (a in itemMap) return false;
+                    cast(list.target, "add-option", a);
+                    children.push({ name: a, key: a });
+                    list.insertBefore(createItem({
+                        name: a,
+                        value: a,
+                    }), adder);
+                    break;
+                case this.children[1]:
+                    var options = [].slice.call(list.children, 0, list.children.length - 1);
+                    var edit = selectListEdit(options.slice(0));
+
+                    list.with = edit;
+                    on("remove")(edit, function () {
+                        list.with = null;
+                        remove([].slice.call(list.children, 0, list.children.length - 1));
+                        children.splice(0, children.length);
+                        children.push.apply(children, edit.$scope.options.map(o => ({ key: o.key || o.value, name: o.name || o.innerHTML })))
+                        appendChild.before(adder, edit.$scope.options.map(createItem));
+                        cast(list.target, 'set-options', edit.$scope.options);
+                    });
+                    popup(edit, [.5, .5]);
+                    break;
+            }
+        })
+        adder.setAttribute("adder", '');
+        list.appendChild(adder)
+    }
     if (hasIcon) {
         list.setAttribute('iconed', '');
     }
     list.icon = iconed;
+    on('mousedown')(list, e => e.preventDefault());
     return list;
 }

package/coms/zimoli/selectList.less

@@ -2,9 +2,11 @@
     max-width: 100%;
     background-color: #fff;
     line-height: 30px;
-    box-shadow: 0 0 20px -6px rgba(0, 0, 0, .3);
+    box-shadow: 0 0 20px -6px rgba(0, 0, 0, .1);
+    box-sizing: border-box;
+    border: 1px solid #0003;
 
-    >div {
+    >[item] {
         cursor: default;
         padding: 0 16px;
 
@@ -49,4 +51,15 @@
         background-position-y: 50%;
         background-position-x: 8px;
     }
+}
+
+>[adder] {
+    padding: 0 16px;
+    text-align: right;
+
+    a {
+        cursor: pointer;
+        vertical-align: top;
+        margin-left: 10px;
+    }
 }

package/coms/zimoli/selectListEdit.html

@@ -0,0 +1,15 @@
+<div head>管理选项</div>
+<div body>
+    <div>
+        <input placeholder="搜索或添加" v-model="search" @keydown.enter="add()" /><a @click="add()"
+            -if="search&&!filtered.hasFullmatch">添加</a>
+    </div>
+    <div class="item" -repeat="o in (search?filtered:options)">
+        <span -html=o.name></span>
+        <a type="danger" @click="del(o)">删除</a>
+    </div>
+</div>
+<div foot>
+    <btn @click="save()">确定</btn>
+    <btn type="white" @click="remove()">取消</btn>
+</div>