@lingxiteam/ebe-utils 0.5.0 → 0.5.2

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

@@ -0,0 +1,57 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@progress-prefix-cls: ~'@{ant-prefix}-progress';
+
+.ued-progress-wrapper {
+  display: flex;
+  align-items: center;
+  .ued-progress-title {
+    max-width: 25%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding-right: 7px;
+  }
+  .ued-progress-value {
+    padding-left: 7px;
+  }
+}
+.ued-progress-wrapper-vertical {
+  display: block;
+  .ued-progress-context {
+    padding-bottom: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    .ued-progress-title {
+      flex: 12;
+      max-width: initial;
+    }
+    .ued-progress-value {
+      flex: 1;
+      text-align: right;
+    }
+  }
+}
+
+.@{progress-prefix-cls} {
+  flex: 1;
+  &-text {
+    color: @custom-black-4;
+  }
+
+  &-status-exception &-inner:not(.@{progress-prefix-cls}-circle-gradient) {
+    .@{progress-prefix-cls}-circle-path {
+      stroke: @error-color !important;
+    }
+  }
+
+  &-status-success &-inner:not(.@{progress-prefix-cls}-circle-gradient) {
+    .@{progress-prefix-cls}-circle-path {
+      stroke: @success-color !important;
+    }
+  }
+
+  &-circle &-inner &-text {
+    color: @custom-black-6;
+  }
+}

package/lib/public/src/components/pcfactory/src/styles/components/QuillEditor.less

@@ -0,0 +1,15 @@
+
+@import (reference) '../theme/variables/index.less';
+
+@quillEditorPrefix: ~'ued-quill-editor';
+
+.@{quillEditorPrefix} {
+  display: flex;
+  flex-direction: column;
+  overflow: auto; //兼容ie的maxHeight
+  background-color: #FFF;
+  .ql-container {
+    flex: 1 1 auto;
+    overflow-y: auto;
+  }
+}

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

@@ -0,0 +1,7 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@radio-prefix-cls: ~'@{ant-prefix}-radio';
+
+// 单选框单选组，通用样式
+label.@{radio-prefix-cls}-wrapper {
+  line-height: @input-height-base;
+}

package/lib/public/src/components/pcfactory/src/styles/components/Rate.less

@@ -0,0 +1,16 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+.ued-rateContainer {
+  display: flex;
+  align-items: center;
+
+  .@{ant-prefix}-rate {
+    color: @primary-color;
+  }
+
+  &-rateText {
+    margin: 0 8px;
+    color: @text-color;
+    font-size: @font-size-base;
+  }
+}

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

@@ -0,0 +1,26 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@result-prefix-cls: ~'@{ant-prefix}-result';
+
+.@{result-prefix-cls} {
+  & &-icon {
+    margin-bottom: 20px;
+
+    > .anticon {
+      font-size: 72px;
+    }
+  }
+
+  & &-title {
+    color: @custom-black-8;
+    font-weight: 500;
+    font-size: 20px;
+    line-height: 28px;
+  }
+
+  & &-subtitle {
+    margin-top: 8px;
+    color: @custom-black-4;
+    font-size: @font-size-base;
+    line-height: 22px;
+  }
+}

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

