bhd-components 0.10.31 → 0.10.32

package/esm/table/index.module.less

@@ -1,423 +1,423 @@
-@import "../theme/variable.less";
-.Table {
-  width: 100%;
-  // color:@customColor;
-  :global {
-    .bhd-table-container {
-      & > .bhd-table-body {
-        overflow-y: auto !important;
-      }
-    }
-    table {
-      th,
-      td {
-        border: none;
-        border-bottom: 1px solid #e8e8e8;
-      }
-      & > .bhd-table-thead {
-        & > tr {
-          & > .bhd-table-cell {
-            font-weight: 400;
-            font-size: 16px;
-            color: rgba(0, 0, 0, 0.85);
-            white-space: nowrap;
-            background: #fafafa;
-            &:nth-child(1) {
-              padding-left: 40px;
-            }
-            &:last-child {
-              padding-right: 40px;
-            }
-            &::before {
-              display: none;
-            }
-          }
-        }
-      }
-      tbody {
-        tr.bhd-table-placeholder {
-          &:hover {
-            td {
-              background-color: #ffffff;
-            }
-          }
-        }
-        tr:not(.bhd-table-placeholder) {
-          background: transparent;
-          &:hover {
-            td {
-              background-color: #ffeeeb !important;
-            }
-          }
-          td {
-            word-wrap: break-word;
-            word-break: break-all;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            &:nth-child(1) {
-              padding-left: 40px;
-            }
-            &:last-child {
-              padding-right: 40px;
-            }
-            /* 多选框 距右的距离 */
-            &.bhd-table-selection-column {
-              padding-inline-end: 16px;
-            }
-          }
-        }
-      }
-    }
-    /* 多选框间距问题 */
-    .bhd-table-wrapper {
-      .bhd-table-selection-col {
-        width: 72px !important;
-      }
-      /* check 选中变色 */
-      .bhd-table-tbody > tr.bhd-table-row-selected > td {
-        background: #ffffff;
-      }
-
-      /* scroll 固定列 设置overflow:hidden 阴影消失问题 */
-      .bhd-table-cell-fix-left-first::after,
-      .bhd-table-cell-fix-left-last::after {
-        right: 2px;
-      }
-      .bhd-table-cell-fix-right-first::after,
-      .bhd-table-cell-fix-right-last::after {
-        left: 2px;
-      }
-    }
-    /* 分页器 */
-    .bhd-pagination {
-      .bhd-pagination-item {
-        border-color: transparent;
-      }
-      .bhd-pagination-item-link {
-        border: none !important;
-        background: none !important;
-      }
-      .bhd-pagination-item-active {
-        background-color: #f4523b;
-        &:hover {
-          background-color: #ff7d66;
-          & > a {
-            color: #ffffff;
-          }
-        }
-        & > a {
-          color: #ffffff;
-        }
-      }
-      &.bhd-pagination-disabled {
-        .bhd-pagination-item {
-          border: none !important;
-          background: none !important;
-          color: rgba(0, 0, 0, 0.25) !important;
-          a {
-            color: rgba(0, 0, 0, 0.25) !important;
-          }
-        }
-      }
-
-      &.bhd-pagination-mini {
-        .bhd-pagination-item {
-          margin-right: 8px !important;
-        }
-        .bhd-pagination-item:not(.bhd-pagination-item-active) {
-          &:hover {
-            background-color: transparent !important;
-          }
-        }
-      }
-    }
-    /* 下拉选择框样式调整 */
-    .bhd-table-cell {
-      .bhd-select-single:not(.bhd-select-customize-input)
-        .bhd-select-selector
-        .bhd-select-selection-search-input {
-        height: auto;
-      }
-      .bhd-select-single:not(.bhd-select-customize-input) .bhd-select-selector {
-        padding-left: 0;
-        height: 24px;
-      }
-      .bhd-select-selector {
-        .bhd-select-selection-search {
-          inset-inline-start: 0;
-        }
-        .bhd-select-selection-item {
-          font-size: 16px;
-          font-weight: 500;
-          color: rgba(0, 0, 0, 0.85);
-          line-height: 24px;
-        }
-      }
-      .bhd-select .bhd-select-arrow {
-        margin-top: -5px;
-        color: rgba(0, 0, 0, 0.65);
-        & > .anticon {
-          pointer-events: none;
-        }
-      }
-    }
-  }
-}
-
-.Table.SmallTable {
-  width: 100%;
-  :global {
-    .bhd-table-container {
-      & > .bhd-table-body {
-        overflow-y: auto !important;
-      }
-    }
-    table {
-      th,
-      td {
-        border: none;
-        border-bottom: 1px solid #ebebeb;
-        color: @color-text-Secondary-Tr;
-      }
-      & > .bhd-table-thead {
-        & > tr {
-          & > .bhd-table-cell {
-            font-weight: 600;
-            font-size: 16px;
-            color: rgba(0, 0, 0, 0.85);
-            white-space: nowrap;
-            padding-top: 7px;
-            padding-bottom: 7px;
-            background-color: #fafafa;
-            vertical-align: middle;
-            font-family: "PingFang SC", "helvetica neue", "Source Han Sans CN",
-              "hiragino sans gb", "arial", "microsoft yahei ui",
-              "microsoft yahei", "simsun", "sans-serif" !important ;
-            &:nth-child(1) {
-              padding-left: 16px;
-            }
-            &:last-child {
-              padding-right: 16px;
-            }
-            // background: @color-background-fillquaternary-Tr;
-            &::before {
-              display: none;
-            }
-            &.bhd-table-selection-column {
-              padding-inline-end: 0;
-              padding-right: 0;
-              & + .bhd-table-cell {
-                padding-left: 8px;
-              }
-            }
-          }
-        }
-      }
-      tbody {
-        tr.bhd-table-placeholder {
-          &:hover {
-            td {
-              background-color: #ffffff;
-            }
-          }
-          /* 去除无数据的边框线 */
-          & > .bhd-table-cell {
-            border-bottom: none;
-          }
-        }
-        tr:not(.bhd-table-placeholder) {
-          background: transparent;
-          &:hover {
-            td {
-              background-color: #f5f5f5 !important;
-              color: @color-text-Tr;
-            }
-          }
-          td {
-            word-wrap: break-word;
-            word-break: break-all;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            padding-top: 13px;
-            padding-bottom: 13px;
-            vertical-align: middle;
-            &:nth-child(1) {
-              padding-left: 16px;
-            }
-            &:last-child {
-              padding-right: 16px;
-            }
-            /* 多选框 距右的距离 */
-            &.bhd-table-selection-column {
-              padding-inline-end: 0;
-              padding-right: 0;
-              & + .bhd-table-cell {
-                padding-left: 8px;
-              }
-            }
-          }
-        }
-      }
-    }
-    // &:first-child > *:first-child {
-    //   /* 去除圆角 */
-    //   border-top-left-radius: 0;
-    // }
-    // &:first-child > *:last-child {
-    //   /* 去除圆角 */
-    //   border-top-right-radius: 0;
-    // }
-    /* 去除head 圆角 */
-    .bhd-table-container table > thead > tr:first-child > *:first-child {
-      border-top-left-radius: 0;
-    }
-    .bhd-table-container table > thead > tr:first-child > *:last-child {
-      border-top-right-radius: 0;
-    }
-    table {
-      border-radius: 0;
-      .bhd-table-header {
-        border-radius: 0;
-      }
-    }
-    .bhd-table-container {
-      border-top-left-radius: 0;
-      border-top-right-radius: 0;
-    }
-    .bhd-table {
-      border-radius: 0;
-    }
-    .bhd-table-wrapper .bhd-table .bhd-table-header {
-      border-radius: 0;
-    }
-
-    /* 多选框间距问题 */
-    .bhd-table-wrapper {
-      .bhd-table-selection-col {
-        width: 40px !important;
-      }
-      /* check 选中变色 */
-      .bhd-table-tbody > tr.bhd-table-row-selected > td {
-        background: #ffffff;
-      }
-
-      /* scroll 固定列 设置overflow:hidden 阴影消失问题 */
-      .bhd-table-cell-fix-left-first::after,
-      .bhd-table-cell-fix-left-last::after {
-        right: 2px;
-      }
-      .bhd-table-cell-fix-right-first::after,
-      .bhd-table-cell-fix-right-last::after {
-        left: 2px;
-      }
-    }
-    /* 分页器 */
-    .bhd-pagination {
-      .bhd-pagination-item {
-        border-color: transparent;
-      }
-      .bhd-pagination-item-link {
-        border: none !important;
-        background: none !important;
-      }
-      .bhd-pagination-item-active {
-        background-color: #f4523b;
-        &:hover {
-          background-color: #ff7d66;
-          & > a {
-            color: #ffffff;
-          }
-        }
-        & > a {
-          color: #ffffff;
-        }
-      }
-      &.bhd-pagination-disabled {
-        .bhd-pagination-item {
-          border: none !important;
-          background: none !important;
-          color: rgba(0, 0, 0, 0.25) !important;
-          a {
-            color: rgba(0, 0, 0, 0.25) !important;
-          }
-        }
-      }
-
-      &.bhd-pagination-mini {
-        .bhd-pagination-item {
-          margin-right: 8px !important;
-        }
-        .bhd-pagination-item:not(.bhd-pagination-item-active) {
-          &:hover {
-            background-color: transparent !important;
-          }
-        }
-      }
-    }
-    /* 下拉选择框样式调整 */
-    .bhd-table-cell {
-      .bhd-select-single:not(.bhd-select-customize-input)
-        .bhd-select-selector
-        .bhd-select-selection-search-input {
-        height: auto;
-      }
-      .bhd-select-single:not(.bhd-select-customize-input) .bhd-select-selector {
-        padding-left: 0;
-        height: 24px;
-      }
-      .bhd-select-selector {
-        .bhd-select-selection-search {
-          inset-inline-start: 0;
-        }
-        .bhd-select-selection-item {
-          font-size: 16px;
-          font-weight: 600;
-          color: rgba(0, 0, 0, 0.85);
-          line-height: 24px;
-        }
-      }
-      .bhd-select .bhd-select-arrow {
-        margin-top: -5px;
-        color: @color-icon-fill-Tr;
-      }
-      .bhd-select-open .bhd-select-arrow {
-        color: @color-icon;
-      }
-    }
-
-    /* sort 排序样式 */
-    .bhd-table-column-has-sorters {
-      .bhd-table-column-sorters {
-        justify-content: flex-start;
-        & > .bhd-table-column-title {
-          flex: none;
-        }
-        & > .bhd-table-column-sorter {
-          margin-left: 8px;
-          color: @color-icon-fill-Tr;
-          .bhd-table-column-sorter-inner {
-            .bhd-table-column-sorter-down {
-              margin-top: -0.1em;
-            }
-            .bhd-table-column-sorter-up {
-              margin-bottom: -0.1em;
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.columnTootipClassName {
-  :global {
-    .bhd-tooltip-content {
-      .bhd-tooltip-inner {
-        color: rgba(0, 0, 0, 0.85);
-        word-break: break-all;
-      }
-    }
-  }
-}
+@import "../theme/variable.less";
+.Table {
+  width: 100%;
+  // color:@customColor;
+  :global {
+    .bhd-table-container {
+      & > .bhd-table-body {
+        overflow-y: auto !important;
+      }
+    }
+    table {
+      th,
+      td {
+        border: none;
+        border-bottom: 1px solid #e8e8e8;
+      }
+      & > .bhd-table-thead {
+        & > tr {
+          & > .bhd-table-cell {
+            font-weight: 400;
+            font-size: 16px;
+            color: rgba(0, 0, 0, 0.85);
+            white-space: nowrap;
+            background: #fafafa;
+            &:nth-child(1) {
+              padding-left: 40px;
+            }
+            &:last-child {
+              padding-right: 40px;
+            }
+            &::before {
+              display: none;
+            }
+          }
+        }
+      }
+      tbody {
+        tr.bhd-table-placeholder {
+          &:hover {
+            td {
+              background-color: #ffffff;
+            }
+          }
+        }
+        tr:not(.bhd-table-placeholder) {
+          background: transparent;
+          &:hover {
+            td {
+              background-color: #ffeeeb !important;
+            }
+          }
+          td {
+            word-wrap: break-word;
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            &:nth-child(1) {
+              padding-left: 40px;
+            }
+            &:last-child {
+              padding-right: 40px;
+            }
+            /* 多选框 距右的距离 */
+            &.bhd-table-selection-column {
+              padding-inline-end: 16px;
+            }
+          }
+        }
+      }
+    }
+    /* 多选框间距问题 */
+    .bhd-table-wrapper {
+      .bhd-table-selection-col {
+        width: 72px !important;
+      }
+      /* check 选中变色 */
+      .bhd-table-tbody > tr.bhd-table-row-selected > td {
+        background: #ffffff;
+      }
+
+      /* scroll 固定列 设置overflow:hidden 阴影消失问题 */
+      .bhd-table-cell-fix-left-first::after,
+      .bhd-table-cell-fix-left-last::after {
+        right: 2px;
+      }
+      .bhd-table-cell-fix-right-first::after,
+      .bhd-table-cell-fix-right-last::after {
+        left: 2px;
+      }
+    }
+    /* 分页器 */
+    .bhd-pagination {
+      .bhd-pagination-item {
+        border-color: transparent;
+      }
+      .bhd-pagination-item-link {
+        border: none !important;
+        background: none !important;
+      }
+      .bhd-pagination-item-active {
+        background-color: #f4523b;
+        &:hover {
+          background-color: #ff7d66;
+          & > a {
+            color: #ffffff;
+          }
+        }
+        & > a {
+          color: #ffffff;
+        }
+      }
+      &.bhd-pagination-disabled {
+        .bhd-pagination-item {
+          border: none !important;
+          background: none !important;
+          color: rgba(0, 0, 0, 0.25) !important;
+          a {
+            color: rgba(0, 0, 0, 0.25) !important;
+          }
+        }
+      }
+
+      &.bhd-pagination-mini {
+        .bhd-pagination-item {
+          margin-right: 8px !important;
+        }
+        .bhd-pagination-item:not(.bhd-pagination-item-active) {
+          &:hover {
+            background-color: transparent !important;
+          }
+        }
+      }
+    }
+    /* 下拉选择框样式调整 */
+    .bhd-table-cell {
+      .bhd-select-single:not(.bhd-select-customize-input)
+        .bhd-select-selector
+        .bhd-select-selection-search-input {
+        height: auto;
+      }
+      .bhd-select-single:not(.bhd-select-customize-input) .bhd-select-selector {
+        padding-left: 0;
+        height: 24px;
+      }
+      .bhd-select-selector {
+        .bhd-select-selection-search {
+          inset-inline-start: 0;
+        }
+        .bhd-select-selection-item {
+          font-size: 16px;
+          font-weight: 500;
+          color: rgba(0, 0, 0, 0.85);
+          line-height: 24px;
+        }
+      }
+      .bhd-select .bhd-select-arrow {
+        margin-top: -5px;
+        color: rgba(0, 0, 0, 0.65);
+        & > .anticon {
+          pointer-events: none;
+        }
+      }
+    }
+  }
+}
+
+.Table.SmallTable {
+  width: 100%;
+  :global {
+    .bhd-table-container {
+      & > .bhd-table-body {
+        overflow-y: auto !important;
+      }
+    }
+    table {
+      th,
+      td {
+        border: none;
+        border-bottom: 1px solid #ebebeb;
+        color: @color-text-Secondary-Tr;
+      }
+      & > .bhd-table-thead {
+        & > tr {
+          & > .bhd-table-cell {
+            font-weight: 600;
+            font-size: 16px;
+            color: rgba(0, 0, 0, 0.85);
+            white-space: nowrap;
+            padding-top: 7px;
+            padding-bottom: 7px;
+            background-color: #fafafa;
+            vertical-align: middle;
+            font-family: "PingFang SC", "helvetica neue", "Source Han Sans CN",
+              "hiragino sans gb", "arial", "microsoft yahei ui",
+              "microsoft yahei", "simsun", "sans-serif" !important ;
+            &:nth-child(1) {
+              padding-left: 16px;
+            }
+            &:last-child {
+              padding-right: 16px;
+            }
+            // background: @color-background-fillquaternary-Tr;
+            &::before {
+              display: none;
+            }
+            &.bhd-table-selection-column {
+              padding-inline-end: 0;
+              padding-right: 0;
+              & + .bhd-table-cell {
+                padding-left: 8px;
+              }
+            }
+          }
+        }
+      }
+      tbody {
+        tr.bhd-table-placeholder {
+          &:hover {
+            td {
+              background-color: #ffffff;
+            }
+          }
+          /* 去除无数据的边框线 */
+          & > .bhd-table-cell {
+            border-bottom: none;
+          }
+        }
+        tr:not(.bhd-table-placeholder) {
+          background: transparent;
+          &:hover {
+            td {
+              background-color: #f5f5f5 !important;
+              color: @color-text-Tr;
+            }
+          }
+          td {
+            word-wrap: break-word;
+            word-break: break-all;
+            overflow: hidden;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            padding-top: 13px;
+            padding-bottom: 13px;
+            vertical-align: middle;
+            &:nth-child(1) {
+              padding-left: 16px;
+            }
+            &:last-child {
+              padding-right: 16px;
+            }
+            /* 多选框 距右的距离 */
+            &.bhd-table-selection-column {
+              padding-inline-end: 0;
+              padding-right: 0;
+              & + .bhd-table-cell {
+                padding-left: 8px;
+              }
+            }
+          }
+        }
+      }
+    }
+    // &:first-child > *:first-child {
+    //   /* 去除圆角 */
+    //   border-top-left-radius: 0;
+    // }
+    // &:first-child > *:last-child {
+    //   /* 去除圆角 */
+    //   border-top-right-radius: 0;
+    // }
+    /* 去除head 圆角 */
+    .bhd-table-container table > thead > tr:first-child > *:first-child {
+      border-top-left-radius: 0;
+    }
+    .bhd-table-container table > thead > tr:first-child > *:last-child {
+      border-top-right-radius: 0;
+    }
+    table {
+      border-radius: 0;
+      .bhd-table-header {
+        border-radius: 0;
+      }
+    }
+    .bhd-table-container {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+    }
+    .bhd-table {
+      border-radius: 0;
+    }
+    .bhd-table-wrapper .bhd-table .bhd-table-header {
+      border-radius: 0;
+    }
+
+    /* 多选框间距问题 */
+    .bhd-table-wrapper {
+      .bhd-table-selection-col {
+        width: 40px !important;
+      }
+      /* check 选中变色 */
+      .bhd-table-tbody > tr.bhd-table-row-selected > td {
+        background: #ffffff;
+      }
+
+      /* scroll 固定列 设置overflow:hidden 阴影消失问题 */
+      .bhd-table-cell-fix-left-first::after,
+      .bhd-table-cell-fix-left-last::after {
+        right: 2px;
+      }
+      .bhd-table-cell-fix-right-first::after,
+      .bhd-table-cell-fix-right-last::after {
+        left: 2px;
+      }
+    }
+    /* 分页器 */
+    .bhd-pagination {
+      .bhd-pagination-item {
+        border-color: transparent;
+      }
+      .bhd-pagination-item-link {
+        border: none !important;
+        background: none !important;
+      }
+      .bhd-pagination-item-active {
+        background-color: #f4523b;
+        &:hover {
+          background-color: #ff7d66;
+          & > a {
+            color: #ffffff;
+          }
+        }
+        & > a {
+          color: #ffffff;
+        }
+      }
+      &.bhd-pagination-disabled {
+        .bhd-pagination-item {
+          border: none !important;
+          background: none !important;
+          color: rgba(0, 0, 0, 0.25) !important;
+          a {
+            color: rgba(0, 0, 0, 0.25) !important;
+          }
+        }
+      }
+
+      &.bhd-pagination-mini {
+        .bhd-pagination-item {
+          margin-right: 8px !important;
+        }
+        .bhd-pagination-item:not(.bhd-pagination-item-active) {
+          &:hover {
+            background-color: transparent !important;
+          }
+        }
+      }
+    }
+    /* 下拉选择框样式调整 */
+    .bhd-table-cell {
+      .bhd-select-single:not(.bhd-select-customize-input)
+        .bhd-select-selector
+        .bhd-select-selection-search-input {
+        height: auto;
+      }
+      .bhd-select-single:not(.bhd-select-customize-input) .bhd-select-selector {
+        padding-left: 0;
+        height: 24px;
+      }
+      .bhd-select-selector {
+        .bhd-select-selection-search {
+          inset-inline-start: 0;
+        }
+        .bhd-select-selection-item {
+          font-size: 16px;
+          font-weight: 600;
+          color: rgba(0, 0, 0, 0.85);
+          line-height: 24px;
+        }
+      }
+      .bhd-select .bhd-select-arrow {
+        margin-top: -5px;
+        color: @color-icon-fill-Tr;
+      }
+      .bhd-select-open .bhd-select-arrow {
+        color: @color-icon;
+      }
+    }
+
+    /* sort 排序样式 */
+    .bhd-table-column-has-sorters {
+      .bhd-table-column-sorters {
+        justify-content: flex-start;
+        & > .bhd-table-column-title {
+          flex: none;
+        }
+        & > .bhd-table-column-sorter {
+          margin-left: 8px;
+          color: @color-icon-fill-Tr;
+          .bhd-table-column-sorter-inner {
+            .bhd-table-column-sorter-down {
+              margin-top: -0.1em;
+            }
+            .bhd-table-column-sorter-up {
+              margin-bottom: -0.1em;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.columnTootipClassName {
+  :global {
+    .bhd-tooltip-content {
+      .bhd-tooltip-inner {
+        color: rgba(0, 0, 0, 0.85);
+        word-break: break-all;
+      }
+    }
+  }
+}