@lingxiteam/ebe-utils 0.2.3 → 0.2.5

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

@@ -5,12 +5,65 @@
   // empty block
 }
 
+.ued-select-item {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: 4px 0;
+  border-radius: 2px;
+
+  &-column {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    overflow: hidden;
+  }
+
+  &-label {
+    max-width: 100%;
+    color: #414352;
+    line-height: 20px;
+    font-size: 12px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  &-lightBackground,
+  &-otherLightBackground {
+    padding: 0 8px;
+    background-color: rgba(68, 119, 238, 0.10);
+    border-radius: 2px;
+  }
+
+  &-darkBackground,
+  &-otherDarkBackground {
+    padding: 0 8px;
+    background-color: #4477EE;
+    border-radius: 2px;
+    color: #fff;
+  }
+
+  &-remark {
+    width: 100%;
+    margin-top: 2px;
+    color: rgba(28, 36, 46, 0.45);
+    line-height: 18px;
+    font-size: 12px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
 // 通用样式
 .@{select-prefix-cls} {
   &-selection {
     &-item-content {
       white-space: normal !important;
     }
+
     &__rendered {
       margin-left: @control-padding-horizontal;
     }
@@ -49,6 +102,7 @@
       padding-inline-start: 8px;
       padding-inline-end: 4px;
       font-size: @font-size-base;
+
       .anticon-close {
         display: flex;
         align-items: center;
@@ -65,6 +119,7 @@
   }
 
   &-item {
+
     // &:not(:first-child) {
     //   margin-top: 2px;
     // }
@@ -75,30 +130,34 @@
       &:hover {
         background-color: fade(@primary-color, 6);
       }
-      
+
       &.ued-check-all-checked {
         font-weight: 500;
         background-color: fade(@primary-color, 6);
+
         .@{select-prefix-cls}-item-option-content {
           display: flex;
+
           .ued-check-all-content {
             flex: 1;
             display: flex;
             justify-content: space-between;
             align-items: center;
           }
+
           .ued-check-all-option {
             color: @primary-color;
           }
         }
+      }
     }
-    }
-}
+  }
 }
 
 // 下拉选择：悬浮框独立div渲染的样式
 .@{select-prefix-cls}-dropdown {
   border-radius: 2px;
+
   .@{select-prefix-cls}-item-option-active {
     &:not(.@{select-prefix-cls}-item-option-disabled) {
       background-color: @item-active-bg;
@@ -143,4 +202,4 @@
       height: auto;
     }
   }
-}
+}

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