@@ -0,0 +1,146 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@select-prefix-cls: ~'@{ant-prefix}-select';
+
+.ued-select-wrap {
+  // empty block
+}
+
+// 通用样式
+.@{select-prefix-cls} {
+  &-selection {
+    &-item-content {
+      white-space: normal !important;
+    }
+    &__rendered {
+      margin-left: @control-padding-horizontal;
+    }
+
+    &.@{select-prefix-cls}-selection--single {
+      .@{select-prefix-cls}-selection__rendered {
+        margin-right: @input-affix-padding;
+      }
+    }
+
+    &.@{select-prefix-cls}-selection--multiple {
+      .@{select-prefix-cls}-selection__placeholder {
+        margin-left: 0;
+      }
+    }
+  }
+
+  &-multiple {
+    .ued-select-checked-tag {
+      position: relative;
+      display: flex;
+      flex: none;
+      box-sizing: border-box;
+      max-width: 100%;
+      height: 24px;
+      margin-top: 2px;
+      margin-bottom: 2px;
+      line-height: 22px;
+      background: #f5f5f5;
+      border: 1px solid #D8E0EC;
+      border-radius: @border-radius-base;
+      cursor: default;
+      transition: font-size 0.3s, line-height 0.3s, height 0.3s;
+      user-select: none;
+      margin-inline-end: 4px;
+      padding-inline-start: 8px;
+      padding-inline-end: 4px;
+      font-size: @font-size-base;
+      .anticon-close {
+        display: flex;
+        align-items: center;
+        color: rgba(0, 0, 0, 0.45);
+        font-weight: bold;
+        font-size: 10px;
+        cursor: pointer
+      }
+    }
+  }
+
+  &-arrow {
+    right: @control-padding-horizontal;
+  }
+
+  &-item {
+    // &:not(:first-child) {
+    //   margin-top: 2px;
+    // }
+    &.ued-check-all.@{select-prefix-cls}-item-option-disabled {
+      cursor: pointer;
+      color: @text-color !important;
+
+      &: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;
+    }
+  }
+
+  .@{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;
+      font-weight: normal;
+    }
+  }
+
+  &-menu {
+    max-height: 240px;
+
+    &-item {
+      height: 36px;
+      padding: 6px 16px;
+      line-height: 24px;
+
+      &-selected {
+        color: @primary-color;
+      }
+    }
+
+    &::-webkit-scrollbar {
+      width: 3px;
+    }
+  }
+}
+
+.@{select-prefix-cls}-dropdown--empty {
+  .@{select-prefix-cls}-dropdown-menu {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    min-height: 120px;
+
+    .@{select-prefix-cls}-dropdown-menu-item {
+      height: auto;
+    }
+  }
+}

package/lib/public/src/components/pcfactory/src/styles/components/Slider.less

@@ -0,0 +1,78 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+@slider-prefix-cls: ~'@{ant-prefix}-slider';
+@sliderPrefix: slider;
+
+.@{sliderPrefix}_wrap {
+  display: flex;
+  align-items: center;
+  min-width: 150px;
+
+  .@{slider-prefix-cls} {
+    flex: 1;
+    
+    .@{slider-prefix-cls}-track {
+      background-color: @primary-color;
+    }
+    .@{slider-prefix-cls}-handle {
+      border-color: @primary-color;
+    }
+  }
+  
+  .@{slider-prefix-cls}:hover {
+    .@{slider-prefix-cls}-track {
+      background-color: @primary-color;
+    }
+    .@{slider-prefix-cls}-handle {
+      border-color: @primary-color;
+      &:not(@{ant-prefix}-open) {
+        border-color: @primary-color;
+      }
+    }
+  }
+  
+  .@{slider-prefix-cls}-vertical {
+    margin: 0;
+  }
+
+  .@{sliderPrefix}-inputbox {
+    flex: 1;
+    display: flex;
+  }
+
+  .@{sliderPrefix}_inputNumber {
+    display: flex;
+    align-items: center;
+    max-width: 35%;
+    .@{sliderPrefix}_line {
+      width: 12px;
+      height: 1px;
+      margin: 0 4px;
+      background-color: rgba(28,36,46,0.25);
+    }
+  }
+}
+
+.@{sliderPrefix}_wrap_vertical {
+  height: 300px;
+  flex-direction: column;
+}
+
+.@{sliderPrefix}_wrap_icon {
+  .@{sliderPrefix}-inputbox {
+    padding: 0 12px;
+  }
+  .@{sliderPrefix}_inputNumber {
+    padding-right: 12px;
+    padding-left: 8px;
+  }
+}
+.@{sliderPrefix}_wrap_vertical_icon {
+  .@{sliderPrefix}-inputbox {
+    padding: 12px 0;
+  }
+  .@{sliderPrefix}_inputNumber {
+    padding-bottom: 12px;
+    padding-top: 8px;
+  }
+}

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

