cloud-b2b 1.0.2 → 1.0.3

package/es/SuperTable/SuperTable.less

@@ -0,0 +1,135 @@
+@import '../variables.less';
+
+.@{cloudlink-prefix}-SuperTable {
+  border-spacing: 0;
+  cursor: default;
+
+  table {
+    white-space: pre;
+
+    :global(.ant-checkbox-input) {
+      z-index: -1;
+    }
+  }
+
+  :global(.ant-table-placeholder) {
+    padding: 0;
+
+    > div {
+      margin: 0;
+    }
+  }
+  .select {
+    background-color: @primary-1;
+  }
+
+  .center {
+    text-align: center !important;
+  }
+
+  .left {
+    text-align: left !important;
+  }
+
+  .right {
+    text-align: right !important;
+  }
+
+  .emphasizedSelectRow{
+    background-color: @table-row-hover-bg;
+    color :#000;
+    font-weight: 700;
+  }
+  .emphasizedUnselectRow{
+    color :#000;
+    font-weight: 700;
+  }
+
+  .weakenedSelectRow{
+    background-color: @table-row-hover-bg;
+    color :#999;
+  }
+  .weakenedUnselectRow{
+    color :#999;
+  }
+
+  .warningRow{
+    color: red;
+  }
+
+  .noTransition{
+    tr {
+      transition: all 0s!important;
+      >td{
+        transition: all 0s!important;
+      }
+    }
+  }
+
+  .noWrap{
+    white-space: nowrap;
+  }
+
+  .totalRow {
+    color: #222!important;
+    background-color: #f0f0f0!important;
+    transition: all 0s!important;
+    td {
+      border-top: 1px solid #ddd!important;
+      background-color: #f0f0f0!important;
+      border-bottom: 0!important;
+      transition: all 0s!important;
+    }
+  }
+
+}
+
+
+
+
+
+:global(.ant-table-footer) {
+  padding: 0!important;
+}
+
+.footer {
+  vertical-align: middle;
+  overflow: auto;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  scrollbar-color: transparent transparent;
+  scrollbar-track-color: transparent;
+  -ms-scrollbar-track-color: transparent;
+  .footerItem {
+    white-space: pre;
+    > span {
+      display: inline-block;
+      color: #222;
+      position: relative;
+      vertical-align: middle;
+      border-top: 1px solid #dedede;
+      display: inline-block;
+      box-sizing: border-box;
+      height: 35px;
+      padding: 8px 8px 7px !important;
+      border-right: 1px solid transparent;
+    }
+    .ghost {
+      opacity: 0;
+      filter: alpha(opacity=0);
+    }
+    .content {
+      position: absolute;
+      left: 0;
+    }
+  }
+}
+
+.footer::-webkit-scrollbar {
+  display: none;
+  width: 0!important;
+  height: 0!important;
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+

package/es/SuperTable/fixed.js

@@ -0,0 +1,42 @@
+import _indexOfInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/index-of";
+
+var isFirefox = function isFirefox() {
+  var _context;
+
+  return _indexOfInstanceProperty(_context = navigator.userAgent).call(_context, 'Firefox') > 0;
+};
+
+var getComputedStyle = function getComputedStyle(element) {
+  return window.getComputedStyle ? window.getComputedStyle(element, null) : element.currentStyle;
+};
+
+var fixed = function fixed(container, header, maxHeight) {
+  var totalFooter = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  container.style.overflowY = 'auto';
+  container.style.maxHeight = maxHeight;
+
+  if (isFirefox()) {
+    container.style.position = 'relative';
+    header.style.top = '0';
+    header.style.position = 'sticky';
+    header.style.zIndex = '1';
+  } else {
+    header.parentNode.appendChild(header);
+  }
+
+  var containerHeight = Number(getComputedStyle(container).height.replace('px', ''));
+  var translateHeight = containerHeight - 10 - container.scrollHeight;
+  var pageTotalElement = totalFooter.pageTotalElement,
+      searchTotalElement = totalFooter.searchTotalElement;
+  pageTotalElement && (pageTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
+  searchTotalElement && (searchTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
+
+  container.onscroll = function () {
+    if (container.scrollTop + containerHeight - 10 > container.scrollHeight) return;
+    !isFirefox() && (header.style.transform = "translateY(".concat(container.scrollTop, "px)"));
+    pageTotalElement && (pageTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
+    searchTotalElement && (searchTotalElement.style.transform = "translateY(".concat(translateHeight + container.scrollTop, "px)"));
+  };
+};
+
+export default fixed;

package/es/SuperTable/package.json

@@ -0,0 +1,6 @@
+{
+  "name": "SuperTable",
+  "version": "0.0.0",
+  "private": true,
+  "main": "./SuperTable.js"
+}