efront 3.16.1 → 3.17.1

package/coms/zimoli/resize.js

@@ -142,6 +142,7 @@ function resize(elem, initialEvent) {
 }
 moveupon(window, handle);
 
+
 resize.on = function (elem, dragHandle) {
     if (elem) {
         elem.dragHandle = dragHandle;
@@ -150,6 +151,23 @@ resize.on = function (elem, dragHandle) {
         var off = onmousemove(window, getResizer);
         onremove(elem, off);
     });
+    var computed = getComputedStyle(elem);
+    var resizeh = function () {
+        var elem = this;
+        if (elem.scrollWidth > elem.clientWidth) {
+            css(elem, { width: elem.offsetWidth });
+            dispatch(elem, 'resize');
+        }
+        if (elem.scrollHeight > elem.clientHeight) {
+            css(elem, { height: elem.offsetHeight });
+            dispatch(elem, 'resize');
+        }
+        if (unbind && parseInt(computed.height) && parseInt(computed.width)) {
+            unbind();
+            unbind = null;
+        };
+    }
+    if (!parseInt(computed.height) || !parseInt(computed.width)) var unbind = bind('render')(elem, resizeh);
     if (!~resizingElements.indexOf(elem)) {
         resizingElements.push(elem);
         once('remove')(elem, function () {

package/coms/zimoli/scrollbar.js

@@ -2,7 +2,7 @@ var scrollbary = function () {
     var reshape = function (scrollHeight, offsetHeight) {
         var target = this.target;
         if (target) {
-            this.style.height = target.offsetHeight + "px";
+            css(this, { height: target.offsetHeight });
         }
         var scrollbarHeight = this.offsetHeight;
         var ratio = offsetHeight / scrollHeight;
@@ -10,11 +10,14 @@ var scrollbary = function () {
         if (thumbHeight < 14) thumbHeight = 14;
         if (thumbHeight < 0) thumbHeight = 0;
         this.restHeight = scrollHeight - offsetHeight;
-        this.thumb.style.height = thumbHeight + "px";
+        css(this.thumb, {
+            height: thumbHeight
+        });
         if (thumbHeight >= this.clientHeight) {
             this.style.opacity = 0;
         } else {
             this.style.opacity = 1;
+            this.autoshow();
         }
     };
     var getTop = function () {
@@ -59,7 +62,7 @@ var scrollbary = function () {
         deltaY = targetY - thumbTop;
         moving.y += deltaY;
         if (targetY !== thumbTop) {
-            thumb.style.top = targetY + "px";
+            css(thumb, { top: targetY });
             dispatch(target, "change");
         }
     };
@@ -138,7 +141,7 @@ var scrollbary = function () {
         return { Height, height };
     };
 
-    function bindTarget(_container) {
+    function bindTarget(_container, followResize = _container) {
         var _scrollbar = this;
         _container.with = _scrollbar;
         onappend(_container, _scrollbar.reshape);
@@ -146,24 +149,33 @@ var scrollbary = function () {
         on("scroll")(_container, function () {
             var top = getTargetTop(_container);
             _scrollbar.scrollTo(top);
+            _scrollbar.autoshow();
         });
         on("change")(_scrollbar, function () {
             var top = _scrollbar.Top();
             setTargetTop(_container, top);
         });
-        _scrollbar.reshape();
+        if (followResize) on("resize")(followResize, _scrollbar.reshape);
     }
-    function scrollbar() {
-        var _scrollbar = div();
+    function scrollbar(elem) {
+        var _scrollbar = elem || document.createElement("scrollbar");
         _scrollbar.reshape = function () {
             var _container = _scrollbar.target;
             var { Height, height } = getTargetHeight(_container);
             reshape.call(_scrollbar, Height, height);
         };
         _scrollbar.scrollTo = scrollTo;
-        var _handler = div();
+        var _handler = document.createElement("scrollbar-thumb");
         _handler.className = "thumb";
         _scrollbar.Top = getTop;
+        _scrollbar.autohide = lazy(function () {
+            this.thumb.style.opacity = 0;
+        }, 600);
+        _scrollbar.autoshow = function () {
+            this.autohide();
+            this.thumb.style.opacity = 1;
+        };
+
         moveupon(_handler, {
             start: mousedown,
             move: mousemove,

package/coms/zimoli/scrollbar.less

@@ -1,10 +1,31 @@
 & {
     position: absolute;
-    width: 14px;
+    width: 6px;
     background-color: rgba(0, 0, 0, .1);
     border-radius: 7px;
     height: 100px;
+    border-left: 3px solid transparent;
+
+    &:hover {
+        >.thumb {
+            opacity: 1 !important;
+            overflow: visible;
+        }
+    }
+
     >.thumb {
+        &:after {
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            left: -4px;
+            right: -4px;
+            width: auto;
+            display: block;
+            content: "";
+        }
+
+        transition: opacity .2s;
         position: absolute;
         border-radius: 7px;
         height: 100%;

package/coms/zimoli/vbox.js

@@ -84,7 +84,7 @@ function ybox(generator) {
     var stop = _box.stopY;
     var stop2 = lazy(function () {
         scrollY.smooth(stop);
-    }, 310);
+    }, 60);
     var decrease = function () {
         var res = _decrease(increaser_t) + _decrease(increaser_b);
         if (!res) {
@@ -126,7 +126,12 @@ function ybox(generator) {
         // ie
         addClass(_box, "trident");
     } else {
+        var wheelTime = 0;
         onmousewheel(_box, function (event) {
+            if (event.timeStamp - wheelTime > 60 && Math.abs(event.deltaY) < 12) {
+                wheelTime = event.timeStamp;
+                return;
+            }
             var deltay = -event.deltaY;
             if (event.moveLocked) return;
             event.moveLocked = true;
@@ -137,7 +142,6 @@ function ybox(generator) {
                 box = getTargetIn(e => e === _box || /^(?:auto|scroll)$/i.test(getComputedStyle(e).overflowY) && e.scrollHeight - e.scrollTop > e.clientHeight, event.target);
             }
             if (box === _box) {
-                event.preventDefault();
                 scrollY.call(_box, -deltay, false);
                 stop2();
             }
@@ -169,7 +173,7 @@ function ybox(generator) {
             temp = temp.parentNode;
         }
         this.YScrollBoxId = +scrollId + 1;
-    }
+    };
     if (isMounted(_box)) initScrollId.call(_box);
     on("append")(_box, initScrollId);
     on("remove")(_box, scrollY.reset);

package/coms/zimoli/zimoli.js

@@ -145,7 +145,7 @@ function go(pagepath, args, history_name, oldpagepath) {
             history_name.activate = pagepath;
             history_name.activateNode = _page;
         }
-        if (isString(pagepath)) {
+        else if (isString(pagepath)) {
             if (fullfill_is_dispatched > 0) return;
             fullfill_is_dispatched = 1;
             var event = createEvent("zimoli");

package/package.json

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