@@ -0,0 +1,225 @@
+@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}.@{stdupload-prefix-cls}-select.@{stdupload-prefix-cls}-select-text {
+    button {
+      height: 32px;
+      border: 1px solid @border-color-base;
+      border-radius: @border-radius-base;
+    }
+    &.@{stdupload-prefix-cls}-disabled {
+      display: block !important;
+      .@{ant-prefix}-btn {
+        cursor: not-allowed;
+        background-color: #f5f8fa;
+        color: rgba(28, 36, 46, 0.45);
+      }
+    }
+  }
+
+  //卡片上传样式
+  .@{stdupload-prefix-cls}.@{stdupload-prefix-cls}-select.@{stdupload-prefix-cls}-select-picture-card {
+    position: relative;
+    margin: 0;
+    border: 1px dashed @border-color-base;
+    border-radius: @border-radius-base;
+    &.@{stdupload-prefix-cls}-disabled {
+      display: inline-block !important;
+      cursor: not-allowed;
+    }
+  }
+
+  //拖拽上传样式
+  .@{stdupload-prefix-cls}.@{stdupload-prefix-cls}-drag {
+    height: 192px;
+    border: 1px dashed @border-color-base;
+    border-radius: @border-radius-base;
+
+    &.@{stdupload-prefix-cls}-disabled {
+      display: block !important;
+      cursor: not-allowed;
+    }
+  }
+
+  //文字列表样式
+  .@{stdupload-prefix-cls}-list-item-info {
+    a {
+      color: rgba(0, 0, 0, 0.65);
+    }
+    &:hover {
+      background: rgba(28, 36, 46, 0.04);
+      a {
+        color: @primary-color;
+      }
+    }
+  }
+
+  //图片列表样式
+  .@{stdupload-prefix-cls}-list-item.@{stdupload-prefix-cls}-list-item-list-type-picture {
+    height: 56px;
+    border: 1px solid @border-color-base;
+    border-radius:  2px;
+    a {
+      color: rgba(0, 0, 0, 0.65);
+    }
+    .@{stdupload-prefix-cls}-list-item-card-actions.picture {
+    //  display: none;
+    }
+    &:hover {
+      background: rgba(28, 36, 46, 0.04);
+      a {
+        color: @primary-color;
+      }
+      .@{stdupload-prefix-cls}-list-item-card-actions.picture {
+      //  display: block;
+      }
+    }
+  }
+
+  //卡片列表样式
+  .@{stdupload-prefix-cls}-list-item.@{stdupload-prefix-cls}-list-item-list-type-picture-card {
+    border: 1px solid @border-color-base;
+    border-radius: 2px;
+  }
+
+  // 控制下载进度图标一直展示
+  .@{stdupload-prefix-cls}-list-item-card-actions,
+  .@{stdupload-prefix-cls}-list-item-actions,
+  .@{stdupload-prefix-cls}-list-item-card-actions-btn {
+    visibility: hidden;
+    opacity: 1 !important;
+  }
+  .@{stdupload-prefix-cls}-list-item-list-type-picture-card:hover,
+  .@{stdupload-prefix-cls}-list-item-info:hover {
+    .@{stdupload-prefix-cls}-list-item-actions,
+    .@{stdupload-prefix-cls}-list-item-card-actions-btn {
+      a,
+      span,
+      div {
+        visibility: visible !important;
+      }
+    }
+  }
+
+  .ued-stdUpload-item {
+    display: flex;
+    align-items: center;
+    margin-top: 8px;
+    padding: 0 4px;
+    color: rgba(0,0,0,.45);
+    cursor: pointer;
+
+    &-loading {
+      min-height: 0 !important;
+      font-size: 14px;
+      .@{ant-prefix}-spin-dot {
+        font-size: 14px;
+      }
+    }
+
+    &-icon {
+      width: 14px;
+      height: 14px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
+    &.ued-stdUpload-item-error {
+      color: @error-color;
+      .ued-stdUpload-item-info {
+        a {
+          color: @error-color;
+        }
+        &:hover {
+          a {
+            color: @error-color;
+          }
+        }
+      }
+    }
+
+    &.ued-stdUpload-item-text.ued-stdUpload-item-uploading {
+      line-height: 10px;
+    }
+    // 图片缩略图方式
+    &.ued-stdUpload-item-picture {
+      border: 1px solid #e5e5e5;
+      border-radius: 2px;
+      padding: 3px 8px;
+      .ued-stdUpload-item-icon {
+        width: 48px;
+        height: 48px;
+        font-size: 26px;
+      }
+      .ued-stdUpload-item-loading {
+        .@{ant-prefix}-spin-dot {
+          font-size: 26px;
+        }
+      }
+    }
+
+    img {
+      width: 48px;
+      height: 48px;
+      display: inline-block;
+      overflow: hidden;
+    }
+
+    &-action {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      .ued-stdUpload-item-action-icon {
+        font-size: 14px;
+        visibility: hidden;
+        opacity: 1;
+        width: 24px;
+        display: inline-block;
+        display: flex;
+        align-items: center;
+        justify-self: center;
+      }
+    }
+
+    &-info {
+      padding: 0 8px;
+      flex: 1;
+      width: 100%;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+
+      a {
+        color: rgba(0, 0, 0, 0.65);
+      }
+      &:hover {
+        a {
+          color: @primary-color;
+        }
+      }
+      .ued-stdUpload-item-progress {
+        line-height: 2px;
+      }
+    }
+
+    &:hover {
+      background-color: rgba(28,36,46,.04);
+      a {
+        color: @primary-color;
+      }
+      .ued-stdUpload-item-action-icon {
+        visibility: visible;
+      }
+    }
+  }
+}

