@lingxiteam/ebe-utils 0.3.20 → 0.3.21

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

@@ -0,0 +1,83 @@
+@import (reference) '../theme/variables/index.less';
+
+@superSelectCls: ~'ued-superSelect';
+
+.@{superSelectCls} {
+  &-wrap {
+    .@{ant-prefix}-select-dropdown-menu-item-selected {
+      background-color: rgba(68, 119, 238, 0.06) !important;
+    }
+
+    .@{ant-prefix}-select-dropdown-menu-item {
+      height: auto !important;
+      min-height: 36px;
+      padding: 6px 12px;
+    }
+
+    .@{ant-prefix}-select-selection--multiple {
+      min-height: 0 !important;
+    }
+
+    .@{ant-prefix}-select-dropdown-menu::-webkit-scrollbar {
+      width: 0 !important;
+    }
+  }
+
+  &-content {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    min-height: 32px;
+    padding: 5px 8px;
+    line-height: 1;
+    background-color: @input-bg;
+    border: @border-width-base @border-style-base @input-border-color;
+    border-radius: @border-radius-base;
+
+    &:hover {
+      border-color: @primary-color;
+    }
+  }
+
+  &-modal {
+    &-addBtn {
+      padding: 8px 12px;
+      color: @primary-color;
+      line-height: 24px;
+      cursor: pointer;
+    }
+
+    &-content {
+      display: flex;
+
+      &-modalTable {
+        width: 100%;
+        min-height: 200px;
+        max-height: 700px;
+      }
+    }
+  }
+  
+  
+  &-extraContent {
+    width: 100%;
+    overflow: hidden;
+    color: rgba(28, 36, 46, 0.45);
+    font-size: 12px;
+    line-height: 18px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+  
+  &-extraContentSelected {
+    color: rgba(68, 119, 238, 0.55);
+  }
+  
+  &-optionTip {
+    padding-right: 0;
+    padding-left: 0;
+    color: rgba(28, 36, 46, 0.25);
+    font-weight: 400;
+    text-align: center;
+  }
+}

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

@@ -0,0 +1,106 @@
+.ued-swiper-wrap {
+  position: relative;
+  overflow: hidden;
+  text-align: center;
+  background: #f5f5f5;
+
+  .ued-swiper-icon {
+    position: absolute;
+    // top: 50%;
+    z-index: 10;
+    display: block;
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    line-height: 0;
+    border: none;
+    -ms-transform: translateY(-50%);
+    transform: translateY(-50%);
+    cursor: pointer;
+
+    i > svg {
+      width: 22px;
+      height: 22px;
+    }
+
+    &.notAlways {
+      display: none;
+    }
+  }
+
+  &:hover {
+    .ued-swiper-icon.notAlways {
+      display: block;
+    }
+  }
+
+  .left {
+    top: 50%;
+    left: 25px;
+  }
+
+  .right {
+    top: 50%;
+    right: 25px;
+  }
+
+  .up {
+    top: 25px;
+    left: 50%;
+    -ms-transform: translateX(-50%);
+    transform: translateX(-50%);
+    &.small {
+      top: 5px;
+    }
+  }
+
+  .down {
+    top: 85%;
+    bottom: 25px;
+    left: 50%;
+    -ms-transform: translateX(-50%);
+    transform: translateX(-50%);
+    &.small {
+      top: auto;
+      bottom: 0px;
+    }
+  }
+
+  .ued-swiper-dots {
+    position: absolute;
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius: 1px;
+    &.left {
+      top: 50%;
+      left: 12px;
+      width: 3px;
+      height: 24px;
+      -ms-transform: translateY(-50%);
+      transform: translateY(-50%);
+    }
+    &.right {
+      top: 50%;
+      right: 12px;
+      width: 3px;
+      height: 24px;
+      -ms-transform: translateY(-50%);
+      transform: translateY(-50%);
+    }
+    &.top {
+      top: 12px;
+      left: 50%;
+      width: 24px;
+      height: 3px;
+      -ms-transform: translateX(-50%);
+      transform: translateX(-50%);
+    }
+    &.bottom {
+      bottom: 12px;
+      left: 50%;
+      width: 24px;
+      height: 3px;
+      -ms-transform: translateX(-50%);
+      transform: translateX(-50%);
+    }
+  }
+}

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

@@ -0,0 +1,49 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@switch-prefix-cls: ~'@{ant-prefix}-switch';
+
+.@{ant-prefix}-legacy-form-item {
+  button.@{switch-prefix-cls} {
+    margin: 6px 0 4px;
+  }
+
+  button.@{switch-prefix-cls}-small {
+    margin: 9px 0 7px;
+  }
+
+  .@{ant-prefix}-checked {
+    left: calc(100% - 20px);
+  }
+}
+
+button.@{switch-prefix-cls},
+button.@{switch-prefix-cls}-small {
+  width: fit-content;
+  &:not(.@{switch-prefix-cls}-checked) {
+    .@{switch-prefix-cls}-inner {
+      margin-right: 7px;
+    }
+  }
+}
+
+button.@{switch-prefix-cls}.@{switch-prefix-cls}-checked,
+button.@{switch-prefix-cls}-small.@{switch-prefix-cls}-checked {
+  .@{switch-prefix-cls}-inner {
+    margin-left: 7px;
+  }
+}
+
+button.@{switch-prefix-cls}-small {
+  .@{switch-prefix-cls}-inner {
+    .ued-switch-children {
+      transform-origin: left;
+      transform: scale(0.8,0.8);
+    }
+  }
+  &.@{switch-prefix-cls}-checked {
+    .@{switch-prefix-cls}-inner {
+      .ued-switch-children {
+        transform-origin: right;
+      }
+    }
+  }
+}