@lingxiteam/ebe-utils 0.5.11 → 0.6.2

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

@@ -0,0 +1,192 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@queryFormPrefixCls: ~'ued-queryform';
+
+.@{ant-prefix}-btn-link.ued-button-wrap.@{queryFormPrefixCls}-actions-fold {
+    &,
+    &.@{ant-prefix}-btn-lg,
+    &.@{ant-prefix}-btn-sm {
+        padding-left: 8px;
+        padding-right: 0;
+        
+        .anticon {
+            margin-left: 4px;
+        }
+    }
+}
+
+// 高级搜搜样式
+.@{queryFormPrefixCls}-filter {
+  &-drawer {
+      &.ued-drawer-wrap {
+        .@{ant-prefix}-drawer-body {
+          padding: 0;
+        }
+      }
+  }
+  &-add {
+      display: flex;
+      align-items: center;
+      &-item {
+        .anticon {
+          margin-right: 4px;
+        }
+        cursor: pointer;
+        display: flex;
+        align-items: center;
+      }
+  }
+  &-popover {
+    padding-top: 0;
+    .@{ant-prefix}-popover-inner-content {
+      padding: 4px;
+      width: 216px;
+      .@{ant-prefix}-input-affix-wrapper {
+        padding: 2px 8px;
+      }
+    }
+  }
+  &-select-group {
+    .@{queryFormPrefixCls}-filter-select-item {
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      line-height: 28px;
+      display: inline-flex;
+      align-items: center;
+      padding: 0 8px;
+      margin-top: 4px;
+      border-radius: @border-radius-base;
+      cursor: pointer;
+      &:hover {
+        background-color: @dropdown-hover-bg;
+      }
+      &.@{queryFormPrefixCls}-filter-select-active-item {
+        background-color: transparent;
+        color: @disabled-color;
+        cursor: not-allowed;
+        &:hover {
+         background-color: transparent;
+        }
+      }
+    }
+  }
+  &-item {
+    display: flex;
+    align-items: center;
+    width: 100%;
+    margin-bottom: 12px;
+    & > .@{ant-prefix}-select {
+      overflow: hidden;
+      flex: 1;
+      margin: 0 4px;
+    }
+    .anticon-minus-circle {
+      padding-left: 4px;
+      cursor: pointer;
+      color: @text-color-secondary;
+    }
+  }
+  &-operator {
+    width: 54px;
+    height: 28px;
+    &-text {
+      padding: 0 8px;
+      line-height: 28px;
+    }
+  }
+  &-connector {
+    width: 108px;
+    &.@{ant-prefix}-select {
+      flex: none;
+    }
+  }
+  &-editComponent {
+    overflow: hidden;
+    flex: 1;
+    margin-right: 4px;
+  }
+  &-drawer-content {
+    padding: 16px 22px;
+  }
+  &-drawer-dragging {
+    user-select: none;
+  }
+  &-resize-handler {
+    position: absolute;
+    width: 13px;
+    height: 44px;
+    background-color: rgba(229, 229, 229, 1);
+    border-radius: 6px;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    cursor: ew-resize;
+    left: 0;
+  
+    &::before, &::after {
+      content: '';
+      display: block;
+      position: absolute;
+      width: 2px;
+      height: 12px;
+      top: 50%;
+      transform: translateY(-50%);
+      border-radius: 14px;
+      background-color: rgba(28, 36, 46, 0.25);
+    }
+  
+    &::after {
+      right: 3px;
+    }
+  
+    &::before {
+      left: 3px;
+    }
+  }
+  // 已选样式
+  &-selected-field {
+    display: flex;
+    height: 32px;
+    align-items: center;
+    border: 1px solid rgba(220, 221, 229, 1);
+    width: 100%;
+    margin-top: 12px;
+    overflow: hidden;
+    &-label {
+      background-color: rgba(247, 248, 250, 1);
+      padding: 5px 8px;
+      border-right: 1px solid rgba(220, 221, 229, 1);
+      height: 100%;
+      flex: none;
+    }
+    &-content {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      padding: 4px 8px;
+      overflow: auto;
+      width: 100%;
+      height: 32px;
+      column-gap: 4px;
+      row-gap: 4px;
+      flex-wrap: wrap;
+      .@{queryFormPrefixCls}-filter-field-item {
+        display: flex;
+        align-items: center;
+        padding: 0 4px;
+        border-radius: 2px;
+        background-color: fade(@primary-color, 10%);
+        font-size: 13px;
+        height: 24px;
+        .ued-input-readonly {
+          font-size: 13px;
+        }
+      }
+      .@{queryFormPrefixCls}-filter-field-item-remove {
+        font-size: 12px;
+        margin-left: 4px;
+        color: rgba(144, 146, 163, 1);
+      }
+    }
+  }
+}
+

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

