@lingxiteam/ebe-utils 0.5.10 → 0.6.1

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

@@ -1,11 +1,48 @@
-@import (reference) '../theme/variables/antdVariables.less';
-@prefixCls: dropdown;
+@import (reference) "../theme/variables/antdVariables.less";
+@dropdownCls: dropdown;
 
-.ued-@{prefixCls}-wrap {
+.ued-@{dropdownCls}-wrap {
   width: auto;
   .@{ant-prefix}-btn-icon-only {
     display: flex;
     align-items: center;
     justify-content: center;
   }
-}
+}
+
+.@{ant-prefix}-dropdown-menu-item:hover {
+  background-color: @dropdown-hover-bg;
+}
+
+.@{ant-prefix}-dropdown-menu-submenu-popup li, 
+.@{ant-prefix}-dropdown-menu-submenu-popup ul,
+.@{ant-prefix}-dropdown-menu-submenu-title,
+.@{ant-prefix}-dropdown {
+    min-width: 128px;
+    max-width: 30vw;
+}
+
+.@{ant-prefix}-dropdown-menu-submenu-title,
+.@{ant-prefix}-dropdown-menu-title-content {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.@{ant-prefix}-btn-compact-last-item:not(.@{ant-prefix}-btn-compact-first-item):not(.@{ant-prefix}-btn-compact-item-rtl) {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+ }
+
+ .@{ant-prefix}-btn-icon-only.@{ant-prefix}-btn-sm,
+ .@{ant-prefix}-btn-sm {
+  height: 28px;
+}
+
+.@{ant-prefix}-btn-icon-only.@{ant-prefix}-btn-lg,
+.@{ant-prefix}-btn-lg {
+  height: 36px;
+  padding: 0 15px;
+}
+

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

@@ -13,7 +13,7 @@
   
     .@{tab-prefix-cls}-nav {
       flex: 1 !important;
-      // margin-bottom: 0;
+      margin-bottom: 0;
       overflow: hidden;
     }
     .ued-tabs-closeAll {
@@ -301,3 +301,10 @@
   }
 }
 
+.ued-dynamic-tabs-ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-break: break-word;
+}
+

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

