@lingxiteam/ebe-utils 0.5.11 → 0.6.2

package/lib/pcpublic/src/components/pcfactory/src/index.component.ts

@@ -1,5 +1,5 @@
 // eslint-disable-next-line @typescript-eslint/triple-slash-reference
-// / <reference path="../typings.d.ts" />
+/// <reference path="../typings.d.ts" />
 // 该文件请勿手动修改，执行yarn add:pc + compName + (-c[是否是容器组件]) 命令自动生成该文件。
 import Alert from './Alert';
 import Animation from './Animation';
@@ -21,8 +21,10 @@ import Divider from './Divider';
 import Dropdown from './Dropdown';
 import DynamicDataContainer from './DynamicDataContainer';
 import DynamicTabs from './DynamicTabs';
+import FloatingButton from './FloatingButton';
 import Form from './Form';
 import FormGroup from './FormGroup';
+import FormList from './FormList';
 import FreeLayout from './FreeLayout';
 import Gantt from './Gantt';
 import GridView from './GridView';
@@ -31,27 +33,31 @@ import Icon from './Icon';
 import Img from './Img';
 import Input from './Input';
 import InputNumber from './InputNumber';
+import LXPieChart from './LXPieChart';
+import LXRadarChart from './LXRadarChart';
 import Layout from './Layout';
 import LineChart from './LineChart';
 import Link from './Link';
+import Liquidfill from './Liquidfill';
 import LoopList from './LoopList';
-import LXPieChart from './LXPieChart';
-import LXRadarChart from './LXRadarChart';
 import Menu from './Menu';
 import ModalSelect from './ModalSelect';
 import MultipleSelect from './MultipleSelect';
 import Pagination from './Pagination';
+import PanelHeader from './PanelHeader';
 import Password from './Password';
 import PictureVerifyCode from './PictureVerifyCode';
 import PieChart from './PieChart';
 import Progress from './Progress';
 import QRCode from './QRCode';
+import QueryForm from './QueryForm';
+import QuickEntry from './QuickEntry';
 import QuillEditor from './QuillEditor';
 import RadarChart from './RadarChart';
 import Radio from './Radio';
 import RangePicker from './RangePicker';
 import Rate from './Rate';
-import RemoteComponent, { getUseRemoteComponent } from './RemoteComponent';
+import RemoteComponent from './RemoteComponent';
 import Result from './Result';
 import RichTextEditor from './RichTextEditor';
 import Row from './Row';
@@ -59,12 +65,11 @@ import Select from './Select';
 import Slider from './Slider';
 import StdUpload from './StdUpload';
 import Steps from './Steps';
-import './styles/index.less';
 import SuperSelect from './SuperSelect';
 import Swiper from './Swiper';
 import Switch from './Switch';
-import Table from './Table';
 import TabPane from './TabPane';
+import Table from './Table';
 import Tabs from './Tabs';
 import Tag from './Tag';
 import Text from './Text';
@@ -76,8 +81,6 @@ import Tree from './Tree';
 import TreeSelect from './TreeSelect';
 import TreeTable from './TreeTable';
 import Upload from './Upload';
-import './utils/polyfill';
-import WithSyncValue from './utils/WithSyncValue';
 import VerificationCode from './VerificationCode';
 import VerticalView from './VerticalView';
 import VideoPlayer from './VideoPlayer';
@@ -85,6 +88,11 @@ import View from './View';
 import VirtualGroup from './VirtualGroup';
 import WebComponent from './WebComponent';
 import Webview from './Webview';