package/lib/public/src/components/pcfactory/src/styles/components/Step.less

@@ -0,0 +1,91 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+.ued-step-wrap {
+
+  &-iconItem-small,
+  &-iconItem-default {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &-iconItem-default {
+    width: 32px;
+    height: 32px;
+  }
+
+  &-iconItem-small {
+    width: 24px;
+    height: 24px;
+  }
+
+  &-finish {
+    border: 1px solid @primary-color; // FIXME:换主题色
+    color: @primary-color; // FIXME:换主题色
+  }
+
+  &-process {
+    border: 1px solid @primary-color; // FIXME:换主题色
+    background-color: @primary-color; // FIXME:换主题色
+    color: #fff; // FIXME:换主题色
+  }
+
+  &-wait {
+    border: 1px solid #E5E5E5; // FIXME:换主题色
+    color: rgba(28, 36, 46, 0.85);
+  }
+
+  &-error {
+    border: 1px solid @error-color; // FIXME:换主题色
+    color: @error-color; // FIXME:换主题色
+  }
+
+  &-numberBox {
+    border-radius: 50%;
+  }
+
+  &-numberBox-default {
+    width: 32px;
+    height: 32px;
+    line-height: 30px;
+    font-size: 16px;
+  }
+
+  &-numberBox-small {
+    width: 24px;
+    height: 24px;
+    line-height: 22px;
+    font-size: 12px;
+  }
+
+
+  // 点类型样式
+  &-dot {
+    width: 12px;
+    height: 12px;
+    opacity: 1;
+    border-radius: 50%;
+  }
+
+  // 点类型迷你样式
+  &-dot-small {
+    width: 8px;
+    height: 8px;
+  }
+
+  &-dot-finish {
+    background-color: @primary-color; // FIXME:换主题色
+  }
+
+  &-dot-process {
+    background-color: @primary-color; // FIXME:换主题色
+  }
+
+  &-dot-wait {
+    background-color: #e5e5e5; // FIXME:换主题色
+  }
+
+  &-dot-error {
+    background-color: @error-color; // FIXME:换主题色
+  }
+}