@dhccmobile/vue3-lo-form 2.0.55 → 2.1.0

package/src/styles/theme-4.scss

@@ -1,395 +0,0 @@
-.ant-form-horizontal {
-  .lo-control-container {
-    /**非编辑状态下的样式*/
-    .is-disable-input {
-      :deep(.ant-form-item-control) {
-        border-radius: 5px;
-        border: rgba(229,229,229, 0.7) 1px solid;
-      }
-    }
-    .lo-control-box {
-      .ant-form-item {
-        display: flex;
-        flex-direction: column;
-        height: 100%;
-        :deep {
-          .ant-form-item-control {
-            min-height: auto;
-            margin-top: 1px;
-          }
-          .ant-form-item-label {
-            min-width: auto !important;
-            width: 100% !important;
-            position: relative;
-            background-color: transparent;
-            z-index: 1;
-            label {
-              display: block;
-              width: 100%;
-              height: auto;
-              font-weight: 600;
-              white-space: pre-wrap;
-              word-break: break-all;
-              line-height: normal;
-              padding: 3px 0;
-              text-align: left;
-            }
-          }
-          .ant-input,
-          .ant-input-affix-wrapper,
-          .ant-select-selector,
-          .ant-picker,
-          .ant-btn,
-          .ant-input-number {
-            border-radius: .5rem;
-            min-height: 40px;
-            max-height: 40px;
-            padding: 0 6px;
-            height: 100%;
-            color: #333333;
-            border: none;
-            background: #f2f3f5;
-          }
-          .ant-input-number-input, input[type=search] {
-            min-height: 40px;
-            padding: 0;
-            height: 100%;
-            color: #333333;
-          }
-          .ant-input-number-group,
-          .ant-input-number-group-wrapper,
-          .ant-input-number-input-wrap {
-            width: 100%;
-            height: 100%;
-          }
-          .ant-picker-input > input {
-            color: #333333;
-          }
-          .ant-radio-group {
-            padding: 0 6px;
-            margin: auto 0;
-          }
-          .ant-checkbox-group {
-            padding: 8px 6px;
-          }
-          .ant-picker-suffix, .ant-select-arrow {
-            width: 40px;
-          }
-          .ant-picker-suffix {
-            text-align: center;
-            margin-right: -6px;
-          }
-          .ant-select-arrow {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            height: 100%;
-            top: 5px;
-            right: 0;
-            z-index: 10;
-          }
-          .ant-form-item-control-input-content {
-            display: flex;
-            align-items: center !important;
-            min-height: 40px;
-            border-radius: .5rem;
-            background: #f2f3f5;
-          }
-          .ant-form-item-control-input, .ant-form-item-control-input-content {
-            height: 100%;
-            align-items: center;
-          }
-          .ant-input:focus,
-          .ant-input-number-focused,
-          .ant-picker-focused,
-          .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-            box-shadow: 0 0 0 1px #e1e2e4;
-            z-index: 10;
-          }
-          .ant-select-disabled.ant-select:not(.ant-select-customize-input) .ant-select-selector,
-          .ant-picker-input > input[disabled],
-          .ant-input-number-disabled,
-          .ant-input[disabled] {
-            color: #666666;
-            background-color: #ebebeb;
-          }
-          .ant-picker-disabled {
-            background-color: #ebebeb;
-          }
-          .ant-form-item-explain-error {
-            line-height: 24px;
-            color: #ff2d4b;
-            font-size: 12px;
-            padding: 0 6px;
-            background: rgba(255, 45, 75, 0.2)
-          }
-          .ant-select-selection-item {
-            display: inline-flex;
-            align-items: center;
-          }
-          .ant-select-selection-overflow {
-            padding-right: 40px;
-          }
-          .ant-select-multiple {
-            .ant-select-selection-search {
-              margin-start: 0;
-              margin-inline-start: 0;
-            }
-            .ant-select-selection-placeholder {
-              left: 6px;
-              right: 40px;
-            }
-          }
-          .ant-select-single {
-            .ant-select-selection-item,
-            .ant-select-selection-search {
-              position: absolute;
-              left: 6px;
-              right: 40px;
-              top: 0;
-              bottom: 0;
-            }
-          }
-        }
-      }
-      :deep .ant-form-item-has-error {
-        .ant-input:focus,
-        .ant-input-number-focused,
-        .ant-picker-focused,
-        .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-          box-shadow: 0 0 0 1px #ff194c;
-          color: #ff194c;
-          z-index: 10;
-        }
-      }
-    }
-  }
-}
-.lo-control-container {
-  box-sizing: border-box;
-  margin-bottom: 0;
-  .lo-control-box {
-    height: 100%;
-    .ant-form-item {
-      margin-bottom: 0;
-      .lo-select {
-        :deep {
-          .ant-select-selection-selected-value {
-            width: 100%;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            overflow: hidden;
-            word-break: break-all;
-          }
-        }
-        &.lo-select-multiple-suffix-icon {
-          :deep {
-            .ant-select-arrow {
-              margin: 0;
-              height: 100%;
-              top: 0;
-              right: 0;
-              width: fit-content;
-              .ant-select-arrow-icon {
-                height: 100%;
-                display: flex;
-                align-items: center;
-              }
-            }
-          }
-        }
-      }
-      .lo-label-sub-type-icon {
-        color: #3fb5eb;
-        cursor: pointer;
-        margin-left: 4px;
-        margin-bottom: 3px;
-        display: inline-block;
-        :deep {
-          svg {
-            display: inline-block;
-            margin-bottom: -2.5px;
-          }
-        }
-      }
-      .lo-label-history-icon {
-        display: inline-block;
-        line-height: 0;
-        margin-left: 4px;
-        margin-bottom: 3px;
-        cursor: pointer;
-        font-size: 14px;
-      }
-      .lo-label-tips-icon {
-        color: #4094f3;
-        cursor: pointer;
-        font-size: 14px !important;
-        margin-left: 4px;
-      }
-      :deep {
-        .ant-form-item-label {
-          label {
-            color: #333333;
-          }
-        }
-        .ant-form-item-control-wrapper {
-          flex-grow: 1;
-          color: #333333;
-        }
-      }
-      :deep {
-        .ant-input-group-addon, .ant-input-number-group-addon {
-          width: 40px;
-          min-height: 38px;
-          position: absolute;
-          right: 2px;
-          top: 1px;
-          border: none;
-          z-index: 999;
-          &:active {
-            opacity: .7;
-          }
-        }
-      }
-      .addon-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 100%;
-        height: 100%;
-        font-size: 15px;
-        cursor: pointer;
-        background-color: transparent;
-      }
-      .addon-inner {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        cursor: pointer;
-        color: #999999;
-        background-color: #f2f2f2;
-      }
-      .addon-inner:active {
-        background: rgba(240, 240, 240, 0.3);
-      }
-    }
-    .lo-textarea-count {
-      position: absolute;
-      line-height: 10px;
-      right: 0;
-      color: rgba(0, 0, 0, 0.45);
-    }
-    .lo-input-number-box {
-      width: 100%;
-      :deep {
-        .ant-input-number {
-          width: 100%;
-        }
-      }
-      &.lo-with-unit {
-        :deep {
-          .ant-input-number {
-            border-top-right-radius: 0;
-            border-bottom-right-radius: 0;
-            border-right: 0;
-            .ant-input-number-handler-wrap {
-              border-top-right-radius: 0;
-              border-bottom-right-radius: 0;
-              opacity: 1;
-            }
-          }
-          .ant-dropdown-trigger {
-            border-top-left-radius: 0;
-            border-bottom-left-radius: 0;
-          }
-        }
-        &.lo-unit-1 {
-          :deep {
-            .ant-input-number {
-              width: calc(100% - 50px);
-            }
-            .ant-dropdown-trigger {
-              min-width: 50px;
-            }
-          }
-        }
-        &.lo-unit-2 {
-          :deep {
-            .ant-input-number {
-              width: calc(100% - 80px);
-            }
-            .ant-dropdown-trigger {
-              min-width: 80px;
-            }
-          }
-        }
-        &.lo-unit-3 {
-          :deep {
-            .ant-input-number {
-              width: calc(100% - 110px);
-            }
-            .ant-dropdown-trigger {
-              min-width: 110px;
-            }
-          }
-        }
-      }
-    }
-    .lo-input-content {
-      align-items: center;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      color: #333333;
-      font-size: 14px;
-      padding: 0 6px;
-    }
-    .lo-control-text {
-      white-space: pre-wrap;
-      word-break: break-all;
-      line-height: 22px;
-    }
-  }
-
-  :deep .ant-select-multiple .ant-select-selection-item {
-     height: 40px !important;
-     margin: 0 4px 0 0 !important;
-  }
-}
-.lo-empty-layout-container {
-  box-sizing: border-box;
-  display: grid;
-  border: none;
-}
-.lo-general-layout-container {
-  box-sizing: border-box;
-  display: grid;
-  grid-column-start: 1;
-}
-.lo-form-layout-root {
-  column-gap: 30px;
-}
-:deep .ant-form-item-label > label.ant-form-item-no-colon::after {
-  display: none;
-}
-.ant-input-textarea {
-  width: 100%;
-}
-.lo-theme-textarea-box {
-  min-height: 81px !important;
-  :deep .ant-input {
-    min-height: 60px !important;
-  }
-  :deep .ant-form-item-control {
-    &:not(.has-error) {
-      padding-bottom: 1px !important;
-      .ant-form-explain {
-        display: none;
-      }
-    }
-  }
-}