@@ -0,0 +1,100 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@quickEntryCls: ~'ued-quickEntry';
+
+.@{quickEntryCls},
+.@{quickEntryCls}-more-modal {
+  .@{quickEntryCls}-title {
+    font-size: 16px;
+    font-weight: 600;
+    padding: 12px;
+  }
+  &-content {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 12px;
+    column-gap: 12px;
+    padding: 0 12px;
+  }
+  &-item {
+    padding: 12px;
+    column-gap: 12px;
+    display: flex;
+    align-items: center;
+    cursor: pointer;
+    border-radius: 4px;
+    &:hover {
+      background-color: fade(@primary-color, 10%);
+    }
+    .@{quickEntryCls}-item-title {
+      font-size: 14px;
+      line-height: 22px;
+      flex: 1;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      overflow: hidden;
+      color: rgba(65, 67, 82, 1)
+    }
+    .@{quickEntryCls}-item-icon {
+      width: 28px;
+      height: 28px;
+      border-radius: 4px;
+      color: white;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      .ued-icon {
+        font-size: 16px;
+      }
+      &-more {
+        background-color: rgba(125, 188, 235, 0.20);
+        color: #58B6FC;
+      }
+    }
+  }
+  &-card {
+    .@{quickEntryCls}-item {
+      flex-direction: column;
+      row-gap: 12px;
+      .@{quickEntryCls}-item-icon {
+        width: 40px;
+        height: 40px;
+        border-radius: 6px;
+        font-size: 24px;
+        .ued-icon {
+          font-size: 24px;
+        }
+      }
+    }
+  }
+  .@{ant-prefix}-modal-content {
+    height: 400px;
+    flex-direction: column;
+    display: flex;
+    border-radius: 8px;
+  }
+  .@{ant-prefix}-modal-header {
+    border: none;
+    padding: 16px;
+    border-radius: 8px 8px 0 0;
+    .@{ant-prefix}-modal-title {
+      &::after {
+        display: none;
+      }
+      &::before {
+        display: none;
+      }
+    }
+  }
+  .@{ant-prefix}-modal-body {
+    padding: 0;
+    flex: 1;
+    overflow: auto;
+    .ued-quickEntry-item {
+      width: 163px;
+    }
+    .ued-quickEntry-content {
+      padding: 0 16px;
+    }
+  }
+}

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

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

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

@@ -1,7 +1,183 @@
 @import (reference) '../theme/variables/antdVariables.less';
 @radio-prefix-cls: ~'@{ant-prefix}-radio';
 
+@radioPrefixCls: ~'ued-radio';
 // 单选框单选组，通用样式
 label.@{radio-prefix-cls}-wrapper {
   line-height: @input-height-base;
 }