@@ -1,14 +1,14 @@
-@import (reference) '../theme/variables/antdVariables.less';
-@stdupload-prefix-cls: ~'@{ant-prefix}-upload';
+@import (reference) "../theme/variables/antdVariables.less";
+@stdupload-prefix-cls: ~"@{ant-prefix}-upload";
 
 .ued-stdupload-wrap {
   // 只读样式
   &-readOnly {
-      .@{stdupload-prefix-cls} {
-        display: none !important;
-      }
+    .@{stdupload-prefix-cls} {
+      display: none !important;
+    }
   }
-  
+
   //点击上传样式
   .@{stdupload-prefix-cls}.@{stdupload-prefix-cls}-select.@{stdupload-prefix-cls}-select-text {
     button {
@@ -67,12 +67,12 @@
   .@{stdupload-prefix-cls}-list-item.@{stdupload-prefix-cls}-list-item-list-type-picture {
     height: 56px;
     border: 1px solid @border-color-base;
-    border-radius:  2px;
+    border-radius: 2px;
     a {
       color: rgba(0, 0, 0, 0.65);
     }
     .@{stdupload-prefix-cls}-list-item-card-actions.picture {
-    //  display: none;
+      //  display: none;
     }
     &:hover {
       background: rgba(28, 36, 46, 0.04);
@@ -80,7 +80,7 @@
         color: @primary-color;
       }
       .@{stdupload-prefix-cls}-list-item-card-actions.picture {
-      //  display: block;
+        //  display: block;
       }
     }
   }
@@ -115,7 +115,7 @@
     align-items: center;
     margin-top: 8px;
     padding: 0 4px;
-    color: rgba(0,0,0,.45);
+    color: rgba(0, 0, 0, 0.45);
     cursor: pointer;
 
     &-loading {
@@ -148,9 +148,15 @@
       }
     }
 
+    // loading 过程中显示文本不全修复
     &.ued-stdUpload-item-text.ued-stdUpload-item-uploading {
-      line-height: 10px;
+      line-height: 22px;
+    }
+    &.ued-stdUpload-item-text.ued-stdUpload-item-uploading
+      > .pcfactory-spin-nested-loading {
+      transform: translateY(2px);
     }
+
     // 图片缩略图方式
     &.ued-stdUpload-item-picture {
       border: 1px solid #e5e5e5;
@@ -213,7 +219,7 @@
     }
 
     &:hover {
-      background-color: rgba(28,36,46,.04);
+      background-color: rgba(28, 36, 46, 0.04);
       a {
         color: @primary-color;
       }

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

@@ -16,6 +16,37 @@
   flex-direction: column;
   background-color: #fff;
 
+  .@{form-prefix-cls} {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+  }
+
+  .@{ant-prefix}-spin-nested-loading {
+    height: 100%;
+  }
+
+  .@{ant-prefix}-spin-container {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+  }
+
+  .@{ant-prefix}-table-pagination {
+    margin-top: auto !important;
+  }
+
+  /* 空表格样式 */
+  .@{ant-prefix}-table-empty,
+  .@{ant-prefix}-table-empty .@{ant-prefix}-table-container,
+  .@{ant-prefix}-table-empty .@{ant-prefix}-table-content,
+  .@{ant-prefix}-table-empty .@{ant-prefix}-table-content table {
+    height: 100%;
+  }
+  .ued-table .@{ant-prefix}-table-empty .@{ant-prefix}-table-tbody>tr>td {
+    border: none;
+  }
+
   .@{ant-prefix}-table-expanded-row-fixed:has(.@{ant-prefix}-empty-normal) {
     width: 100%!important;
   }
@@ -71,6 +102,9 @@
         .@{table-prefix-cls}-thead {
           th {
             background: tint(@primary-color, 90%);
+            &.ued-table-head-expand-space {
+              padding-left: 32px;
+            }
           }
         }
         tr {
@@ -85,6 +119,24 @@
           }
         }
 
+        .ued-table-edit-cell {
+          // 可编辑元素套一层组件，解决层级表格编辑格式时样式错乱问题
+          display: inline-flex;
+          align-items: center;
+          width: 100%;
+        }
+
+        colgroup > col {
+          &.@{ant-prefix}-table-selection-col + col {
+            // 避免层级表格展开时宽度变化，若没有配置内容列宽度的，默认给第一个表头一个宽度
+            width: 240px;
+          }
+          &:not(.@{ant-prefix}-table-expand-icon-col):not(.@{ant-prefix}-table-selection-col):first-of-type {
+            // 避免层级表格展开时宽度变化，若没有配置内容列宽度的，默认给第一个表头一个宽度
+            width: 240px;
+          }
+        }
+
         tr > td {
           position: relative;
           height: auto;
@@ -100,6 +152,7 @@
           .@{select-prefix-cls},
           .modalSelect {
             width: 100%;
+            flex: 1;
           }
 
           .@{ant-prefix}-input:not(textarea),
@@ -282,7 +335,7 @@
         .@{table-prefix-cls}-expanded-row-fixed > .@{table-prefix-cls}-wrapper:only-child {
           .@{table-prefix-cls} {
             margin: -@table-padding-vertical -@table-padding-horizontal -@table-padding-vertical (@table-padding-horizontal +
-                  ceil(@font-size-sm * 1.4));
+            ceil(@font-size-sm * 1.4));
 
             &-tbody > tr:last-child > td {
               border-bottom: 0;
@@ -545,8 +598,8 @@
     }
 
     .@{table-prefix-cls}-bordered.@{table-prefix-cls}-fixed-header
-      .@{table-prefix-cls}-scroll
-      .@{table-prefix-cls}-header {
+    .@{table-prefix-cls}-scroll
+    .@{table-prefix-cls}-header {
       &::-webkit-scrollbar {
         border: none;
       }
@@ -743,14 +796,14 @@
     width: 100%;
     &-default {
       &.@{pagination-prefix-cls} {
-        margin: 16px 0 0 0;
+        padding: 16px 0 0 0;
       }
     }
 
     &-middle,
     &-small {
       &.@{pagination-prefix-cls} {
-        margin: 12px 0 0 0;
+        padding: 12px 0 0 0;
       }
     }
 
@@ -956,12 +1009,12 @@
 
   .ued-table-cell-ghostTag {
     display: inline-block;
-    height: 18px;
-    font-size: 10px;
-    line-height: 16px;
+    height: 20px;
+    font-size: 12px;
+    line-height: 18px;
     border-radius: 14px;
     border: 1px solid transparent;
-    padding: 0 6px;
+    padding: 0 8px;
     vertical-align: middle;
   }
 
@@ -988,10 +1041,10 @@
   .ued-table-cell-fadeColourTag {
     display: inline-block;
     border-radius: 2px;
-    height: 18px;
-    font-size: 10px;
-    line-height: 18px;
-    padding: 0 6px;
+    height: 20px;
+    font-size: 12px;
+    line-height: 20px;
+    padding: 0 8px;
     vertical-align: middle;
   }
 
@@ -1134,6 +1187,94 @@
   &-popContent {
     min-width: 224px;
 
+    &.@{tableHead-prefix-cls}-small-popContent {
+      .popHead {
+        font-size: 12px;
+        line-height: 16px;
+      }
+      .checkAll {
+        font-size: 12px;
+        margin: 0 0 12px 28px;
+      }
+      .@{ant-prefix}-checkbox {
+        &-wrapper {
+          line-height: 16px;
+        }
+        &-inner {
+          width: 12px;
+          height: 12px;
+
+          &::after {
+            width: 4px;
+            height: 7px;
+            border-width: 1px;
+          }
+        }
+        &.@{ant-prefix}-checkbox-indeterminate {
+          .@{ant-prefix}-checkbox-inner::after {
+            top: 50%;
+            width: 6px;
+            height: 6px;
+            border: 0;
+          }
+        }
+      }
+      
+      .@{ant-prefix}-tree-title {
+        font-size: 12px;
+      }
+      .title {
+        .checkbox {
+          & + span {
+            line-height: 16px;
+          }
+          .@{ant-prefix}-checkbox {
+            top: 1px;
+          }
+        }
+      }
+    }
+    &.@{tableHead-prefix-cls}-default-popContent,
+    &.@{tableHead-prefix-cls}-middle-popContent {
+      .popHead {
+        line-height: 22px;
+      }
+      .checkAll {
+        margin: 0 0 12px 30px;
+      }
+      .@{ant-prefix}-checkbox {
+        &-wrapper {
+          line-height: 22px;
+        }
+        &-inner {
+          width: 14px;
+          height: 14px;
+
+          &::after {
+            width: 5px;
+            height: 9px;
+            border-width: 1px;
+            top: 45%;
+          }
+        }
+        &.@{ant-prefix}-checkbox-indeterminate {
+          .@{ant-prefix}-checkbox-inner::after {
+            top: 50%;
+            width: 7px;
+            height: 7px;
+            border: 0;
+          }
+        }
+      }
+      .title {
+        .checkbox {
+          & + span {
+            line-height: 22px;
+          }
+        }
+      }
+    }
+
     .popHead {
       display: flex;
       align-items: center;
@@ -1145,19 +1286,25 @@
         align-items: center;
         justify-content: flex-end;
         text-align: right;
+        font-weight: 400;
       }
     }
 
     .tips {
-      margin-top: 2px;
+      margin-top: 4px;
       color: rgba(28, 36, 46, 0.25);
       font-size: 12px;
+      line-height: 16px;
+    }
+
+    .checkedText {
+      color: @primary-color;
     }
 
     .icon {
       display: flex;
       align-items: center;
-      margin-right: 20px;
+      margin-right: 16px;
       fill: #c6c8cb;
     }
 
@@ -1171,7 +1318,6 @@
 
       .checkbox {
         margin-right: 8px;
-        line-height: 20px;
       }
     }
 
@@ -1184,14 +1330,19 @@
     }
     .@{ant-prefix}-popover-inner-content {
       max-height: 270px;
-      padding: 12px;
+      padding: 12px 12px 0 12px;
       overflow-y: auto;
       width: 100%;
 
-      .@{ant-prefix}-tree li {
+      .@{ant-prefix}-tree {
+        &-treenode {
+          padding: 0 0 12px;
+        }
         span.@{ant-prefix}-tree-node-content-wrapper {
           display: inline-block;
           width: 100%;
+          padding: 0;
+          min-height: 16px;
         }
 
         span.@{ant-prefix}-tree-switcher.@{ant-prefix}-tree-switcher-noop {
@@ -1357,3 +1508,26 @@
     line-height: 22px;
   }
 }
+
+.ued-table-fill-content {
+  // 内容适应滚动表格
+  .@{ant-prefix}-form,
+  .@{ant-prefix}-table-wrapper,
+  .@{ant-prefix}-table {
+      overflow: hidden;
+  }
+
+  .ued-table {
+    flex: 1;
+  }
+  .@{ant-prefix}-table-container {
+    height:100%;
+    display: flex;
+    flex-direction: column;
+    .@{ant-prefix}-table-header {
+      flex-shrink: 0;
+    }
+  }
+}
+
+

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

@@ -289,3 +289,32 @@
   }
 
 }
+
+.ued-tabs-more-dropdown {
+  max-width: 500px;
+  .@{tab-prefix-cls}-dropdown-menu-item {
+    > span > div, // 存在角标
+    > span { // 不存在角标
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    > span > div {
+      // 调整角标大小/位置
+      .@{ant-prefix}-badge {
+        &-count {
+          top: -12px !important;
+          right: -16px !important;
+          min-width: 14px;
+          height: 14px;
+          padding: 2px;
+          line-height: 10px;
+          > span {
+            height: 14px;
+          }
+        }
+      }
+    }
+  }
+
+}

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

@@ -4,15 +4,24 @@
 @tree-icon-prefix-cls: ~'@{ant-prefix}icon';
 
 .ued-tree-wrap {
+  overflow: hidden;
   display: flex;
   flex-direction: column;
 
   .ued-tree-search {
     margin-bottom: @padding-xs;
+    .@{ant-prefix}-input-group .@{ant-prefix}-input-group-addon{
+      left: 0px;
+    }
+    .@{ant-prefix}-input{
+      border-right-width: 0px;
+    }
   }
 }
 .ued-tree {
+  background-color: transparent;
   &.@{tree-prefix-cls} {
+    overflow: scroll;
     .@{tree-prefix-cls}-treenode {
       margin-left: @padding-sm / 2;
       align-items: center;
@@ -20,6 +29,7 @@
       span {
         &.@{tree-prefix-cls}-switcher {
           align-self: stretch;
+          background-color: transparent;
           height: auto;
           line-height: @padding-xxs * 7;
           color: @primary-color
@@ -36,7 +46,6 @@
           border-top: 2px solid @primary-color;
         }
       }
-
       .@{tree-prefix-cls}-node-content-wrapper {
         // height: @padding-xxs * 7;
         color: @text-color;
@@ -134,7 +143,7 @@
 
         &:last-child {
           .@{tree-prefix-cls}-switcher-noop {
-            background-color: white;
+            background-color: transparent;
 
             &::after {
               position: absolute;
@@ -333,3 +342,14 @@
     }
   }
 }
+
+.ued-tree-icon-dropdown {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  color: inherit;
+  fill: inherit;
+  .ued-treedropdown-icon {
+    margin-right: 8px;
+  }
+}

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

@@ -0,0 +1,15 @@
+@import (reference) '../theme/variables/index.less';
+
+@WebComponentCls: ~'ued-webComponent';
+
+.@{WebComponentCls} {
+  border: none;
+  outline: none;
+  width: 100%;
+  height: 100%;
+
+  &.ued-edit-webComponent {
+    width: 100%;
+    height: 100%;
+  }
+}

package/lib/pcpublic/src/components/pcfactory/src/styles/index.ued.less

@@ -59,6 +59,7 @@
 @import './components/QuillEditor.less';
 @import './components/VerificationCode.less';
 @import './components/Webview.less';
+@import './components/WebComponent.less';
 @import './components/Step.less';
 @import './components/DynamicTabs.less';
 @import './components/FormGroup.less';