@lingxiteam/ebe-utils 0.5.6 → 0.5.7

package/lib/public/src/components/pcfactory/src/styles/components/Tabs.less

@@ -0,0 +1,291 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+@border-color-container: #f0f0f0;
+
+.ued-tabs-wrap {
+
+  // 存量样式错误福建沙盘洞察圈选页面
+  // padding: 20px;
+  // background-color: #fff;
+
+  .DEFAULT_TAB(@marginRight: 0) {
+    .@{tab-prefix-cls}-tab {
+      height: auto;
+      margin: 0;
+      // margin-right: @marginRight;
+      padding: @padding-sm @padding-20;
+      font-weight: 400;
+      font-size: @font-size-lg;
+      line-height: @padding-lg - 2px;
+    }
+  }
+
+
+  .RESET_NAV_MARGIN {
+    .@{tab-prefix-cls}-nav-container {
+      height: auto;
+      margin: 0;
+    }
+
+    .@{tab-prefix-cls}-nav-wrap {
+      margin: 0;
+    }
+  }
+
+  // .DIFF_SIZE_BAR_TAB(@param) {
+  //   .@{param}.@{tab-prefix-cls}-large-bar {
+  //     .@{tab-prefix-cls}-tab {
+  //       padding: @padding-md @padding-20;
+  //     }
+  //   }
+
+  //   .@{param}.@{tab-prefix-cls}-small-bar {
+  //     .@{tab-prefix-cls}-tab {
+  //       padding: @padding-xs @padding-20;
+  //     }
+  //   }
+  // }
+
+  .INK_BAR(@param) {
+    .@{tab-prefix-cls}-ink-bar {
+      @{param}: 0;
+    }
+  }
+
+  .CARD_TAB_BORDER(@param, @borderRadius) {
+    .@{tab-prefix-cls}-tab {
+      border-@{param}: 1px solid @border-color-container;
+      margin-@{param}: 0;
+      padding-right: @padding-20;
+      padding-left: @padding-20;
+      border-radius: @borderRadius;
+
+      &.@{tab-prefix-cls}-tab-active {
+        border-@{param}-color: @component-background;
+      }
+    }
+  }
+
+  .@{tab-prefix-cls} {
+    color: fade(@text-color, 75%);
+    background-color: white;
+
+    &-nav {
+      .DEFAULT_TAB();
+
+      .@{tab-prefix-cls}-tab {
+        border: 1px solid transparent;
+      }
+    }
+
+    &.@{tab-prefix-cls}-card {
+      .@{tab-prefix-cls}-bar {
+        .DEFAULT_TAB(@padding-xxs);
+
+        .@{tab-prefix-cls}-tab {
+          background: @component-background;
+          border-color: @border-color-container;
+        }
+      }
+
+      .@{tab-prefix-cls}-tab {
+        margin-right: 4px;
+        background: #fff;
+        border: 1px solid #f0f0f0;
+        transform: translateY(1px);
+      }
+
+      .@{tab-prefix-cls}-tab-active {
+        border-bottom: 1px solid #fff;
+      }
+
+      .@{tab-prefix-cls}-nav-wrap {
+        border-bottom: 1px solid #f0f0f0;
+      }
+
+      &.@{tab-prefix-cls}-large {
+        .@{tab-prefix-cls}-tab {
+          padding: @padding-md @padding-20;
+        }
+      }
+
+      &.@{tab-prefix-cls}-small {
+        .@{tab-prefix-cls}-tab {
+          padding: @padding-xs @padding-20;
+        }
+      }
+    }
+
+    &:not(.@{tab-prefix-cls}-card) {
+      &.@{tab-prefix-cls}-large {
+        .@{tab-prefix-cls}-tab {
+          padding: @padding-md @padding-20;
+        }
+      }
+
+      &.@{tab-prefix-cls}-small {
+        .@{tab-prefix-cls}-tab {
+          padding: @padding-xs @padding-20;
+        }
+      }
+      // .DIFF_SIZE_BAR_TAB(~'@{tab-prefix-cls}-bar');
+    }
+
+    .@{tab-prefix-cls}-bar {
+      margin: 0;
+      // border: none;
+
+      &.@{tab-prefix-cls}-top-bar {
+        box-shadow: 0 -1px 0 @border-color-container inset;
+        .RESET_NAV_MARGIN;
+        .INK_BAR(~'bottom');
+
+        &.@{tab-prefix-cls}-card-bar {
+          .CARD_TAB_BORDER(~'bottom', ~'4px 4px 0 0');
+        }
+      }
+
+      &.@{tab-prefix-cls}-bottom-bar {
+        box-shadow: 0 1px 0 @border-color-container inset;
+        .RESET_NAV_MARGIN;
+        .INK_BAR(~'top');
+
+        &.@{tab-prefix-cls}-card-bar {
+          .CARD_TAB_BORDER(~'top', ~'0 0 4px 4px');
+        }
+      }
+
+      &.@{tab-prefix-cls}-left-bar {
+        box-shadow: -1px 0 0 @border-color-container inset;
+        .RESET_NAV_MARGIN;
+        .INK_BAR(~'right');
+
+        &.@{tab-prefix-cls}-card-bar {
+          .CARD_TAB_BORDER(~'right', ~'4px 0 0 4px');
+
+          .@{tab-prefix-cls}-tab {
+            &:not(:last-child) {
+              margin-bottom: @padding-xxs;
+            }
+          }
+        }
+      }
+
+      &.@{tab-prefix-cls}-right-bar {
+        box-shadow: 1px 0 0 @border-color-container inset;
+        .RESET_NAV_MARGIN;
+        .INK_BAR(~'left');
+
+        &.@{tab-prefix-cls}-card-bar {
+          .CARD_TAB_BORDER(~'left', ~'0 4px 4px 0');
+
+          .@{tab-prefix-cls}-tab {
+            margin-right: 0;
+
+            &:not(:last-child) {
+              margin-bottom: @padding-xxs;
+            }
+          }
+        }
+      }
+    }
+
+    &-tabpane-active {
+      padding: 0;
+
+      .ued-tabs-tabpane-content {
+        padding: @padding-20;
+      }
+    }
+
+    &-top-content,
+    &-bottom-conten {
+      > .@{tab-prefix-cls}-tabpane {
+        transition: none;
+      }
+    }
+
+    &-left-content {
+      padding-left: 0;
+      border: none;
+      box-shadow: -1px 0 0 @border-color-container;
+    }
+
+    &-right-content {
+      padding-right: 0;
+      border: none;
+      box-shadow: 1px 0 0 @border-color-container;
+    }
+  }
+
+  .@{tab-prefix-cls}-card {
+    &.@{tab-prefix-cls}-left {
+      .@{tab-prefix-cls}-tab-active {
+        border-right: 1px solid #fff !important;
+        border-bottom: 1px solid @border-color-base !important;
+        background-color: #fff !important;;
+      }
+
+      .@{tab-prefix-cls}-tab {
+        margin-right: 0px;
+        // background: @tabs-card-head-background;
+        border: 1px solid #f0f0f0;
+        border-radius: 4px 0px 0px 4px;
+      }
+      .@{tab-prefix-cls}-nav-wrap {
+        border-bottom: none !important;
+      }
+
+      .@{tab-prefix-cls}-content-holder {
+        border-left: 1px solid #f0f0f0;
+      }
+    }
+    &.@{tab-prefix-cls}-right {
+      .@{tab-prefix-cls}-tab-active {
+        border-left: 1px solid #fff !important;
+        border-bottom: 1px solid @border-color-base !important;
+        background-color: #fff !important;;
+      }
+
+      .@{tab-prefix-cls}-tab {
+        border: 1px solid #f0f0f0;
+        border-radius: 0px 4px 4px 0px;
+      }
+      .@{tab-prefix-cls}-nav-wrap {
+        border-bottom: none !important;
+      }
+
+      .@{tab-prefix-cls}-content-holder {
+        border-right: 1px solid #f0f0f0;
+      }
+    }
+    &.@{tab-prefix-cls}-bottom {
+      .@{tab-prefix-cls}-nav {
+        // margin-top: 0!important;
+
+        &-list {
+          margin-top: -1px;
+        }
+
+        &::before {
+          border-bottom: 1px solid #f0f0f0;
+        }
+
+        &-wrap {
+          border-bottom: 1px solid #fff;
+        }
+      }
+      .@{tab-prefix-cls}-tab {
+        margin-right: 0px;
+        border: 1px solid #f0f0f0;
+        border-radius: 0px 0px 4px 4px;
+        &.@{tab-prefix-cls}-tab-active {
+          border-top: 1px solid #fff !important;
+          background-color: #fff !important;;
+        }
+      }
+
+    }
+  }
+
+}