+
+// 按钮组
+.@{radioPrefixCls}-button {
+  .@{radio-prefix-cls}-button-wrapper {
+    &:first-child {
+      border-radius: 4px 0 0 4px;
+    }
+    &:last-child {
+      border-radius: 0 4px 4px 0;
+    }
+  }
+}
+// 分体按钮
+.@{radioPrefixCls}-SplitButton {
+  .@{radio-prefix-cls}-button-wrapper {
+    border-radius: 4px;
+    border-left-width: 1px;
+    &:not(:first-child):before {
+      display: none;
+    }
+  }
+}
+// 背景按钮
+.@{radioPrefixCls}-BackgroundButton {
+  .@{radio-prefix-cls}-button-wrapper {
+    border-radius: 4px;
+    border-left-width: 1px;
+    border: none;
+    background-color: rgba(247, 248, 250, 1);
+    &:not(:first-child):before {
+      display: none;
+    }
+    &-checked {
+      font-weight: 500;
+      background-color: fade(@primary-color, 15%);
+      border: none;
+    }
+    &:not(.@{radio-prefix-cls}-button-wrapper-disabled):focus-within {
+      box-shadow: none;
+    }
+  }
+}
+// 圆形按钮
+.@{radioPrefixCls}-CircleButton {
+  .@{radio-prefix-cls}-button-wrapper {
+    border-radius: 999px;
+    border-left-width: 1px;
+    border-color: fade(@primary-color, 10%);
+    background-color: rgba(247, 248, 250, 1);
+    transition: none;
+    &:not(:first-child):not(.@{radio-prefix-cls}-button-wrapper-checked):before {
+      display: none;
+    }
+    &-checked {
+      font-weight: 500;
+      background: fade(@primary-color, 10%);
+      border-color: @primary-color;
+      position: relative;
+      &::before {
+        display: inline-block;
+        content: '';
+        position: absolute;
+        top: 0;
+        right: -3px;
+        width: 12px;
+        height: 12px;
+        background: @primary-color;
+        border-radius: 50%;
+        border: 1px solid white;
+        left: unset;
+        padding: 0;
+        box-sizing: border-box;
+      }
+      &::after {
+        border: 1px solid #fff;
+        border-bottom-left-radius: 1px;
+        content: "";
+        display: inline-block;
+        position: absolute;
+        right: -0.5px;
+        text-align: center;
+        top: 3px;
+        width: 6.5px;
+        height: 4.5px;
+        border-top: none;
+        border-right: none;
+        transform: rotate(-45deg);
+      }
+    }
+  }
+}
+// 彩色按钮
+.@{radioPrefixCls}-ColorButton {
+  .@{radio-prefix-cls}-button-wrapper {
+    border-radius: 4px;
+    border-left-width: 1px;
+    border: none;
+    background-color: fade(@primary-color, 10%);
+    transition: none;
+    &:not(:first-child):before {
+      display: none;
+    }
+    &-checked {
+      font-weight: 500;
+      color: white;
+      background: linear-gradient( 270deg, fade(@primary-color, 60%) 0%, @primary-color 100%);
+      border: none;
+      &:not(.@{radio-prefix-cls}-button-wrapper-disabled):hover {
+        color: white;
+      }
+    }
+    &:not(.@{radio-prefix-cls}-button-wrapper-disabled):focus-within {
+      box-shadow: none;
+    }
+  }
+}
+// 角标按钮
+.@{radioPrefixCls}-BadgeButton {
+  .@{radio-prefix-cls}-button-wrapper {
+    border-radius: 4px;
+    border-left-width: 1px;
+    border: none;
+    background-color: rgba(247, 248, 250, 1);
+    &:not(:first-child):not(.@{radio-prefix-cls}-button-wrapper-checked):before {
+      display: none;
+    }
+    &-checked {
+      font-weight: 500;
+      background-color: fade(@primary-color, 15%);
+      border: none;
+      &:hover {
+        &::before {
+          background-color: transparent;
+        }
+      }
+      &::before {
+        display: inline-block;
+        content: '';
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        border: 8px solid transparent;
+        border-right-color: @primary-color;
+        border-bottom-color: @primary-color;
+        border-bottom-right-radius: 4px;
+        left: unset;
+        padding: 0;
+        box-sizing: border-box;
+        background-color: transparent;
+        width: 0;
+        height: 0;
+        top: unset;
+      }
+      &::after {
+        border: 1px solid #fff;
+        border-bottom-left-radius: 1px;
+        content: "";
+        display: inline-block;
+        position: absolute;
+        right: 2px;
+        text-align: center;
+        bottom: 4px;
+        width: 6px;
+        height: 3.5px;
+        border-top: none;
+        border-right: none;
+        transform: rotate(-45deg);
+      }
+    }
+    &:not(.@{radio-prefix-cls}-button-wrapper-disabled):focus-within {
+      box-shadow: none;
+    }
+  }
+}
+

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

@@ -1,6 +1,9 @@
 @import (reference) '../theme/variables/antdVariables.less';
 @result-prefix-cls: ~'@{ant-prefix}-result';
 