@@ -0,0 +1,60 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@floating-button-prefix-cls: ~'@{ant-prefix}-floating-button';
+
+.ued-floating-button {
+  position: fixed;
+  cursor: pointer;
+  width: fit-content;
+  z-index: 999;
+
+  .@{floating-button-prefix-cls} {
+
+    &-btn-text {
+      font-size: 12px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    &-floatgroup-square {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      background-color: #fff;
+      border-radius: 12px;
+      padding: 2px 0;
+
+      &-item {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-bottom: 1px solid #F2F3F5;
+
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+    }
+  }
+  .@{ant-prefix}-badge-count {
+    height: 18px;
+    min-width: 18px;
+    line-height: 18px;
+  }
+}
+
+.@{floating-button-prefix-cls}-popover {
+  .@{ant-prefix}-popover-arrow {
+    display: none
+  }
+  
+  .@{ant-prefix}-popover-inner {
+   background-color: transparent;
+   box-shadow: none;
+  }
+
+  .@{ant-prefix}-popover-inner-content {
+    padding: 0;
+  }
+}

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

@@ -33,6 +33,7 @@
   &-head-wrap {
     display: flex;
     align-items: center;
+    padding: 4px 0;
     .@{ant-prefix}-btn {
       margin-left: @padding-xs;
     }
@@ -45,6 +46,7 @@
     display: flex;
     align-items: center;
     padding: 0 @padding-xs 0 0;
+    min-height: 24px;
     &-icon-line {
       // padding: @padding-xs @padding-xs @padding-xs 0;
       &::before {
@@ -102,9 +104,9 @@
       & > .@{ant-prefix}-collapse-content {
         border-top: 1px solid @border-color-base;
       }
-      .ued-form-group-title {
-        padding: 4px 8px 4px 0;
-      }
+      // .ued-form-group-title {
+      //   padding: 4px 8px 4px 0;
+      // }
     }
   }
   &-extend-btn {

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

@@ -0,0 +1,186 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+// 默认行间距
+@baseLineHeight: 8px;
+
+.ued-form-list {
+
+    &-editor {
+        & > * {
+            pointer-events: none;
+        }
+    }
+
+    &-wrapper {
+        display: flex;
+        flex-direction: column;
+
+
+        &-header,
+        &-footer {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            align-items: center;
+            // min-height: 24px;
+            height: fit-content;
+        }
+
+        &-footer {
+            margin-top: @baseLineHeight;
+            min-height: 0px;
+        }
+
+        &-header {
+            max-height: 32px;
+            padding: 0;
+            .ued-form-list-common-title {
+                // 主标题
+                & > .ued-form-group-title {
+                    font-size: @font-size-base;
+                }
+            }
+
+            &-control {
+                display: flex;
+                flex-direction: row;
+                justify-content: flex-start;
+                align-items: center;
+            }
+
+            &-selectLabel {
+                padding: 0 8px;
+                color: @primary-color;
+                height: 24px;
+                line-height: 24px;
+            }
+        }
+
+        &-content {
+            flex: 1;
+        }
+
+        &-tableWrapper {
+            margin-top: @baseLineHeight;
+
+            & > form > div.@{ant-prefix}-row {
+                margin: 0px !important;
+                display: block;
+                width: 100%;
+            }
+
+        }
+    }
+
+    &-common {
+        &-title {
+            display: flex;
+            flex-direction: row;
+            justify-content: flex-start;
+            align-content: center;
+            // height: 24px;
+            label.@{ant-prefix}-radio-wrapper,
+            label.@{ant-prefix}-checkbox-wrapper {
+                line-height: 24px;
+                margin-right: 8px;
+            }
+
+            // 子项标题
+            & > .ued-form-group-title {
+                min-height: 0px !important;
+                font-size: @font-size-base - 1px;
+                font-weight: 500;
+                color: #292B33;
+            }
+        }
+    }
+
+    &-wrapperItem {
+
+        .@{ant-prefix}-collapse,
+        .@{ant-prefix}-collapse-content {
+            background-color: transparent;
+            border: none !important;
+        }
+
+        .@{ant-prefix}-collapse-header {
+            background: transparent;
+            padding: 0 !important;
+        }
+
+        .@{ant-prefix}-collapse-content-box {
+            background-color: transparent;
+            padding: 0 !important;
+
+            // 表单默认白色底 是否要替换成透明？ 
+            // .ued-legacy-form-wrap {
+            //     background-color: transparent;
+            // }
+        }
+
+        .@{ant-prefix}-collapse-header-text {
+            height: 100%;
+        }
+
+        .@{ant-prefix}-collapse-arrow {
+            right: 4px !important;
+
+            &::before {
+                content: '';
+                display: block;
+                width: 1px;
+                height: 11px;
+                background-color: #DCDDE5;
+                position: absolute;
+                left: -8px;
+                top: calc(50% - 6px);
+            }
+        }
+
+        &-panel {
+            border-bottom: none !important;
+            margin-top: @baseLineHeight;
+        }
+
+        &-header {
+            display: flex;
+            flex-direction: row;
+            justify-content: space-between;
+            align-items: center;
+            height: 32px;
+
+            &-line {
+                border-bottom: 1px solid #EBEBF0;
+            }
+
+            &-actions {
+                &-fold {
+                    padding-right: 24px;
+                }
+
+                .@{ant-prefix}-btn-text {
+                    padding: 4px !important;
+                    margin-right: 8px;
+                }
+
+                // 更多按钮中的样式
+                &-overlay {
+                    padding-top: 0px !important;
+                    .@{ant-prefix}-popover-arrow {
+                        display: none;
+                    }
+                    .@{ant-prefix}-popover-inner-content {
+                        padding: 4px !important;
+                        display: flex;
+                        flex-direction: column;
+
+                        & > button {
+                            text-align: left;
+                            padding: 4px 8px;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,5 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+.ued-free-layout {
+  background-color: white;
+}

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

@@ -21,4 +21,8 @@ img.@{iconPrefix} {
     width: 1em;
     height: 1em;
   }
-} 
+}
+
+.sys_icon {
+  fill: @primary-color;
+}

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

@@ -121,6 +121,17 @@
         border-color: @border-color-base !important;
       }
     }
+    .postfix {
+      display: flex;
+      align-items: center;
+      .postfixIcon:first-child {
+        margin-right: 4px;
+      }
+      .postfixIcon:last-child {
+        margin-left: 4px;
+
+      }
+    }
   }
 
   &.greyStyle,
@@ -130,6 +141,16 @@
       border-top-left-radius: 2px;
       border-bottom-left-radius: 2px;
     }
+    .postfix {
+      display: flex;
+      align-items: center;
+      .postfixIcon:first-child {
+        margin-right: 4px;
+      }
+      .postfixIcon:last-child {
+        margin-left: 4px;
+      }
+    }
   }
 
   &.postfixGreyStyle,
@@ -146,6 +167,12 @@
     }
   }
 
+  &.postfixNoBorderStyle {
+    .@{input-prefix-cls}-group-addon:last-child {
+      border-left-width: 0 !important;;
+    }
+  }
+
   .disabled {
     cursor: not-allowed;
   }
@@ -154,7 +181,8 @@
     display: flex;
     .@{input-prefix-cls}-group-addon {
       width: auto;
-      line-height: 30px;
+      display: inline-flex;
+      align-items: center;
     }
   }
 
@@ -177,6 +205,15 @@
     border-right-width: 0px !important;
   }
 }
