vue-super-crud 1.7.1 → 1.7.4

package/styles/crud.scss

@@ -1,425 +0,0 @@
-.sc-crud {
-  //header
-  .el-table thead th,
-  .el-table thead.is-group th {
-    background-color: var(--background-color-base);
-  }
-  .el-table th.el-table__cell.is-sortable {
-    cursor: auto;
-  }
-
-  // .el-table__body tr.current-row > td {
-  //   background-color: #ecf5ff;
-  // }
-
-  &__maximize {
-    position: fixed;
-    top: 0;
-    left: 0;
-    overflow: auto;
-    width: 100% !important;
-    height: 100% !important;
-    background-color: var(--color-white);
-    z-index: 1001;
-  }
-  &__handleRow,
-  &__toolbar {
-    display: flex;
-  }
-  &__is-auto-height {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    overflow: hidden;
-    .height--form {
-      flex: 1;
-      height: 100%;
-      overflow: hidden;
-    }
-  }
-
-  &__is-change-show-search {
-    .el-table__body-wrapper {
-      overflow: hidden;
-    }
-  }
-  .sc-crud-search {
-    display: grid;
-    overflow: hidden;
-    transition: all 0.3s;
-    grid-template-rows: 0fr;
-    > .el-form {
-      min-height: 0;
-    }
-  }
-  .sc-crud-search--show-search {
-    margin-top: 10px;
-    grid-template-rows: 1fr;
-  }
-  .sc-crud-menuBar {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    &__handleRow:not(:empty),
-    &__toolbar:not(:empty) {
-      margin-bottom: 10px;
-    }
-  }
-  .sc-crud-column--header {
-    display: inline-block;
-    .search-btn {
-      cursor: pointer;
-      margin-left: 5px;
-    }
-    button:not(.el-button--primary) {
-      background-color: var(--background-color-base);
-    }
-  }
-  .el-table {
-    // 必填-单元格样式
-    .is-required {
-      position: relative;
-    }
-    .is-required::before {
-      position: absolute;
-      top: 0;
-      left: 4px;
-      content: "*";
-      color: var(--color-danger);
-      margin-right: 4px;
-    }
-  }
-  // 编辑框透明-单元格样式
-  .edit-cell {
-    .cell {
-      padding: 0 !important;
-    }
-    input {
-      border: 0px;
-      background-color: transparent;
-    }
-    .el-input,
-    .el-select {
-      .el-input__inner {
-        padding: 0 15px;
-      }
-      .el-input__suffix {
-        right: -5px;
-      }
-    }
-  }
-  .edit-cell:before {
-    content: "";
-    top: -5px;
-    left: -5px;
-    position: absolute;
-    border-width: 5px;
-    border-style: solid;
-    border-color: transparent var(--color-primary) transparent transparent;
-    transform: rotate(45deg);
-  }
-  .edit-cell.error-badge:before {
-    content: "";
-    top: -5px;
-    left: -5px;
-    position: absolute;
-    border-width: 5px;
-    border-style: solid;
-    border-color: transparent var(--color-danger) transparent transparent;
-    transform: rotate(45deg);
-  }
-  .edit-cell.error-badge {
-    background: #fee6e6 !important;
-    .el-input__inner::placeholder {
-      color: var(--color-danger) !important;
-    }
-  }
-  // 单元格编辑样式
-  .sc-crud-cell__edit--active {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    .save-icon {
-      flex-shrink: 0;
-      width: 51px;
-      margin-left: 5px;
-    }
-  }
-  .sc-crud-cell__edit {
-    position: relative;
-    .content {
-      transition: all 0.3s;
-    }
-  }
-  .sc-crud-cell__edit--hover:hover {
-    .content {
-      opacity: 0;
-    }
-  }
-
-  // 自定义单元格样式
-  .custom-cell {
-    .cell {
-      display: flex;
-      align-items: center;
-      width: auto !important;
-    }
-  }
-
-  .cell > .el-form-item {
-    margin-bottom: 0;
-  }
-
-  .sc-crud-action-column {
-    white-space: nowrap;
-    .el-button + .el-dropdown {
-      margin-left: 10px;
-    }
-    .el-dropdown + .el-button {
-      margin-left: 10px;
-    }
-  }
-  .sc-crud-pagination {
-    padding: 11px 0;
-    background-color: var(--color-white);
-  }
-
-  &__add-button {
-    margin-top: 15px;
-    font-size: 14px;
-    height: 32px;
-    background: var(--color-white);
-    border: 1px dashed var(--color-primary);
-    border-radius: 4px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--color-primary);
-    cursor: pointer;
-    transition: border-style 0.5s;
-    .el-icon-plus {
-      margin-right: 10px;
-    }
-    &:hover {
-      border-style: solid;
-    }
-    &:active {
-      background-color: var(--color-primary-light-9);
-    }
-  }
-
-  // 单元格表单组件样式
-  .sc-crud-cell,
-  td .cell,
-  .sc-crud-cell .el-form-item__content {
-    > .el-select,
-    > .el-date-editor,
-    > .el-textarea,
-    > .el-cascader,
-    > .el-input-number {
-      width: 100% !important;
-    }
-
-    > .el-input-number {
-      .el-input {
-        width: inherit;
-
-        .el-input__inner {
-          text-align: left;
-        }
-      }
-    }
-  }
-  .sc-crud-cell--center {
-    .el-input__inner {
-      text-align: center;
-    }
-  }
-
-  .sc-crud-select-banner {
-    background-color: var(--color-primary-light-9);
-    border: 1px solid var(--color-primary-light-7);
-    padding: 8px 16px;
-    margin-bottom: 12px;
-    border-radius: 4px;
-    font-size: 13px;
-
-    &__banner-content {
-      display: flex;
-      align-items: center;
-      color: var(--color-text-regular);
-    }
-
-    &__selected-items,
-    &__selected-preview {
-      margin: 0 8px;
-      color: var(--color-primary);
-    }
-
-    &__remove-tag {
-      margin-left: 4px;
-      cursor: pointer;
-
-      &.el-tag {
-        background-color: transparent;
-        border-color: transparent;
-        padding: 0 4px;
-
-        .el-tag__close {
-          color: var(--color-primary);
-
-          &:hover {
-            color: var(--color-white);
-            background-color: var(--color-primary);
-          }
-        }
-      }
-    }
-
-    &__banner-actions {
-      margin-left: auto;
-      display: flex;
-      align-items: center;
-      gap: 16px;
-
-      .el-button--text {
-        padding: 0;
-        height: auto;
-      }
-    }
-  }
-}
-
-.sc-crud-select-banner__popover {
-  min-width: 200px;
-  max-width: 300px;
-
-  &-list {
-    max-height: 200px;
-    overflow-y: auto;
-  }
-
-  &-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 6px 8px;
-    font-size: 13px;
-
-    &:not(:last-child) {
-      border-bottom: 1px solid var(--border-color-lighter);
-    }
-  }
-  &-remove-tag {
-    margin-left: 4px;
-    cursor: pointer;
-
-    &.el-tag {
-      background-color: transparent;
-      border-color: transparent;
-      padding: 0 4px;
-
-      .el-tag__close {
-        color: var(--color-primary);
-
-        &:hover {
-          color: var(--color-white);
-          background-color: var(--color-primary);
-        }
-      }
-    }
-  }
-}
-
-.sc-crud-search-header {
-  > .el-select,
-  > .el-date-editor,
-  > .el-textarea,
-  > .el-cascader,
-  > .el-input-number {
-    width: 100% !important;
-  }
-
-  > .el-input-number {
-    .el-input {
-      width: inherit;
-
-      .el-input__inner {
-        text-align: left;
-      }
-    }
-  }
-  display: flex;
-  align-items: center;
-}
-.sc-crud__error-tip.el-tooltip__popper {
-  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
-  border: 1px solid var(--color-danger);
-  color: var(--color-white);
-  background-color: var(--color-danger);
-}
-.sc-crud__error-tip.el-tooltip__popper.is-light .popper__arrow {
-  border-top-color: var(--color-danger);
-}
-.sc-crud__error-tip.el-tooltip__popper.is-light .popper__arrow::after {
-  border-top-color: var(--color-danger);
-}
-
-.sc-crud-drawer {
-  .wrapper {
-    padding: 0 10px;
-    .el-card__body {
-      padding: 10px;
-    }
-  }
-  .header {
-    .title {
-      float: right;
-      color: var(--color-text-secondary);
-    }
-  }
-  .reset-btn {
-    width: 100%;
-    margin-top: 10px;
-  }
-  .col-list {
-    margin-top: 15px;
-    .col-item {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      width: 100%;
-      padding: 10px 0;
-      .col-item--left {
-        max-width: calc(100% - 70px);
-        display: flex;
-        align-items: center;
-        .el-checkbox__label {
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
-        }
-      }
-      .col-item--right {
-        display: flex;
-        align-items: center;
-        font-size: 12px;
-        .fixed-btn {
-          padding: 0;
-        }
-        .sort-drag {
-          cursor: move;
-          margin-left: 10px;
-        }
-        .un-drag {
-          cursor: no-drop;
-          margin-left: 10px;
-        }
-      }
-    }
-  }
-}
-
-.contextmenu_menu {
-  z-index: 9999 !important;
-}