+.ued-result {
+  background-color: white;
+}
 .@{result-prefix-cls} {
   & &-icon {
     margin-bottom: 20px;

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

@@ -0,0 +1,4 @@
+@import (reference) '../theme/variables/antdVariables.less';
+.ueditor-rich-status-bar {
+    background-color: #f5f6f8;
+}

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

@@ -1,5 +1,5 @@
-@import (reference) '../theme/variables/antdVariables.less';
-@select-prefix-cls: ~'@{ant-prefix}-select';
+@import (reference) "../theme/variables/antdVariables.less";
+@select-prefix-cls: ~"@{ant-prefix}-select";
 
 .ued-select-wrap {
   // empty block
@@ -10,7 +10,7 @@
   align-items: center;
   width: 100%;
   height: 100%;
-  padding: 4px 0;
+  // padding: 4px 0;
   border-radius: 2px;
 
   &-column {
@@ -31,8 +31,8 @@
   &-label {
     max-width: 100%;
     color: @text-color;
-    line-height: 20px;
-    font-size: 12px;
+    line-height: 24px;
+    font-size: 14px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
@@ -40,14 +40,14 @@
 
   &-lightBackground,
   &-otherLightBackground {
-    padding: 0 10px 0 4px;
+    padding: 0 4px;
     background-color: fade(@primary-color, 10%);
     border-radius: 2px;
   }
 
   &-darkBackground,
   &-otherDarkBackground {
-    padding: 0 10px 0 4px;
+    padding: 0 4px;
     background-color: @primary-color;
     border-radius: 2px;
     color: #fff;
@@ -68,6 +68,9 @@
 // 通用样式
 .@{select-prefix-cls} {
   &-selection {
+    &-item {
+      color: @text-color;
+    }
     &-item-content {
       white-space: normal !important;
     }
@@ -96,18 +99,35 @@
         line-height: 0;
       }
     }
+    .@{select-prefix-cls}-selector {
+      padding: 1px 8px;
+    }
+
+    .ued-select-item {
+      &-lightBackground,
+      &-otherLightBackground {
+        padding: 0 15px 0 4px;
+      }
+
+      &-darkBackground,
+      &-otherDarkBackground {
+        padding: 0 15px 0 4px;
+      }
+    }
     .ued-multiple-select-tag {
       position: relative;
       max-width: 100%;
-      margin: 2px 4px 2px 0;
-      padding: 4px 14px 4px 4px;
+      margin-right: 4px;
+      padding: 0 22px 0 4px;
       color: @text-color;
-      background-color: fade(@text-color, 6%);;
+      font-size: 14px;
+      line-height: 24px;
+      background-color: fade(@text-color, 6%);
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       border: 0;
-      border-radius: 4px;
+      border-radius: 2px;
 
       .anticon-close {
         position: absolute;
@@ -115,6 +135,10 @@
         right: 4px;
         transform: translateY(-50%);
         color: @text-color-secondary;
+        svg {
+          width: 14px;
+          height: 14px
+        }
       }
     }
     .lightBackground {
@@ -122,7 +146,7 @@
 
       padding: 0;
       padding-right: 4px;
-      background-color: fade(@primary-color, 10%);;
+      background-color: fade(@primary-color, 10%);
       .ued-select-item-lightBackground {
         background-color: transparent !important;
       }
@@ -141,7 +165,7 @@
       padding: 0;
       background-color: transparent;
     }
-    
+
     .ued-select-checked-tag {
       position: relative;
       display: flex;
@@ -153,8 +177,8 @@
       margin-bottom: 2px;
       line-height: 22px;
       background: #f5f5f5;
-      border: 1px solid #D8E0EC;
-      border-radius: @border-radius-base;
+      border: 1px solid #d8e0ec;
+      border-radius: @border-radius-sm;
       cursor: default;
       transition: font-size 0.3s, line-height 0.3s, height 0.3s;
       user-select: none;
@@ -168,8 +192,8 @@
         align-items: center;
         color: rgba(0, 0, 0, 0.45);
         font-weight: bold;
-        font-size: 10px;
-        cursor: pointer
+        font-size: 14px;
+        cursor: pointer;
       }
     }
   }
@@ -179,7 +203,6 @@
   }
 
   &-item {
-
     // &:not(:first-child) {
     //   margin-top: 2px;
     // }
@@ -220,14 +243,14 @@
 
   .@{select-prefix-cls}-item-option-active {
     &:not(.@{select-prefix-cls}-item-option-disabled) {
-      background-color: @item-active-bg;
+      background-color: @dropdown-hover-bg;
     }
   }
 
   .@{select-prefix-cls}-item.@{select-prefix-cls}-item-option-selected {
     &:not(.@{select-prefix-cls}-item-option-disabled) {
       color: @text-color;
-      background-color: @item-active-bg;
+      background-color: @dropdown-selected-bg;
       font-weight: normal;
       .@{select-prefix-cls}-item-option-state {
         margin-left: 8px;
@@ -266,4 +289,4 @@
       height: auto;
     }
   }
-}
+}