-.@{input-prefix-cls}-affix-wrapper-sm {
-  padding: 0 @padding-xs !important;
+.@{input-prefix-cls}-affix-wrapper.ued-input-wrap.@{input-prefix-cls}-affix-wrapper-sm {
+  padding: 0 8px;
+  input {
+    line-height: 26px;
+    height: auto;
+  }
 }
+// .@{input-prefix-cls}-affix-wrapper.ued-input-wrap.@{input-prefix-cls}-affix-wrapper-lg {
+//   font-size: 14px;
+// }
+
+

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

@@ -4,7 +4,8 @@
 
 // 表单校验
 .@{ant-prefix}-form-item-has-error {
-  .ued-inputNumber-wrap {
+
+  & > .ued-inputNumber-wrap {
     &.@{input-number-prefix-cls} {
       border-color: @error-color;
     }
@@ -23,7 +24,8 @@
 
     .@{input-number-prefix-cls}-input {
       padding: @input-padding-vertical-base @input-padding-horizontal-base;
-      line-height: 22px;
+      height: auto;
+      // line-height: 22px;
     }
 
     .@{input-number-prefix-cls}-handler-wrap:hover .@{input-number-prefix-cls}-handler {
@@ -55,14 +57,14 @@
   &.@{input-number-prefix-cls}-lg {
     input {
       padding: @input-padding-vertical-lg @input-padding-horizontal-base;
-      font-size: 14px;
+      // font-size: 14px;
     }
   }
 
   &.@{input-number-prefix-cls}-sm {
     input {
       padding: @input-padding-vertical-sm @input-padding-horizontal-base;
-      font-size: @font-size-sm;
+      // font-size: @font-size-sm;
       line-height: 18px;
     }
   }

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

@@ -7,8 +7,12 @@
     display: flex;
     flex-direction: row;
     align-items: center;
+    width: 100%;
   }
 
+  &-item {
+    width: 100%;
+  }
   &-placeholder {
     display: flex;
     flex: 1 1;
@@ -52,7 +56,6 @@
 
   &-nobox {
     overflow: hidden;
-    background-color: #fff;
     border: 1px solid transparent;
     cursor: pointer;
   }
@@ -65,4 +68,8 @@
   &-content {
     color: currentColor;
   }
-}
+
+  //&-row {
+  //  background-color: #fff;
+  //}
+}

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

@@ -1,12 +1,15 @@
-@import (reference) '../theme/variables/antdVariables.less';
-@menu-prefix-cls: ~'@{ant-prefix}-menu';
+@import (reference) "../theme/variables/antdVariables.less";
+@menu-prefix-cls: ~"@{ant-prefix}-menu";
 
 .ued-menu {
+  background-color: white;
   .@{menu-prefix-cls} {
+    background-color: transparent;
     .@{menu-prefix-cls}-submenu {
       color: @text-color;
-  
-      &.@{menu-prefix-cls}-submenu-active, &.@{menu-prefix-cls}-submenu-selected {
+
+      &.@{menu-prefix-cls}-submenu-active,
+      &.@{menu-prefix-cls}-submenu-selected {
         color: @primary-color;
         background-color: @item-hover-bg;
       }
@@ -18,13 +21,13 @@
           height: @font-size-base;
           vertical-align: baseline;
         }
-        
+
         &.fill-primary {
           color: @primary-color;
           fill: @primary-color;
         }
       }
-      
+
       .@{menu-prefix-cls}-sub {
         .@{menu-prefix-cls}-item-active {
           color: @primary-color;
@@ -38,17 +41,25 @@
           }
         }
       }
-      
     }
   }
 
   &.menu_inline_colloaps {
     .@{ant-prefix}-menu-root {
-        width: 256px;
+      width: 256px;
     }
   }
 
   .menu_icon {
-      display: inline-flex;
+    display: inline-flex;
+  }
+
+  .@{menu-prefix-cls}:not(.@{menu-prefix-cls}-horizontal)
+    .@{menu-prefix-cls}-item-selected {
+    background-color: @dropdown-selected-bg;
+  }
+
+  .@{menu-prefix-cls}-light .@{menu-prefix-cls}-item:hover {
+    background-color: @dropdown-hover-bg;
   }
-}
+}

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

@@ -1,8 +1,8 @@
 @import (reference) '../theme/variables/antdVariables.less';
 
-@prefixCls: modalSelect;
+@modalSelectCls: modalSelect;
 
-.@{prefixCls} {
+.@{modalSelectCls} {
   .@{ant-prefix}-select {
     width: 100%;
   }
@@ -33,7 +33,7 @@
 }
 
 .@{ant-prefix}-form-item-control-input-content {
-  .@{prefixCls} {
+  .@{modalSelectCls} {
     .@{ant-prefix}-input-wrapper {
 
       .@{ant-prefix}-select {

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

@@ -0,0 +1,5 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+.ued-pagination-wrap {
+  background-color: white;
+}

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

@@ -0,0 +1,5 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+.ued-pie-chart {
+  background-color: white;
+}

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

@@ -2,6 +2,7 @@
 @progress-prefix-cls: ~'@{ant-prefix}-progress';
 
 .ued-progress-wrapper {
+  background-color: white;
   display: flex;
   align-items: center;
   .ued-progress-title {

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

@@ -0,0 +1,7 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+.ued-qrCode {
+  img {
+    background-color: white;
+  }
+}