package/lib/public/src/components/pcfactory/src/styles/components/Tag.less

@@ -0,0 +1,107 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@tag-prefix-cls: ~'@{ant-prefix}-tag';
+@tag-icon-prefix-cls: ~'@{ant-prefix}icon';
+
+.ued-tag-wrap {
+  i.@{tag-icon-prefix-cls}-close {
+    margin-right: -(@padding-xxs / 2);
+  }
+}
+
+.ued-tag-blue {
+  color: #47e;
+  background-color: #eef3ff;
+  border: 1px solid #99b6f9;
+
+  i.@{tag-icon-prefix-cls}-close {
+    color: #99b6f9;
+
+    &:hover {
+      color: fade(#47e, 70%);
+    }
+  }
+}
+
+.ued-tag-purple {
+  color: #531dab;
+  background-color: #f9f0ff;
+  border: 1px solid #d3adf7;
+
+  i.@{tag-icon-prefix-cls}-close {
+    color: #d3adf7;
+
+    &:hover {
+      color: fade(#531dab, 70%);
+    }
+  }
+}
+
+.ued-tag-green {
+  color: #52c41a;
+  background-color: #f6ffed;
+  border: 1px solid #b7eb8f;
+
+  i.@{tag-icon-prefix-cls}-close {
+    color: #b7eb8f;
+
+    &:hover {
+      color: fade(#52c41a, 70%);
+    }
+  }
+}
+
+.ued-tag-red {
+  color: #ff4d4f;
+  background-color: #fff1f0;
+  border: 1px solid #ffa39e;
+
+  i.@{tag-icon-prefix-cls}-close {
+    color: #ffa39e;
+
+    &:hover {
+      color: fade(#ff4d4f, 70%);
+    }
+  }
+}
+
+.ued-tag-orange {
+  color: #d46b08;
+  background-color: #fff7e6;
+  border: 1px solid #ffd591;
+
+  i.@{tag-icon-prefix-cls}-close {
+    color: #ffd591;
+
+    &:hover {
+      color: fade(#d46b08, 70%);
+    }
+  }
+}
+
+.ued-tag-gold {
+  color: #faad14;
+  background-color: #fffbe6;
+  border: 1px solid #ffe58f;
+
+  i.@{tag-icon-prefix-cls}-close {
+    color: #ffe58f;
+
+    &:hover {
+      color: fade(#faad14, 70%);
+    }
+  }
+}
+
+.ued-tag-cyan {
+  color: #08979c;
+  background-color: #e6fffb;
+  border: 1px solid #87e8de;
+
+  i.@{tag-icon-prefix-cls}-close {
+    color: #87e8de;
+
+    &:hover {
+      color: fade(#08979c, 70%);
+    }
+  }
+}

package/lib/public/src/components/pcfactory/src/styles/components/TextArea.less

@@ -0,0 +1,12 @@
+@import (reference) '../theme/variables/antdVariables.less';
+.ued-textarea-wrap {
+  textarea.@{ant-prefix}-input {
+    min-height: 100% !important;
+  }
+
+  textarea&.@{ant-prefix}-input {
+    min-height: 64px;
+    margin-bottom: 0;
+    padding: 5px 11px 20px 8px;
+  }
+}

package/lib/public/src/components/pcfactory/src/styles/components/TooltipView.less

@@ -0,0 +1,43 @@
+@import (reference) '../theme/variables/index.less';
+
+@toolTipPrefix: ~'@{ant-prefix}-tooltip';
+
+.ued-tooltip-view {
+  .@{toolTipPrefix}-content {
+    .@{toolTipPrefix}-inner {
+      max-width: 240px;
+      max-height: 70px;
+      overflow-y: scroll;
+      padding: 2px 8px;
+      min-height: 26px;
+
+      &::-webkit-scrollbar {
+        display: none;
+        height: 0;
+        width: 0;
+        background: transparent;
+      }
+
+      // &::-webkit-scrollbar-track,
+      // &::-webkit-scrollbar-track-piece {
+      //   background: rgba(0, 0, 0, 0.65)
+      // }
+    }
+  }
+
+  &-icon {
+    cursor: pointer;
+
+    svg {
+      fill: @label-color;
+    }
+
+    &:first-child:not(:last-child) {
+      margin-right: @padding-xxs;
+    }
+
+    &:last-child:not(:first-child) {
+      margin-left: @padding-xxs;
+    }
+  }
+}

package/lib/public/src/components/pcfactory/src/styles/components/Transfer.less

@@ -0,0 +1,155 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@transfer-prefix-cls: ~'@{ant-prefix}-transfer';
+@transfer-btn-prefix-cls: ~'@{ant-prefix}-btn';
+@transfer-icon-prefix-cls: ~'@{ant-prefix}icon';
+@transfer-lazyLoad-prefix-cls: ~'LazyLoad';
+
+.ued-transfer-wrap {
+  background-color: #FFF;
+  &-table-hideBorder {
+    td {
+      border: 0 !important;
+    }
+  }
+
+  &-small {
+
+    .@{ant-prefix}-tree-switcher,
+    .@{transfer-prefix-cls}-list-content-item {
+      line-height: 32px;
+    }
+
+    .@{ant-prefix}-tree-treenode {
+      flex-direction: row;
+      justify-content: flex-start;
+      align-items: center !important;
+      line-height: 32px;
+    }
+
+    .@{ant-prefix}-table-cell {
+      padding: 0 !important;
+      // line-height: 32px; // 处理穿梭框表格且有子项模式下，展开收起样式错误
+    }
+  }
+
+  &-large {
+
+    .@{ant-prefix}-tree-switcher,
+    .@{transfer-prefix-cls}-list-content-item {
+      line-height: 40px;
+    }
+
+    .@{ant-prefix}-tree-treenode {
+      flex-direction: row;
+      justify-content: flex-start;
+      align-items: center !important;
+      line-height: 40px;
+    }
+
+    .@{ant-prefix}-table-cell {
+      padding: 0 !important;
+      line-height: 40px;
+    }
+  }
+
+  .@{transfer-prefix-cls} {
+    &-list {
+      min-width: 1px;
+      &-body {
+        overflow-y: auto !important;
+
+        &::-webkit-scrollbar {
+          width: 0;
+          height: 0;
+        }
+
+        &::-webkit-scrollbar-track {
+          background: transparent;
+          border-radius: 2px;
+        }
+
+        .@{ant-prefix}-table-body {
+          &::-webkit-scrollbar {
+            width: 0;
+            height: 0;
+          }
+
+          &::-webkit-scrollbar-track {
+            background: transparent;
+            border-radius: 2px;
+          }
+        }
+      }
+
+      &-header {
+        display: flex;
+        height: @padding-xxs * 10;
+        padding: @padding-xxs @padding-sm;
+        border: none;
+        box-shadow: 0 -1px 0 @border-color-base inset;
+
+        &-selected {
+          display: flex;
+          flex: 1 1 auto;
+          align-items: center;
+          justify-content: space-between;
+          height: 100%;
+          overflow: hidden;
+        }
+
+        &-selected span:not(&-title) {
+          flex: 0 0 auto;
+        }
+
+        &-title {
+          position: static;
+          flex: 1 1 auto;
+          margin-left: @padding-sm;
+          text-align: right;
+
+          .TEXT_ELLIPSIS();
+        }
+      }
+
+      &-content {
+        &-item {
+          padding: 0 @padding-sm;
+        }
+
+        .@{transfer-lazyLoad-prefix-cls} {
+          animation: none;
+        }
+      }
+
+      &-search {
+        height: @padding-md * 2;
+
+        &-action {
+          top: 50%;
+          bottom: auto;
+          transform: translateY(-50%);
+        }
+      }
+
+      &-body-search-wrapper {
+        padding: @padding-xs @padding-sm;
+      }
+
+      &-body-with-search {
+        padding-top: 0 !important;
+      }
+    }
+
+    &-operation {
+      .@{transfer-btn-prefix-cls}-icon-only {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        .@{transfer-icon-prefix-cls} {
+          display: inline-flex;
+        }
+      }
+    }
+  }
+}