efront 3.12.5 → 3.13.3

package/coms/zimoli/table.js

@@ -169,8 +169,12 @@ function table(elem) {
         move: resizeTarget,
     });
     onmousemove(tableElement, function (event) {
-        if (!thead) [thead] = table.getElementsByTagName("thead");
+        if (!thead) {
+            [thead] = table.getElementsByTagName("thead");
+            if (!thead) thead = table.querySelector('[thead]');
+        }
         if (!getTargetIn(thead, event.target)) return;
+
         var tds = getTargetIn(cellMatchManager, event.target);
         if (!isArray(tds)) tds = [];
         tds.map(function (td) {
@@ -193,7 +197,10 @@ function table(elem) {
     var table = tableElement;
     var thead;
     var cellMatchManager = function (element) {
-        if (!thead) [thead] = table.getElementsByTagName("thead");
+        if (!thead) {
+            [thead] = table.getElementsByTagName("thead");
+            if (!thead) thead = table.querySelector('[thead]');
+        }
         if (table.resizing) return false;
         if (!getTargetIn(thead, element)) return false;
         if (!tdElementReg.test(element.tagName)) return false;
@@ -214,8 +221,24 @@ function table(elem) {
         render(this, {
             fields,
             tbody: list,
+            innerHeight: {
+                valueOf() {
+                    return innerHeight - getScreenPosition(table).top;
+                }
+            },
             data,
+            adapter: null,
             model,
+            sort(f) {
+                f.sign = f.sign > 0 ? -1 : 1;
+                data.sort(function (a, b) {
+                    a = seek(a, f.key);
+                    b = seek(b, f.key);
+                    if (a > b) return f.sign;
+                    if (a < b) return -f.sign;
+                    return 0;
+                });
+            },
             setWidth(target, f) {
                 css(target, { width: f.width });
             },

package/coms/zimoli/table.less

@@ -75,9 +75,11 @@ table,
     line-height: 32px;
     height: 100%;
     min-height: 30px;
+    border-top: 4px solid #6669;
+
+
+
     user-select: auto;
-    display: table-row-group;
-    overflow: auto;
 
     >tr {
 
@@ -85,9 +87,10 @@ table,
         >th {
             padding: @cell-padding;
             position: relative;
+            overflow: hidden;
         }
 
-        &:nth-of-type(even) {
+        &:nth-of-type(odd) {
 
             >td,
             >th {
@@ -95,7 +98,7 @@ table,
             }
         }
 
-        &:nth-of-type(odd) {
+        &:nth-of-type(even) {
 
             >td,
             >th {
@@ -111,6 +114,23 @@ table,
             }
         }
     }
+
+    >tr[insert] {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+
+        >td {
+            background: #6669;
+            backdrop-filter: blur(20px);
+            z-index: 1;
+            color: #fff;
+        }
+    }
+}
+
+[thead] {
+    user-select: none;
 }
 
 .button {

package/coms/zimoli/view.less

@@ -127,4 +127,8 @@ body>& {
         padding: 0 20px;
         margin-left: 10px;
     }
+
+    a.button {
+        padding: 0;
+    }
 }

package/package.json

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