@lingxiteam/ebe-utils 0.5.10 → 0.6.1

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

@@ -20,6 +20,15 @@
     }
   }
 
+  // 兼容配置态自定义头部配置后超出没省略问题
+  .@{tab-prefix-cls}-top {
+    .@{tab-prefix-cls}-nav-wrap {
+      .@{tab-prefix-cls}-nav-list {
+        overflow: hidden;
+      }
+    }
+  }
+
 
   .RESET_NAV_MARGIN {
     .@{tab-prefix-cls}-nav-container {
@@ -70,6 +79,10 @@
     color: fade(@text-color, 75%);
     background-color: white;
 
+    &.@{tab-prefix-cls}-top > .@{tab-prefix-cls}-nav {
+      margin-bottom: 0;
+    }
+
     &-nav {
       .DEFAULT_TAB();
 

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

@@ -1,19 +1,63 @@
-@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';
+@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;
+  background-color: #fff;
   &-table-hideBorder {
     td {
       border: 0 !important;
     }
   }
 
-  &-small {
+  &-search-table {
+    padding: 0 @padding-sm;
+  }
+
+  &-table-border:not(.ued-transfer-wrap-search-table) {
+    padding: @padding-sm @padding-sm 0 @padding-sm;
+  }
+
+  &-table {
+    .@{ant-prefix}-table-pagination {
+      .@{ant-prefix}-pagination-options {
+        margin-right: 2px;
+        & > .@{ant-prefix}-select-sm {
+          width: auto;
+          & > .@{ant-prefix}-select-selector {
+            height: 24px;
+            .@{ant-prefix}-select-selection-item,
+            .@{ant-prefix}-select-selection-search-input {
+              line-height: 22px;
+            }
+          }
+        }
+        .@{ant-prefix}-pagination-options-quick-jumper {
+          input {
+            height: 24px;
+          }
+        }
+      }
+    }
+    &:not(.ued-transfer-wrap-table-hideBorder) {
+      .@{ant-prefix}-table {
+        .@{ant-prefix}-table-cell {
+          padding: 0 8px !important;
+        }
+      }
+    }
+    .@{ant-prefix}-table-header .@{ant-prefix}-table-thead > tr > th {
+      &:not(:last-child):not(.@{ant-prefix}-table-selection-column):not(
+          .@{ant-prefix}-table-row-expand-icon-cell
+        ):not([colspan])::before {
+        height: 1em;
+      }
+    }
+  }
 
+  &-small {
     .@{ant-prefix}-tree-switcher,
     .@{transfer-prefix-cls}-list-content-item {
       line-height: 32px;
@@ -33,7 +77,6 @@
   }
 
   &-large {
-
     .@{ant-prefix}-tree-switcher,
     .@{transfer-prefix-cls}-list-content-item {
       line-height: 40px;
@@ -52,6 +95,12 @@
     }
   }
 
+  &.@{transfer-prefix-cls} {
+    .@{transfer-prefix-cls}-list-body-search-wrapper {
+      padding: @padding-sm;
+    }
+  }
+
   .@{transfer-prefix-cls} {
     &-list {
       min-width: 1px;
@@ -131,10 +180,6 @@
         }
       }
 
-      &-body-search-wrapper {
-        padding: @padding-xs @padding-sm;
-      }
-
       &-body-with-search {
         padding-top: 0 !important;
       }
@@ -152,4 +197,17 @@
       }
     }
   }
+  .@{ant-prefix}-table {
+    &-tbody > tr.@{ant-prefix}-table-row-selected > td {
+      background: @dropdown-selected-bg;
+    }
+
+    &-tbody
+      > tr.@{ant-prefix}-table-row:hover:not(
+        &-tbody > tr.@{ant-prefix}-table-row-selected
+      )
+      > td {
+      background: @dropdown-hover-bg;
+    }
+  }
 }

package/lib/pcpublic/src/components/pcfactory/src/styles/components/Tree.less

@@ -7,6 +7,7 @@
   overflow: hidden;
   display: flex;
   flex-direction: column;
+  background-color: white;
 
   .ued-tree-search {
     margin-bottom: @padding-xs;
@@ -20,11 +21,13 @@
 }
 .ued-tree {
   background-color: transparent;
+  flex: 1 1 auto;
   &.@{tree-prefix-cls} {
-    overflow: scroll;
+    overflow: auto;
     .@{tree-prefix-cls}-treenode {
       margin-left: @padding-sm / 2;
       align-items: center;
+      width: calc(100% - (@padding-sm / 2));
 
       span {
         &.@{tree-prefix-cls}-switcher {
@@ -50,9 +53,19 @@
         // height: @padding-xxs * 7;
         color: @text-color;
         line-height: @padding-xxs * 7;
+        flex: 1;
+        overflow: hidden;
+        display: flex;
+
+        .@{tree-prefix-cls}-title {
+          display: inline-flex;
+          flex: 1 1 auto;
+          overflow: hidden;
+        }
 
         .@{tree-prefix-cls}-iconEle {
           font-size: @font-size-lg;
+          flex-shrink: 0;
           svg,img {
             font-size: @font-size-base;
             width: @font-size-lg;
@@ -75,11 +88,11 @@
         }
 
         &:hover {
-          background-color: @item-hover-bg;
+          background-color: @dropdown-hover-bg;
         }
 
         &.@{tree-prefix-cls}-node-selected {
-          background-color: @item-active-bg;
+          background-color: @dropdown-selected-bg;
 
           .ued-tree-icons {
             display: flex;
@@ -100,6 +113,15 @@
         }
       }
     }
+
+    // 第一个节点没有子级节点时，隐藏上部分的线
+    .@{tree-prefix-cls}-list-holder-inner {
+      & > .ued-tree-node-leaf:first-child {
+        .@{tree-prefix-cls}-switcher-leaf-line::before {
+          top: 13px;
+        }
+      }
+    }
   }
 
   &.ued-tree-no-line-icon {
@@ -166,6 +188,12 @@
     position: relative;
     display: inline-flex;
     align-items: center;
+    overflow: hidden;
+    .tree-tit-item {
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
 
     .ued-tree-icons {
       top: 0;

package/lib/pcpublic/src/components/pcfactory/src/styles/components/TreeSelect.less

@@ -1,5 +1,5 @@
-@import (reference) '../theme/variables/antdVariables.less';
-@select-tree-prefix-cls: ~'@{ant-prefix}-select-tree';
+@import (reference) "../theme/variables/antdVariables.less";
+@select-tree-prefix-cls: ~"@{ant-prefix}-select-tree";
 
 .ued-treeSelect-icon {
   position: absolute;
@@ -40,19 +40,6 @@
         line-height: @padding-md - 2px;
       }
 
-      .@{select-tree-prefix-cls}-node-content-wrapper {
-        // height: @padding-xxs * 7;
-        vertical-align: middle;
-
-        &:hover {
-          background-color: @item-hover-bg;
-        }
-
-        &.@{select-tree-prefix-cls}-node-selected {
-          background-color: @item-active-bg;
-        }
-      }
-
       .@{select-tree-prefix-cls}-checkbox {
         top: 0;
       }
@@ -61,5 +48,17 @@
         padding-left: @padding-lg;
       }
     }
+    .@{select-tree-prefix-cls}-node-content-wrapper {
+      // height: @padding-xxs * 7;
+      vertical-align: middle;
+
+      &:hover {
+        background-color: @dropdown-hover-bg;
+      }
+
+      &.@{select-tree-prefix-cls}-node-selected {
+        background-color: @dropdown-selected-bg;
+      }
+    }
   }
 }

package/lib/pcpublic/src/components/pcfactory/src/styles/components/VerificationCode.less

@@ -33,15 +33,17 @@
     display: flex;
     flex-direction: column;
     width: 100%;
-    height: 32px;
+    border: 1px solid @border-color-base;
+    border-radius: 2px;
+    // height: 32px;
 
     .normalArea {
       display: flex;
       flex-direction: row;
       align-items: center;
       width: 100%;
-      height: 48px;
-      padding: 0 5px;
+      // height: 48px;
+      padding-right: 5px;
 
       .titleText {
         flex-shrink: 0;
@@ -54,6 +56,14 @@
         background: none;
         border: 0;
       }
+
+      .@{ant-prefix}-input.@{ant-prefix}-input-lg {
+        font-size: 14px;
+      }
+      .@{ant-prefix}-input.@{ant-prefix}-input-sm {
+        padding: 0 8px;
+        line-height: 26px;
+      }
       ::-webkit-input-placeholder {
         color: rgba(28, 36, 46, 0.25);
       }
@@ -123,6 +133,7 @@
     align-items: center;
     width: 100%;
     height: 32px;
+    border: 1px solid @border-color-base;
 
     input {
       flex: 1;

package/lib/pcpublic/src/components/pcfactory/src/styles/components/Webview.less

@@ -1,10 +1,12 @@
 @import (reference) '../theme/variables/index.less';
 
 @webviewEDCls: ~'ued-webview-ed';
+@webviewCls: ~'ued-webview';
 
 .@{webviewEDCls}-container {
   position: relative;
-  border: 1px solid rgba(0, 0, 0, 0.2);
+  // border: 1px solid rgba(0, 0, 0, 0.2);
+  height: 100%;
 }
 
 .@{webviewEDCls}-placeholder {
@@ -28,4 +30,8 @@
   color:rgba(28, 36, 46, 0.55);
   font-size: 16px;
   line-height: 22px;
+}
+
+.@{webviewCls}-iframe {
+  background-color: #fff;
 }

package/lib/pcpublic/src/components/pcfactory/src/styles/components/common.less

@@ -0,0 +1,302 @@
+@import (reference) '../theme/variables/antdVariables.less';
+// 定义
+.min-font-size(@base-size, @ext-size: 0px) {      
+  @calculated-size: @base-size + @ext-size;
+  @final-size: if(
+    @calculated-size < 12px,
+    12px,
+    @calculated-size
+  );
+  font-size: @final-size;
+}
+
+.ued-card {
+  &.@{ant-prefix}-card-small .@{ant-prefix}-card-head > .@{ant-prefix}-card-head-wrapper > .@{ant-prefix}-card-head-title {
+    .min-font-size(@font-size-base);
+  }
+  &.@{ant-prefix}-card-default .@{ant-prefix}-card-head > .@{ant-prefix}-card-head-wrapper > .@{ant-prefix}-card-head-title {
+    .min-font-size(@font-size-base, 1px);
+  }
+  &.@{ant-prefix}-card-large .@{ant-prefix}-card-head > .@{ant-prefix}-card-head-wrapper > .@{ant-prefix}-card-head-title {
+    .min-font-size(@font-size-base, 2px);
+  }
+  .ued-card-sub-title{ 
+    .min-font-size(@font-size-base);
+  }
+}
+
+.ued-collapse-wrap {
+  .ued-collapse-small.@{ant-prefix}-collapse > .@{ant-prefix}-collapse-item > .@{ant-prefix}-collapse-header {
+    .min-font-size(@font-size-base);
+  }
+  .ued-collapse-default.@{ant-prefix}-collapse > .@{ant-prefix}-collapse-item > .@{ant-prefix}-collapse-header {
+    .min-font-size(@font-size-base, 1px);
+  }
+  .ued-collapse-large.@{ant-prefix}-collapse > .@{ant-prefix}-collapse-item > .@{ant-prefix}-collapse-header {
+    .min-font-size(@font-size-base, 2px);
+  }
+  .ued-collapse-panel-header-sub {
+    .min-font-size(@font-size-base);
+    font-weight: 400;
+    color: @text-color-secondary;
+  }
+}
+
+.ued-tabs-wrap .@{ant-prefix}-tabs {
+  &.@{ant-prefix}-tabs-small .@{ant-prefix}-tabs-tab {
+    font-weight: 500;
+    .min-font-size(@font-size-base);
+  }
+  &.@{ant-prefix}-tabs-default .@{ant-prefix}-tabs-tab {
+    font-weight: 500;
+    .min-font-size(@font-size-base, 1px);
+  }
+  &.@{ant-prefix}-tabs-large .@{ant-prefix}-tabs-tab {
+    font-weight: 500;
+    .min-font-size(@font-size-base, 2px);
+  }
+}
+
+.ued-button-wrap {
+  .min-font-size(@font-size-base);
+  &.@{ant-prefix}-btn-sm, &.@{ant-prefix}-btn-lg {
+    .min-font-size(@font-size-base);
+  }
+  &.@{ant-prefix}-btn-mini {
+    .min-font-size(@font-size-base, -2px);
+  }
+}
+
+.ued-text, .ued-link, .ued-icon {
+  .min-font-size(@font-size-base);
+}
+.AWSSoundPlayer {
+  .AWSSoundPlayer-audioTitle, .AWSSoundPlayer-audioTimer {
+    .min-font-size(@font-size-base);
+  }
+}
+
+.@{ant-prefix}-input-affix-wrapper {
+  &.ued-input-wrap {
+    .min-font-size(@font-size-base);
+    &.@{ant-prefix}-input-affix-wrapper-lg {
+      .min-font-size(@font-size-base);
+    }
+  }
+  .ued-textarea-wrap.@{ant-prefix}-input,
+  &.ued-inputPassword-wrap {
+    .min-font-size(@font-size-base);
+  }
+}
+.ued-inputNumber-wrap.@{ant-prefix}-input-number {
+  .min-font-size(@font-size-base);
+}
+
+.ued-radio-wrap .@{ant-prefix}-radio-wrapper {
+  .min-font-size(@font-size-base);
+}
+
+.ued-checkboxgroup-wrap .@{ant-prefix}-checkbox-wrapper {
+  .min-font-size(@font-size-base);
+}
+
+.ued-checkbox-wrap.@{ant-prefix}-checkbox-wrapper {
+  .min-font-size(@font-size-base);
+}
+
+.ued-select-wrap.@{ant-prefix}-select {
+  .min-font-size(@font-size-base);
+  &.@{ant-prefix}-select-lg {
+    .min-font-size(@font-size-base);
+  }
+  .ued-multiple-select-tag {
+    .min-font-size(@font-size-base);
+  }
+}
+
+.ued-datePicker-wrap {
+  .@{ant-prefix}-picker-input > input {
+    .min-font-size(@font-size-base);
+  }
+}
+
+.ued-treeSelect-wrap,
+.ued-cascader-wrap {
+  &.@{ant-prefix}-select.@{ant-prefix}-select-lg,
+  &.@{ant-prefix}-select {
+    .min-font-size(@font-size-base);
+  }
+}
+
+.ued-switch-wrap.@{ant-prefix}-switch .@{ant-prefix}-switch-inner {
+  .min-font-size(@font-size-base, -2px);
+}
+
+.ued-stdupload-wrap .@{ant-prefix}-btn {
+  .min-font-size(@font-size-base);
+}
+
+.ued-transfer-wrap.@{ant-prefix}-transfer {
+  .min-font-size(@font-size-base);
+}
+
+.verificationCodePC .@{ant-prefix}-input {
+  .min-font-size(@font-size-base);
+}
+
+.ued-rateContainer .ued-rateContainer-rateText {
+  .min-font-size(@font-size-base);
+}
+
+.modalSelect .@{ant-prefix}-input-wrapper {
+  .@{ant-prefix}-input-group-addon,
+  .@{ant-prefix}-select {
+    .min-font-size(@font-size-base);
+  }
+}
+.ued-form-group .@{ant-prefix}-collapse .ued-form-group-title {
+  .min-font-size(@font-size-base, 1px);
+  // font-weight: 500;
+}
+
+.ued-table-filters,
+.ued-table-wrap {
+  .table-head {
+    &.table-head-small {
+      .min-font-size(@font-size-base);
+    }
+    &.table-head-middle {
+      .min-font-size(@font-size-base, 1px);
+    }
+    &.table-head-default {
+      .min-font-size(@font-size-base, 2px);
+    }
+  }
+  .ued-table {
+    .@{ant-prefix}-table {
+      .min-font-size(@font-size-base);
+      &.@{ant-prefix}-table-middle {
+        .min-font-size(@font-size-base);
+      }
+      &.@{ant-prefix}-table-small {
+        .min-font-size(@font-size-base, -2px);
+      }
+    }
+  }
+}
+
+.ued-legacy-form-wrap .@{ant-prefix}-form-item-label > label {
+  .min-font-size(@font-size-base);
+  font-weight: 400
+}
+
+.ued-form-list-wrapper {
+  &.ued-form-list-wrapper-small {
+    .ued-form-list-wrapper-header .ued-form-list-common-title > .ued-form-group-title {
+      .min-font-size(@font-size-base);
+    }
+    .ued-form-list-common-title > .ued-form-group-title {
+      .min-font-size(@font-size-base);
+    }
+  }
+  &.ued-form-list-wrapper-default {
+    .ued-form-list-wrapper-header .ued-form-list-common-title > .ued-form-group-title {
+      .min-font-size(@font-size-base, 1px);
+    }
+    .ued-form-list-common-title > .ued-form-group-title {
+      .min-font-size(@font-size-base, 1px);
+    }
+  }
+  &.ued-form-list-wrapper-large {
+    .ued-form-list-wrapper-header .ued-form-list-common-title > .ued-form-group-title {
+      .min-font-size(@font-size-base, 2px);
+    }
+    .ued-form-list-common-title > .ued-form-group-title {
+      .min-font-size(@font-size-base, 2px);
+    }
+  }
+}
+
+.ued-form-group-head-wrap {
+  .min-font-size(@font-size-base, 1px);
+}
+
+.ued-description-wrap {
+  .min-font-size(@font-size-base);
+}
+
+.ued-tree-wrap .ued-tree {
+  &.@{ant-prefix}-tree {
+    .min-font-size(@font-size-base);
+  }
+  .ued-tree-tit .ued-tree-icons .ued-tree-icon {
+    .min-font-size(@font-size-base);
+  }
+}
+
+.ued-tag-wrap {
+  .@{ant-prefix}-tag {
+    .min-font-size(@font-size-base, -2px);
+  }
+  .@{ant-prefix}-tag-close-icon {
+    .min-font-size(@font-size-base, -2px);
+  }
+}
+
+.ued-progress-wrapper {
+  .ued-progress-title {
+    .min-font-size(@font-size-base);
+  }
+  .ued-progress-value {
+    .min-font-size(@font-size-base);
+  }
+}
+
+.ued-result.@{ant-prefix}-result {
+  .@{ant-prefix}-result-title {
+    .min-font-size(@font-size-base, 2px);
+    font-weight: 500;
+  }
+  .@{ant-prefix}-result-subtitle {
+    .min-font-size(@font-size-base);
+    font-weight: 400;
+  }
+}
+
+.ued-menu .@{ant-prefix}-menu {
+  .min-font-size(@font-size-base);
+}
+
+.ued-dropdown-wrap {
+  .min-font-size(@font-size-base);
+  .@{ant-prefix}-btn {
+    .min-font-size(@font-size-base);
+  }
+}
+
+.ued-step-wrap {
+  .@{ant-prefix}-steps-item-title {
+    .min-font-size(@font-size-base, 2px);
+    font-weight: 500;
+  }
+  .@{ant-prefix}-steps-item-subtitle,
+  .@{ant-prefix}-steps-item-description {
+    .min-font-size(@font-size-base);
+    font-weight: 400;
+  }
+}
+
+.ued-pagination-wrap.@{ant-prefix}-pagination {
+  .min-font-size(@font-size-base);
+}
+
+
+.ued-alert .@{ant-prefix}-alert {
+  .min-font-size(@font-size-base);
+  .@{ant-prefix}-alert-message {
+    .min-font-size(@font-size-base);
+  }
+  .@{ant-prefix}-alert-description, .ued-alert-description {
+    .min-font-size(@font-size-base, -2px);
+  }
+}