package/styles/dialog.scss

@@ -1,95 +0,0 @@
-.sc-dialog {
-  display: flex;
-  align-items: center;
-  overflow: visible;
-  &__title {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-right: 50px;
-    color: #72767b;
-    i {
-      color: #909399;
-    }
-    i + i {
-      margin-left: 10px;
-    }
-    i:hover {
-      cursor: pointer;
-      color: var(--color-primary);
-    }
-  }
-  &__footer {
-    display: block;
-    padding: 10px 15px;
-    box-sizing: border-box;
-    border-top: 1px solid #f0f0f0;
-    width: 100%;
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    background-color: #fff;
-    &--right {
-      text-align: right;
-    }
-    &--left {
-      text-align: left;
-    }
-    &--center {
-      text-align: center;
-    }
-  }
-  .has-footer {
-    margin-bottom: 61px;
-  }
-  .el-dialog {
-    display: flex;
-    flex-direction: column;
-    border-radius: 4px;
-    overflow: hidden;
-    .el-dialog__header {
-      border-radius: 4px 4px 0 0;
-      height: 50px;
-      line-height: 50px;
-      padding: 0 0 0 20px;
-      border-bottom: 1px solid #e4e7ed;
-      .el-dialog__headerbtn {
-        top: 17px;
-        .el-dialog__close {
-          font-weight: bold;
-        }
-      }
-    }
-  }
-  .el-drawer__body,
-  .el-dialog__body {
-    flex: 1;
-    overflow: hidden;
-    overflow-y: auto;
-    padding: 20px;
-    color: var(--color-text-regular);
-    max-height: calc(100vh - 112px);
-  }
-  .el-drawer {
-    position: absolute;
-    right: 0;
-    top: 0;
-    display: flex;
-    flex-direction: column;
-  }
-  .el-drawer__header {
-    margin: 0;
-    min-height: 20px;
-    padding: 16px 10px 16px 24px;
-    border-bottom: 1px solid #f0f0f0;
-  }
-  .el-drawer,
-  .el-drawer__body {
-    flex: 1;
-    overflow: auto;
-  }
-
-  .el-form-item__label {
-    font-weight: normal;
-  }
-}