update 响应式处理

web-react/src/assets/style/lib/list.less

@@ -26,7 +26,7 @@
       }
     }
   }
-  >.ant-pagination {
+  .ant-pagination {
     margin: @padding-md 0;
   }
   .ant-descriptions {
@@ -44,6 +44,14 @@
       }
     }
   }
+  &--scroll {
+    position: relative;
+
+    overflow-x: auto;
+  }
+  .ant-list-items {
+    min-width: 1000px;
+  }
   .ant-list-item {
     transition: @animation-duration-slow;
     transition-property: background, border-bottom-color;
@@ -52,4 +60,36 @@
       background: linear-gradient(90deg, transparent 10%, @background-color-light 70%, transparent);
     }
   }
+  &-container {
+    position: relative;
+    &::before,
+    &::after {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      z-index: 3;
+
+      width: 30px;
+
+      content: '';
+      transition: box-shadow @animation-duration-slow;
+      pointer-events: none;
+    }
+    &::before {
+      left: 0;
+    }
+    &::after {
+      right: 0;
+    }
+    &.yo-list--ping-left {
+      &::before {
+        box-shadow: inset 10px 0 8px -8px fade(@black, 15%);
+      }
+    }
+    &.yo-list--ping-right {
+      &::after {
+        box-shadow: inset -10px 0 8px -8px fade(@black, 15%);
+      }
+    }
+  }
 }

web-react/src/assets/style/lib/table.less

@@ -22,6 +22,14 @@
     }
   }
 }
+.ant-table {
+  .ant-table-container {
+    &::before,
+    &::after {
+      z-index: 3;
+    }
+  }
+}
 .ant-table-thead {
   th.ant-table-column-has-sorters {
     &:hover {

web-react/src/assets/style/lib/tree-layout.less

@@ -19,6 +19,20 @@
       }
     }
   }
+  &--collapsed {
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    z-index: 4;
+
+    transform: translateX(-100%);
+    &.open {
+      transform: translateX(0);
+
+      box-shadow: 2px 0 8px fade(@black , 20%);
+    }
+  }
   &--bar {
     line-height: 20px;