@lingxiteam/ebe-utils 0.3.20 → 0.3.22

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

@@ -0,0 +1,139 @@
+@import (reference) '../../styles/theme/variables/antdVariables.less';
+
+@custom-gantt-prefix: ~'ued-gantt';
+
+.@{custom-gantt-prefix} {
+  padding: 20px;
+
+  &-title {
+    margin: 0 !important;
+  }
+
+  &-deadline {
+    padding-right: 5px;
+  }
+
+  &-border {
+    margin-right: 50px;
+    border-right: solid 1px #e5e5e5;
+  }
+
+  &-legendBar {
+    display: flex;
+    justify-content: space-between;
+  }
+
+  &-hideLegend {
+    width: 0;
+    height: 20px;
+    overflow: hidden;
+  }
+
+  // .legendbar>div {
+  //     display: inline-block;
+  // }
+
+  &-legend {
+    display: inline-block;
+    height: 20px;
+    margin-right: 30px;
+    line-height: 24px;
+
+    &-point {
+      display: inline-block;
+      width: 10px;
+      height: 10px;
+      margin-right: 5px;
+      border-radius: 50%;
+    }
+  }
+
+  .@{ant-prefix}-divider-horizontal {
+    margin: 10px 0 20px 0;
+  }
+
+  &-item-wrap {
+    position: relative;
+    display: flex;
+    height: 24px;
+    margin: 50px 0;
+  }
+
+  &-itemTitle {
+    flex: 0 0 80px;
+    overflow: hidden;
+    font-weight: bold;
+    font-size: 14px;
+    line-height: 24px;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &-scale {
+    flex: 1 1 auto;
+  }
+
+  &-start {
+    background-color: #00da86;
+  }
+
+  &-resolving {
+    background-color: #47e;
+  }
+
+  &-process {
+    position: relative;
+    display: inline-block;
+    width: 50px;
+    height: 100%;
+    background: #f2f2f3;
+    border-left: 2px solid #fff;
+  }
+
+  &-rotate {
+    transform-origin: bottom right;
+  }
+
+  &-unfinished {
+    float: right;
+    height: 100%;
+    background: #f2f2f3;
+  }
+
+  &-edit {
+    position: absolute;
+    top: 3px;
+    right: -60px;
+    display: inline-block;
+    text-align: right;
+  }
+
+  &-detail {
+    position: absolute;
+    top: 3px;
+    right: -112px;
+    display: inline-block;
+    text-align: right;
+  }
+
+  &-workname {
+    position: absolute;
+    top: -25px;
+    right: 0;
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+  }
+
+  &-before {
+    display: inline-block;
+    // width  : 20px;
+    height: 24px;
+  }
+
+  &-tip {
+    margin: -10px 50px;
+    color: #ff4600;
+    text-align: right;
+  }
+}

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

@@ -0,0 +1,62 @@
+@import (reference) '../theme/variables/index.less';
+
+@gridViewCls: ~'ued-gridview';
+
+.@{gridViewCls} {
+  &-blockSelect {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  &-placeholder {
+    display: flex;
+    flex: 1 1;
+    align-items: center;
+    justify-content: center;
+    height: 45px;
+    color: rgba(28, 36, 46, 0.45);
+    font-size: 12px;
+    background: #f2f3f5;
+    border: 1px solid @border-color-base;
+  }
+
+  &-content {
+    flex: 1 1 auto;
+    width: auto;
+  }
+
+  &-showIcon {
+    border-radius: 8px;
+  }
+
+  &-icon {
+    width: 22px;
+    height: 22px;
+    margin-right: 16px;
+    margin-left: 16px;
+    font-size: 16px;
+    cursor: pointer;
+
+    svg {
+      width: 22px;
+      height: 22px;
+    }
+  }
+
+  &-nobox {
+    overflow: hidden;
+    background-color: #fff;
+    border: 1px solid transparent;
+    cursor: pointer;
+  }
+
+  &-select {
+    border: 1px solid @primary-color;
+  }
+
+
+  &-content {
+    color: currentColor;
+  }
+}

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

@@ -0,0 +1,20 @@
+@import (reference) '../theme/variables/index.less';
+
+@iconPrefix: ~'ued-icon';
+
+.@{iconPrefix} {
+  &.fill-primary {
+    color: @primary-color;
+    fill: @primary-color;
+  }
+}
+
+.@{iconPrefix}-of-design-platform {
+  width: @font-size-base;
+  height: @font-size-base;
+
+  svg {
+    width: 1em;
+    height: 1em;
+  }
+} 

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

@@ -0,0 +1,164 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@input-prefix-cls: ~'@{ant-prefix}-input';
+
+.ued-input-wrap {
+  &.@{input-prefix-cls} {
+    line-height: 22px;
+  }
+
+  &.greyStyle {
+    .@{input-prefix-cls}-group-addon:first-child {
+      background: #f7f7f7;
+    }
+  }
+  &.blueStyle {
+    .@{input-prefix-cls}-group-addon:first-child {
+      color: #fff;
+      background: @primary-color;
+      border: 1px solid @primary-color !important;
+    }
+  }
+  &.whiteStyle {
+    .@{input-prefix-cls}-group-addon:first-child {
+      background: #fff;
+    }
+  }
+
+  &.postfixGreyStyle {
+    .@{input-prefix-cls}-group-addon:last-child {
+      background: #f7f7f7;
+    }
+    .@{input-prefix-cls}-group-addon-disabled {
+      background-color: @disabled-bg !important;
+      color: @disabled-color;
+    }
+    &:hover {
+      .@{input-prefix-cls}-group-addon:last-child {
+        border-color: @primary-color !important;
+      }
+      .@{input-prefix-cls}-group-addon-disabled {
+        background-color: @disabled-bg !important;
+        color: @disabled-color;
+        border-color: @border-color-base !important;
+      }
+    }
+
+  }
+
+  &.postfixBlueStyle {
+    .@{input-prefix-cls}-group-addon:last-child {
+      color: #fff;
+      background: @primary-color;
+      border: 1px solid @primary-color !important;
+    }
+    .@{input-prefix-cls}-group-addon-disabled {
+      background-color: @disabled-bg !important;
+      color: @disabled-color;
+      border-color: @border-color-base !important;
+    }
+    &:hover {
+      .@{input-prefix-cls}-group-addon:last-child {
+        border-color: @primary-color !important;
+      }
+      .@{input-prefix-cls}-group-addon-disabled {
+        background-color: @disabled-bg !important;
+        color: @disabled-color;
+        border-color: @border-color-base !important;
+      }
+    }
+  }
+
+  &.postfixWhiteStyle {
+    .@{input-prefix-cls}-group-addon:last-child {
+      background: #fff;
+    }
+    .@{input-prefix-cls}-group-addon-disabled {
+      background-color: @disabled-bg !important;
+      color: @disabled-color;
+    }
+    &:hover {
+      .@{input-prefix-cls}-group-addon:last-child {
+        border-color: @primary-color !important;
+      }
+      .@{input-prefix-cls}-group-addon-disabled {
+        background-color: @disabled-bg !important;
+        color: @disabled-color;
+        border-color: @border-color-base !important;
+      }
+    }
+  }
+  &.postfixNoBorderStyle {
+    .@{input-prefix-cls} {
+      border-right: none;
+    }
+
+    .@{input-prefix-cls}-group-addon:last-child {
+      background: #fff;
+    }
+    .@{input-prefix-cls}-group-addon-disabled {
+      background-color: @disabled-bg !important;
+      color: @disabled-color;
+    }
+    &:hover {
+      .@{input-prefix-cls}-group-addon:last-child {
+        border-color: @primary-color !important;
+      }
+      .@{input-prefix-cls}-group-addon-disabled {
+        background-color: @disabled-bg !important;
+        color: @disabled-color;
+        border-color: @border-color-base !important;
+      }
+    }
+  }
+
+  &.greyStyle,
+  &.blueStyle,
+  &.whiteStyle {
+    .@{input-prefix-cls}-group-addon:first-child {
+      border-top-left-radius: 2px;
+      border-bottom-left-radius: 2px;
+    }
+  }
+
+  &.postfixGreyStyle,
+  &.postfixBlueStyle,
+  &.postfixWhiteStyle,
+  &.postfixNoBorderStyle,
+  &.nonePostfixStyle {
+    .@{input-prefix-cls}-group-addon:last-child {
+      border-top-right-radius: 2px;
+      border-bottom-right-radius: 2px;
+    }
+  }
+
+  .disabled {
+    cursor: not-allowed;
+  }
+  
+  .@{input-prefix-cls}-wrapper.@{input-prefix-cls}-group {
+    display: flex;
+    .@{input-prefix-cls}-group-addon {
+      width: auto;
+      line-height: 30px;
+    }
+  }
+
+  .@{input-prefix-cls}-show-count-suffix {
+    font-size: 12px;
+  }
+}
+
+// 带前后缀图标的输入框通用样式
+.@{input-prefix-cls}-affix-wrapper {
+  .@{input-prefix-cls}:not(:first-child) {
+    padding-left: @input-affix-padding;
+  }
+
+  .@{input-prefix-cls}:not(:last-child) {
+    padding-right: @input-affix-padding;
+  }
+}
+
+.@{input-prefix-cls}-affix-wrapper-sm {
+  padding: 0 @padding-xs !important;
+}

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

@@ -0,0 +1,124 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@input-number-prefix-cls: ~'@{ant-prefix}-input-number';
+@tootip-prefix-cls: ~'@{ant-prefix}-tooltip';
+
+// 表单校验
+.@{ant-prefix}-form-item-has-error {
+  .ued-inputNumber-wrap {
+    &.@{input-number-prefix-cls} {
+      border-color: @error-color;
+    }
+    &.@{input-number-prefix-cls}-group-wrapper {
+      .@{input-number-prefix-cls}-wrapper.@{input-number-prefix-cls}-group {
+        border-color: @error-color;
+      }
+    }
+
+  }
+}
+.ued-inputNumber-wrap {
+  width: 100%;
+  &.@{input-number-prefix-cls} {
+    width: 100%;
+
+    .@{input-number-prefix-cls}-input {
+      padding: @input-padding-vertical-base @input-padding-horizontal-base;
+      line-height: 22px;
+    }
+
+    .@{input-number-prefix-cls}-handler-wrap:hover .@{input-number-prefix-cls}-handler {
+      height: 50%;
+    }
+
+    .@{input-number-prefix-cls}-handler:hover {
+      .@{input-number-prefix-cls}-handler-down-inner,
+      .@{input-number-prefix-cls}-handler-up-inner {
+        color: @text-color-secondary;
+      }
+    }
+
+    .@{input-number-prefix-cls}-handler-up {
+      &:hover {
+        height: 50% !important;
+        background-color: @item-hover-bg;
+      }
+    }
+
+    .@{input-number-prefix-cls}-handler-down {
+      &:hover {
+        height: 50% !important;
+        background-color: @item-hover-bg;
+      }
+    }
+  }
+
+  &.@{input-number-prefix-cls}-lg {
+    input {
+      padding: @input-padding-vertical-lg @input-padding-horizontal-base;
+      font-size: 14px;
+    }
+  }
+
+  &.@{input-number-prefix-cls}-sm {
+    input {
+      padding: @input-padding-vertical-sm @input-padding-horizontal-base;
+      font-size: @font-size-sm;
+      line-height: 18px;
+    }
+  }
+
+  &.@{input-number-prefix-cls}-group-wrapper {
+    .@{input-number-prefix-cls}-wrapper.@{input-number-prefix-cls}-group {
+      font-weight: 400;
+      font-size: 14px;
+      font-family: PingFangSC-Regular, PingFang SC;
+      border: 1px solid @border-color-base;
+      border-radius: 2px;
+      .@{input-number-prefix-cls}-group-addon {
+        padding: 0 8px;
+        color: @custom-black-10;
+        background-color: rgba(0, 0, 0, 0);
+        border: none;
+      }
+      .@{input-number-prefix-cls}.ued-inputNumber-wrap {
+        color: @custom-black-7;
+        border: none;
+      }
+    }
+  }
+  &.@{input-number-prefix-cls} {
+    border: 1px solid @border-color-base;
+    border-radius: @border-radius-base;
+  }
+}
+
+.ued-inputNumber-tooltip-wrap {
+  .@{tootip-prefix-cls}-content {
+    position: absolute;
+    top: 35px;
+    .@{tootip-prefix-cls}-arrow {
+      top: 16px;
+      left: 6px;
+      .@{tootip-prefix-cls}-arrow-content {
+        background-color: rgba(0, 0, 0, 0.45);
+      }
+    }
+    .@{tootip-prefix-cls}-inner {
+      width: max-content;
+      min-width: 0;
+      height: 16px;
+      min-height: 0;
+      padding: 0 2px;
+      color: rgba(255, 255, 255, 1);
+      font-size: 12px;
+      line-height: 16px;
+      background-color: rgba(0, 0, 0, 0.45);
+      border-radius: 0;
+    }
+  }
+  &.no-form {
+    .@{tootip-prefix-cls}-content {
+      top: 3px;
+    }
+  }
+}

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

@@ -0,0 +1,3 @@
+.ued-inputPassword-wrap {
+  // empty block
+}

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

@@ -0,0 +1,4 @@
+@import (reference) '../theme/variables/antdVariables.less';
+.ued-link{
+  color: @link-color;
+}

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

@@ -0,0 +1,67 @@
+@import (reference) '../theme/variables/index.less';
+
+@loopListCls: ~'ued-loop-list';
+
+.@{loopListCls} {
+  &-blockSelect {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+  }
+
+  &-placeholder {
+    display: flex;
+    flex: 1 1;
+    align-items: center;
+    justify-content: center;
+    height: 45px;
+    color: rgba(28, 36, 46, 0.45);
+    font-size: 12px;
+    background: #f2f3f5;
+    border: 1px solid rgba(0, 0, 0, 0.15);
+  }
+
+  &-content {
+    flex: 1 1 auto;
+    width: auto;
+  }
+
+  &-content-lass {
+    display: flex;
+    align-items: center;
+  }
+
+  &-showIcon {
+    border-radius: 8px;
+  }
+
+  &-icon {
+    width: 22px;
+    height: 22px;
+    margin-right: 16px;
+    margin-left: 16px;
+    font-size: 16px;
+    cursor: pointer;
+
+    svg {
+      width: 22px;
+      height: 22px;
+    }
+  }
+
+  &-nobox {
+    overflow: hidden;
+    background-color: #fff;
+    border: 1px solid transparent;
+    cursor: pointer;
+  }
+
+  &-select {
+    border: 1px solid @primary-color;
+  }
+
+
+  &-content {
+    color: currentColor;
+  }
+}

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

@@ -0,0 +1,54 @@
+@import (reference) '../theme/variables/antdVariables.less';
+@menu-prefix-cls: ~'@{ant-prefix}-menu';
+
+.ued-menu {
+  .@{menu-prefix-cls} {
+    .@{menu-prefix-cls}-submenu {
+      color: @text-color;
+  
+      &.@{menu-prefix-cls}-submenu-active, &.@{menu-prefix-cls}-submenu-selected {
+        color: @primary-color;
+        background-color: @item-hover-bg;
+      }
+
+      .ued-icon {
+        svg {
+          font-size: @font-size-base;
+          width: @font-size-base;
+          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;
+        }
+        .@{menu-prefix-cls}-item-selected {
+          background-color: @item-active-bg;
+          color: @primary-color;
+
+          &::after {
+            display: none;
+          }
+        }
+      }
+      
+    }
+  }
+
+  &.menu_inline_colloaps {
+    .@{ant-prefix}-menu-root {
+        width: 256px;
+    }
+  }
+
+  .menu_icon {
+      display: inline-flex;
+  }
+}

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

@@ -0,0 +1,42 @@
+@import (reference) '../theme/variables/antdVariables.less';
+
+@prefixCls: modalSelect;
+
+.@{prefixCls} {
+  .@{ant-prefix}-select {
+    width: 100%;
+  }
+
+  .@{ant-prefix}-select:not(.pcfactory-select-customize-input) {
+
+		.@{ant-prefix}-select-selector {
+			border-top-right-radius: 0;
+			border-bottom-right-radius: 0;
+      padding-left: 8px;
+		}
+	}
+
+  &.postfixNoBorderStyle {
+    .@{ant-prefix}-input-affix-wrapper {
+      border-right: 0;
+    }
+  }
+}
+
+.@{ant-prefix}-form-item-control-input-content {
+  .@{prefixCls} {
+    .@{ant-prefix}-input-wrapper {
+
+      .@{ant-prefix}-select {
+        width: 100%;
+
+        .@{ant-prefix}-select-selector {
+          border-top-right-radius: 0;
+          border-bottom-right-radius: 0;
+          padding-left:8px;
+        }
+      }
+    }
+
+  }
+}

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

@@ -0,0 +1,7 @@
+@import (reference) '../theme/variables/antdVariables.less';
+// fix: 经常点击不到 popconfirm button 问题
+.@{ant-prefix}-popconfirm .@{ant-prefix}-popover-buttons {
+  pointer-events: all;
+  display: flex;
+  flex-direction: row;
+}