+import assets from './assets';
+import './styles/index.less';
+import './utils/polyfill';
+import WithSyncValue from './utils/WithSyncValue';
+import { getUseRemoteComponent } from './RemoteComponent';
 
 export default {
   Alert,
@@ -107,8 +115,10 @@ export default {
   Dropdown,
   DynamicDataContainer,
   DynamicTabs,
+  FloatingButton,
   Form,
   FormGroup,
+  FormList,
   FreeLayout,
   Gantt,
   GridView,
@@ -122,16 +132,20 @@ export default {
   Layout,
   LineChart,
   Link,
+  Liquidfill,
   LoopList,
   Menu,
   ModalSelect,
   MultipleSelect,
   Pagination,
+  PanelHeader,
   Password,
   PictureVerifyCode,
   PieChart,
   Progress,
   QRCode,
+  QueryForm,
+  QuickEntry,
   QuillEditor,
   RadarChart,
   Radio,
@@ -168,8 +182,8 @@ export default {
   VirtualGroup,
   WebComponent,
   Webview,
-  getUseRemoteComponent,
-  WithSyncValue,
+  assets,
+  getUseRemoteComponent,  WithSyncValue,
 };
 
 export {
@@ -193,8 +207,10 @@ export {
   Dropdown,
   DynamicDataContainer,
   DynamicTabs,
+  FloatingButton,
   Form,
   FormGroup,
+  FormList,
   FreeLayout,
   Gantt,
   GridView,
@@ -208,16 +224,20 @@ export {
   Layout,
   LineChart,
   Link,
+  Liquidfill,
   LoopList,
   Menu,
   ModalSelect,
   MultipleSelect,
   Pagination,
+  PanelHeader,
   Password,
   PictureVerifyCode,
   PieChart,
   Progress,
   QRCode,
+  QueryForm,
+  QuickEntry,
   QuillEditor,
   RadarChart,
   Radio,
@@ -254,6 +274,6 @@ export {
   VirtualGroup,
   WebComponent,
   Webview,
-  getUseRemoteComponent,
-  WithSyncValue,
+  assets,
+  getUseRemoteComponent,  WithSyncValue,
 };

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

@@ -2,6 +2,7 @@
 @alert-prefix-cls: ~'@{ant-prefix}-alert';
 
 .ued-alert{
+  background-color: white;
   .@{alert-prefix-cls}-info {
     .@{alert-prefix-cls}-content{
       color: @info-color;
@@ -22,4 +23,14 @@
       color: @warning-color;
     }
   }
+  .@{alert-prefix-cls} {
+    align-items: start;
+  }
+  .@{alert-prefix-cls}-icon {
+    margin-top: 4px;
+  }
+  .ued-alert-description {
+    margin-top: 2px;
+    color: #414352;
+  }
 }

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

@@ -0,0 +1,130 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+@analys-prefix: ued-analysisCustomDataModal;
+
+.@{analys-prefix}-customModal {
+  .@{analys-prefix}-downloadTempBtn {
+    color: @primary-color;
+  }
+
+  .title {
+    display: inline-block;
+  }
+
+  .title + .@{ant-prefix}-btn {
+    padding-top: 0;
+    padding-bottom: 0;
+    height: fit-content;
+  }
+
+  .@{ant-prefix}-modal-body {
+    padding: 8px;
+    display: flex;
+    flex-direction: column;
+
+    .@{ant-prefix}-spin-nested-loading {
+      height: 100%;
+      flex: 1;
+      .@{ant-prefix}-spin-container {
+        height: 100%;
+      }
+    }
+
+  }
+
+  .@{ant-prefix}-upload {
+    height: 200px;
+  }
+
+  .@{ant-prefix}-btn-link {
+    font-size: 12px;
+  }
+
+  .result {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    margin-top: 40px;
+    margin-bottom: 20px;
+    p {
+      margin-bottom: 8px;
+    }
+    .title {
+      font-size: 16px;
+      margin-bottom: 4px;
+      color: rgba(28, 36, 46, 0.85);
+      font-weight: 500;
+    }
+    .tips {
+      color: rgba(28, 36, 46, 0.45);
+      font-size: 14px;
+    }
+  }
+  .result-sub {
+    padding: 8px 12px;
+    background-color: rgba(250, 250, 250, 1);
+    border-radius: 4px;
+    display: flex;
+    align-items: center;
+    word-break: break-all;
+
+    .title-icon {
+      margin-right: 4px;
+      display: flex;
+      align-items: center;
+    }
+    .content {
+      flex: 1;
+    }
+  }
+
+  .result-firstFailMsg {
+    padding: 8px 12px;
+    margin-top: 8px;
+    background-color: rgba(250, 250, 250, 1);
+    border-radius: 4px;
+    max-height: 240px;
+    overflow-y: auto;
+  }
+
+  .progress {
+    padding: @padding-xs 10px;
+    min-height: 120px;
+    .upload-list-item {
+      background-color: #FFFFFF;
+      margin-bottom: 8px;
+      border: none;
+      margin-top: 0;
+      .title {
+        font-size: 16px;
+        font-weight: 600;
+      }
+    }
+    .progress-item {
+      margin: 0 62px;
+      width: 384px;
+      margin-bottom: 8px;
+      .@{ant-prefix}-progress-status-normal {
+        .@{ant-prefix}-progress-bg {
+          background-color: rgba(68, 119, 238, 1);
+        }
+      }
+      .@{ant-prefix}-progress-status-success {
+        .@{ant-prefix}-progress-bg {
+          background-color: rgba(65, 225, 155, 1);
+        }
+        .@{ant-prefix}-progress-text {
+          color: rgba(65, 225, 155, 1);
+        }
+      }
+    }
+  }
+}
+
+.@{analys-prefix} {
+  &-icon {
+    color: @primary-color;
+    fill: @primary-color;
+  }
+}

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

@@ -3,11 +3,22 @@
 
 .ued-button-wrap {
   &.@{btn-prefix-cls} {
-    padding: @padding-xss @padding-lg;
+    padding: @padding-xss @margin-md;
     line-height: 0;
     box-shadow: none;
   }
 
+  // 主要按钮去除边框
+  &.@{btn-prefix-cls}.@{btn-prefix-cls}-primary {
+    border-width: 0;
+  }
+
+  // 链接按钮颜色设置
+  &.@{btn-prefix-cls}.@{btn-prefix-cls}-link,
+  &.@{btn-prefix-cls}.@{btn-prefix-cls}-text {
+    color: @primary-color;
+  }
+
   &.@{btn-prefix-cls}.@{btn-prefix-cls}-default,
   &.@{btn-prefix-cls}.@{btn-prefix-cls}-dashed {
     &:hover {
@@ -16,17 +27,33 @@
     }
   }
 
+  // &.@{btn-prefix-cls}.@{btn-prefix-cls}-default {
+  //   color: @text-color;
+  //   border-color: @primary-color;
+  // }
+
+  // &.@{btn-prefix-cls}.@{btn-prefix-cls}-dashed {
+  //   color: @primary-color;
+  //   border-color: @primary-color;
+  // }
+
   &.@{btn-prefix-cls}.@{btn-prefix-cls}-lg {
     height: 36px;
-    padding: @padding-xs 26px;
-    font-size: @font-size-base;
+    padding: @padding-xs @padding-md;
+    // font-size: @font-size-base;
   }
 
   &.@{btn-prefix-cls}.@{btn-prefix-cls}-sm {
     height: 28px;
-    padding: 3px 14px;
+    padding: 3px @padding-sm;
+  }
+
+  &.@{btn-prefix-cls}.@{btn-prefix-cls}-mini {
+    height: 24px;
+    padding: 3px 8px;
   }
+
   .anticon {
     padding-right: @margin-xss !important;
   }
-}
+}

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

@@ -103,6 +103,8 @@
     margin-left: 4px;
     overflow: hidden;
     min-width: 20px;
+    font-weight: 400;
+    color: @text-color-secondary;
     .sub {
       white-space: nowrap;
       text-overflow: ellipsis;
@@ -123,6 +125,7 @@
   .ued-card-extend {
     flex: 1 1 auto;
     text-align: right;
+    display: flex;
 
     .anticon {
       margin-left: 0 !important;
@@ -172,10 +175,12 @@
         padding: 0;
         font-weight: @font-weight-bold;
         font-size: @font-size-lg;
-        line-height: 1.5;
+        line-height: 24px;
       }
 
       & > .@{ant-prefix}-card-extra {
+        display: flex;
+        align-items: center;
         padding: 0;
       }
     }

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

@@ -1,5 +1,5 @@
-@import (reference) '../theme/variables/antdVariables.less';
-@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
+@import (reference) "../theme/variables/antdVariables.less";
+@cascader-prefix-cls: ~"@{ant-prefix}-cascader";
 
 .cascader-dropdown {
   .@{cascader-prefix-cls}-menu-item {
@@ -43,11 +43,11 @@
 .@{cascader-prefix-cls}-menus {
   .@{cascader-prefix-cls}-menu {
     &-item {
+      &:hover {
+        background-color: @dropdown-hover-bg;
+      }
       &-active:not(&-disabled) {
-        &,
-        &:hover {
-          background-color: @item-active-bg;
-        }
+        background-color: @dropdown-selected-bg;
       }
     }
   }

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

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

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

@@ -1,7 +1,172 @@
 @import (reference) '../theme/variables/antdVariables.less';
 @checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';
 
+@checkboxGroupPrefixCls: ~'ued-checkboxgroup';
 // 复选框复选组，通用样式
 label.@{checkbox-prefix-cls}-wrapper {
   line-height: @input-height-base;
 }
+
+// 分体按钮
+.@{checkboxGroupPrefixCls}-SplitButton,
+.@{checkboxGroupPrefixCls}-BackgroundButton,
+.@{checkboxGroupPrefixCls}-CircleButton,
+.@{checkboxGroupPrefixCls}-ColorButton,
+.@{checkboxGroupPrefixCls}-BadgeButton {
+  display: inline-flex;
+  flex-wrap: wrap;
+  .@{checkbox-prefix-cls}-wrapper {
+    border-radius: 4px;
+    position: relative;
+    border: 1px solid @border-color-base;
+    margin-right: 0;
+    .@{checkbox-prefix-cls} {
+      position: absolute;
+      visibility: hidden;
+      width: 100%;
+      height: 100%;
+      inset: 0;
+      display: block;
+      & + span {
+        padding-left: 16px;
+        padding-right: 16px;
+      }
+      &-checked::after {
+        animation: none;
+        border: none;
+      }
+    }
+    &-checked {
+      border-color: @primary-color;
+      .@{checkbox-prefix-cls} + span {
+        color: @primary-color;
+      }
+    }
+  }
+}
+// 背景按钮
+.@{checkboxGroupPrefixCls}-BackgroundButton {
+  .@{checkbox-prefix-cls}-wrapper {
+    border: none;
+    background-color: rgba(247, 248, 250, 1);
+    &-checked {
+      .@{checkbox-prefix-cls} + span {
+        font-weight: 500;
+      }
+      background-color: fade(@primary-color, 15%);
+      border: none;
+    }
+  }
+}
+// 圆形按钮
+.@{checkboxGroupPrefixCls}-CircleButton {
+  .@{checkbox-prefix-cls}-wrapper {
+    border-radius: 999px;
+    background-color: rgba(247, 248, 250, 1);
+    &-checked {
+      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);
+      }
+      .@{checkbox-prefix-cls} + span {
+        font-weight: 500;
+      }
+    }
+  }
+}
+// 彩色按钮
+.@{checkboxGroupPrefixCls}-ColorButton {
+  .@{checkbox-prefix-cls}-wrapper {
+    border: none;
+    background-color: fade(@primary-color, 10%);
+    &-checked {
+      .@{checkbox-prefix-cls} + span {
+        font-weight: 500;
+        color: white;
+      }
+      background: linear-gradient( 270deg, fade(@primary-color, 60%) 0%, @primary-color 100%);
+      border: none;
+    }
+  }
+}
+// 角标按钮
+.@{checkboxGroupPrefixCls}-BadgeButton {
+  .@{checkbox-prefix-cls}-wrapper {
+    border: none;
+    background-color: rgba(247, 248, 250, 1);
+    &-checked {
+      .@{checkbox-prefix-cls} + span {
+        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);
+      }
+    }
+  }
+}

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

@@ -12,12 +12,13 @@
     // 默认边框型
     > .@{collapse-prefix-cls}-item {
       border-color: @border-color-collapse;
-      flex: 0;
+      flex: none;
       display: flex;
       flex-direction: column;
       border-left: 1px solid @border-color-collapse;
       &.@{collapse-prefix-cls}-item-active {
         flex: 1;
+        flex-basis: auto;
       }
 
       > .@{collapse-prefix-cls}-header {
@@ -48,10 +49,11 @@
       }
 
       > .@{collapse-prefix-cls}-content {
-        flex: 0;
+        flex: none;
         background-color: @component-background;
         &.@{collapse-prefix-cls}-content-active {
           flex: 1;
+          flex-basis: auto;
         }
         &.@{collapse-prefix-cls}-content-inactive {
           display: none;
@@ -59,6 +61,9 @@
         // 去除动画效果
         &.ant-motion-collapse {
           transition: none!important;
+          &.ant-motion-collapse-enter.ant-motion-collapse-enter-active {
+            height: auto !important;
+          }
         }
         > .@{collapse-prefix-cls}-content-box {
           padding: 0;

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

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

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

@@ -1,5 +1,6 @@
-@import (reference) '../theme/variables/antdVariables.less';
-@calendar-prefix-cls: ~'@{ant-prefix}';
+@import (reference) "../theme/variables/antdVariables.less";
+@calendar-prefix-cls: ~"@{ant-prefix}";
+@picker-cell-prefix: ~"@{ant-prefix}-picker-cell";
 
 .ued-datePicker-wrap {
   &.@{calendar-prefix-cls}-picker {
@@ -20,3 +21,12 @@
   font-size: 12px;
   line-height: 16px;
 }
+
+.@{picker-cell-prefix}:hover:not(.@{picker-cell-prefix}-selected):not(
+    .@{picker-cell-prefix}-range-start
+  ):not(.@{picker-cell-prefix}-range-end):not(
+    .@{picker-cell-prefix}-range-hover-start
+  ):not(.@{picker-cell-prefix}-range-hover-end)
+  .@{picker-cell-prefix}-inner {
+  background: @dropdown-hover-bg !important; // 原来的样式会替换这个，所以强制替换
+}

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

@@ -2,6 +2,9 @@
 
 /* --- 扩展组件: 描述组件 start --- */
 .ued-description {
+  &-wrap {
+    background-color: white;
+  }
   .ued-description-cell {
     position: relative;
     display: flex;