@aplus-frontend/ui 6.42.1 → 7.0.0-beta.1

package/theme/ap-upload-single/index.less

@@ -1,133 +0,0 @@
-@import '../mixins/mixins.less';
-
-.b(ap-upload-single, {
-    user-select: none;
-    
-    .ant-upload-drag {
-      background: #F2F6F9;
-      border: 1px dashed var(--ap-border-color-base);
-      height:200px;
-    
-      &:not(.ant-upload-disabled):hover {
-        background: rgba(0, 112, 255, 0.1);
-        border-color: #0070ff;
-      }
-
-      .ant-upload-btn {
-        padding: 0;
-      }
-
-      .ant-upload-disabled {
-        cursor: default;
-      }
-    }
-
-    &-affix-wrapper-status-error {
-      .ant-upload-drag:not(.ant-upload-disabled) {
-        border-color: #FF4D4F;
-        &:hover {
-          border-color: #FF4D4F80;
-        }
-      }
-    }
-
-    &__content {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      height:100%;
-    }
-
-    &__content-file {
-      width: min(516px, 77.24%);
-      height: 96px;
-      background: #FFFFFF;
-      border-radius: 4px;
-      display: flex;
-      align-items: center;
-      padding: 0 24px;
-
-      &-icon {
-        flex-shrink: 0;
-        margin-right: 16px;
-
-        svg {
-          width: 48px;
-        }
-      }
-
-      &-name {
-        flex: 1;
-        text-align: start;
-
-        &>.ant-typography {
-          color: var(--name-color);
-          margin-bottom: 0;
-          word-break: break-all;
-        }
-      }
-
-      &-delete {
-        flex-shrink: 0;
-        margin-left: 24px;
-
-        svg {
-          width: 20px;
-          color: #ff4d4f;
-          font-size: 20px;
-          cursor: pointer;
-        }
-      }
-    }
-
-    &__content-ing {
-      &-name {
-        --name-color: var(--ap-text-color-2);
-        .ant-progress-line{
-          margin-inline-end: 0;
-          margin-bottom: 0;
-        }
-      }
-    }
-
-    &__content-error {
-      &-name {
-        --name-color: #FF4D4F;
-      }
-    }
-
-    &__content-done {
-      &-name {
-        --name-color: #0070ff;
-      }
-    }
-    
-    &__content-empty {
-      cursor: pointer;
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-
-      &-icon {
-        svg {
-          width: 56px;
-        }
-      }
-
-      &-title {
-        margin-top: 10px;
-        color: var(--ap-text-color-2);
-        font-size: 16px;
-        line-height: 22px;
-      }
-
-      &-sub-title {
-        margin-top: 4px;
-        color: var(--ap-text-color-4);
-        font-size: 12px;
-        line-height: 18px;
-      }
-    }
-  }
-
-);

package/theme/ap-value-select-card/index.css

@@ -1,166 +0,0 @@
-.reset-component {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-}
-.reset-scrollbar ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--ap-scrollbar-thumb-color-base);
-  background-clip: content-box;
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-.reset-scrollbar ::-webkit-scrollbar-track,
-.reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: var(--ap-table-header-bg, #f2f6f9);
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
-.reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--ap-scrollbar-thumb-color-hover);
-}
-.clear-fix::before {
-  display: table;
-  content: '';
-}
-.clear-fix::after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.common-style {
-  box-sizing: border-box;
-  font-size: 12px;
-  font-family: inherit;
-}
-.common-style::before,
-.common-style::after {
-  box-sizing: border-box;
-}
-.aplus-ap-value-select-card {
-  position: relative;
-  margin-top: 8px;
-}
-.aplus-ap-value-select-card .ant-popover {
-  width: 100%;
-}
-.aplus-ap-value-select-card-list {
-  display: grid;
-  grid-template-columns: repeat(var(--ap-value-select-card-column-count, 5), minmax(var(--ap-value-select-card-max-width, 150px), 1fr));
-  grid-auto-rows: 1fr;
-  gap: 12px;
-}
-.aplus-ap-value-select-card-list-item {
-  position: relative;
-  box-sizing: border-box;
-  padding: 8px 16px;
-  color: var(--ap-text-color-1);
-  border: 1px solid var(--ap-color-bg);
-  border-radius: 4px;
-  cursor: pointer;
-}
-.aplus-ap-value-select-card-list-item-close {
-  position: absolute;
-  top: 8px;
-  right: 10px;
-  z-index: 1;
-  color: var(--ap-text-color-3);
-  font-size: 14px;
-  cursor: pointer;
-}
-.aplus-ap-value-select-card-list-item-close:hover {
-  color: #ed6f6f;
-}
-.aplus-ap-value-select-card-list-item .label {
-  margin-bottom: 4px;
-  font-size: 12px;
-  line-height: 18px;
-}
-.aplus-ap-value-select-card-list-item .value {
-  overflow: hidden;
-  font-weight: bold;
-  font-size: 16px;
-  line-height: 24px;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.aplus-ap-value-select-card-list-item:hover:not(.select) {
-  border: 1px solid var(--ap-color-primary);
-}
-.aplus-ap-value-select-card-list-item.select {
-  color: var(--ap-text-color-2);
-  border-color: transparent;
-  box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
-  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, var(--ap-value-select-card-bg-color, #f5f9ff) 92%);
-}
-.aplus-ap-value-select-card-list-item.select:hover {
-  background: var(--ap-value-select-card-bg-color, #f5f9ff);
-}
-.aplus-ap-value-select-card-list-item.all {
-  color: var(--ap-text-color-1);
-  background: #ffffff;
-  border: 1px solid var(--ap-color-bg);
-  box-shadow: none;
-}
-.aplus-ap-value-select-card-list-item.all:hover:not(.disabled) {
-  border-color: var(--ap-color-primary);
-}
-.aplus-ap-value-select-card-list-item.all.disabled {
-  color: #8896b0;
-  background: #f9f9fa;
-  cursor: not-allowed;
-  border: 1px solid var(--ap-color-bg);
-}
-.aplus-ap-value-select-card-list-item.all.select {
-  background: #f5f9ff;
-  border-color: var(--ap-color-primary);
-  cursor: pointer;
-}
-.aplus-ap-value-select-card-list-item.choose {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: var(--ap-color-primary);
-  background: #ffffff;
-  border: 1px dashed #d1d7df;
-  box-shadow: none;
-}
-.aplus-ap-value-select-card-list-item.choose .text {
-  font-size: 12px;
-  margin-left: 4px;
-}
-.aplus-ap-value-select-card-list-item.choose:hover {
-  border-color: var(--ap-color-primary);
-}
-.aplus-ap-value-select-card-title {
-  display: flex;
-  align-items: center;
-  margin-bottom: 12px;
-  color: #526a90;
-  font-size: 12px;
-}
-.aplus-ap-value-select-card-title-icon {
-  margin-right: 4px;
-  color: #abb7cc;
-  font-size: 14px;
-}
-.aplus-ap-value-select-card--admin .aplus-ap-value-select-card-list-item.all.select {
-  background: #F7FCFA;
-}
-.aplus-ap-value-select-card--admin .aplus-ap-value-select-card-list-item.all.disabled {
-  color: #999;
-}
-.aplus-ap-value-select-card--admin .aplus-ap-value-select-card-title {
-  color: #666;
-}
-.aplus-ap-value-select-card--admin .aplus-ap-value-select-card-title-icon {
-  color: #BFBFBF;
-}

package/theme/ap-value-select-card/index.less

@@ -1,161 +0,0 @@
-@import '../mixins/mixins.less';
-@import '../mixins/config.less';
-
-.b('ap-value-select-card', {
-  @root-cls: ~'@{ns}@{common-separator}ap-value-select-card';
-  position: relative;
-  margin-top: 8px;
-
-  .ant-popover {
-    width: 100%;
-  }
-
-  &-list {
-    display: grid;
-    grid-template-columns: repeat(var(--ap-value-select-card-column-count, 5), minmax(var(--ap-value-select-card-max-width, 150px), 1fr));
-    grid-auto-rows: 1fr;
-    gap: 12px;
-
-    &-item {
-      position: relative;
-      box-sizing: border-box;
-      padding: 8px 16px;
-      color: var(--ap-text-color-1);
-      border: 1px solid var(--ap-color-bg);
-      border-radius: @border-radius;
-      cursor: pointer;
-      // transition: all 0.2s ease-in-out;
-
-      &-close {
-        position: absolute;
-        top: 8px;
-        right: 10px;
-        z-index: 1;
-        color: var(--ap-text-color-3);
-        font-size: @font-size-lg;
-        cursor: pointer;
-
-        &:hover {
-          color: @error-color;
-        }
-      }
-
-      
-
-      .label {
-        margin-bottom: 4px;
-        font-size: @font-size-base;
-        line-height: @line-height-base;
-      }
-
-      .value {
-        overflow: hidden;
-        font-weight: bold;
-        font-size: @fonts-size-xl;
-        line-height: 24px;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
-
-      &:hover:not(.select) {
-        border: 1px solid var(--ap-color-primary);
-      }
-
-      &.select {
-        color: var(--ap-text-color-2);
-        border-color: transparent;
-        box-shadow: 3px 10px 30px -2px rgba(123, 121, 140, 0.15);
-        background: linear-gradient(
-          270deg,
-          rgba(255, 255, 255, 0) 0%,
-          var(--ap-value-select-card-bg-color, #f5f9ff) 92%
-        );
-        &:hover {
-          background: var(--ap-value-select-card-bg-color, #f5f9ff);
-        }
-      }
-
-      &.all {
-        color: var(--ap-text-color-1);
-        background: #ffffff;
-        border: 1px solid var(--ap-color-bg);
-        box-shadow: none;
-
-        &:hover:not(.disabled) {
-          border-color: var(--ap-color-primary);
-        }
-
-        &.disabled {
-          color: #8896b0;
-          background: #f9f9fa;
-          cursor: not-allowed;
-          border: 1px solid var(--ap-color-bg);
-        }
-
-        &.select {
-          background: #f5f9ff;
-          border-color: var(--ap-color-primary);
-          cursor: pointer;
-        }
-      }
-
-      &.choose {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        color: var(--ap-color-primary);
-        background: #ffffff;
-        border: 1px dashed #d1d7df;
-        box-shadow: none;
-
-        .text {
-          font-size: @font-size-base;
-          margin-left: 4px;
-        }
-
-        &:hover {
-          border-color: var(--ap-color-primary);
-        }
-      }
-    }
-  }
-
-  &-title {
-    display: flex;
-    align-items: center;
-    margin-bottom: 12px;
-    color: #526a90;
-    font-size: @font-size-base;
-
-    &-icon {
-      margin-right: 4px;
-      color: #abb7cc;
-      font-size: @font-size-lg;
-    }
-  }
-
-  &--admin {
-    .@{root-cls} {
-      &-list {
-        &-item {
-          &.all {
-            &.select {
-              background: #F7FCFA;
-            }
-            &.disabled {
-              color: #999;
-            }
-          }
-        }
-      }
-      &-title {
-        color: #666;
-        &-icon {
-          color: #BFBFBF;
-        }
-      }
-    }
-  }
-
-});

package/theme/ap-view/ap-view.css

@@ -1,175 +0,0 @@
-.reset-component {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-}
-.reset-scrollbar ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--ap-scrollbar-thumb-color-base);
-  background-clip: content-box;
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-.reset-scrollbar ::-webkit-scrollbar-track,
-.reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: var(--ap-table-header-bg, #f2f6f9);
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
-.reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--ap-scrollbar-thumb-color-hover);
-}
-.clear-fix::before {
-  display: table;
-  content: '';
-}
-.clear-fix::after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.common-style {
-  box-sizing: border-box;
-  font-size: 12px;
-  font-family: inherit;
-}
-.common-style::before,
-.common-style::after {
-  box-sizing: border-box;
-}
-.aplus-ap-view > .ant-btn {
-  padding: 0;
-}
-.aplus-ap-view > .ant-dropdown-trigger {
-  color: var(--ap-text-color-3);
-}
-.aplus-ap-view-main-content {
-  padding: 4px 8px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.aplus-ap-view-main-content-disabled {
-  color: var(--ap-text-color-4);
-  cursor: not-allowed;
-}
-.ant-btn-default:has(.aplus-ap-view-main-content-disabled) {
-  border-color: var(--ap-border-color-base) !important;
-}
-.aplus-ap-view-icon {
-  width: 100%;
-  height: 100%;
-  font-size: 14px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-.aplus-ap-view-main-content-popover {
-  width: 340px;
-}
-.aplus-ap-view-main-content-popover-title-content {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 8px;
-}
-.aplus-ap-view-main-content-popover-title-content-title {
-  font-size: 14px;
-  font-weight: 500;
-  line-height: 22px;
-}
-.aplus-ap-view-main-content-popover-title-content .ant-form-item {
-  margin-bottom: 0;
-}
-.aplus-ap-view-main-content-popover-btn {
-  margin-bottom: 0;
-}
-.aplus-ap-view-main-content-popover-btn .ant-form-item-control-input-content {
-  display: flex;
-  justify-content: flex-end;
-}
-.aplus-ap-view-menu-list-content {
-  width: 250px;
-  display: flex;
-  padding: 6px 8px;
-  align-items: center;
-  height: 32px;
-}
-.aplus-ap-view-menu-list-content .menu-list-content-name {
-  overflow: hidden;
-  display: block;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 12px;
-  margin-right: 8px;
-}
-.aplus-ap-view-menu-list-content .menu-list-content-default {
-  margin-right: 8px;
-  flex-shrink: 0;
-}
-.aplus-ap-view-menu-list-content .menu-list-content-action {
-  cursor: default;
-  display: none;
-  flex-shrink: 0;
-  margin-left: auto;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-}
-.aplus-ap-view-menu-list-content .menu-list-content-action-text {
-  cursor: pointer;
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-  color: var(--ap-color-primary);
-}
-.aplus-ap-view-menu-list-content .menu-list-content-action-delete {
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  color: var(--ap-text-color-3);
-}
-.aplus-ap-view-menu-list-content .menu-list-content-action-delete svg {
-  outline: none;
-  box-shadow: none;
-}
-.aplus-ap-view-menu-list-content .menu-list-content-edit {
-  display: flex;
-  align-items: center;
-}
-.aplus-ap-view-menu-list-content .menu-list-content-edit .ant-form-item {
-  margin-bottom: 0;
-}
-.aplus-ap-view-menu-list-content .menu-list-content-edit .ant-space-item:has(.menu-list-content-action-text) {
-  flex-shrink: 0;
-}
-.aplus-ap-view-menu-list-content:hover {
-  background: var(--ap-color-bg-1);
-}
-.aplus-ap-view-menu-list-content:hover .menu-list-content-action {
-  display: block;
-}
-.aplus-ap-view-menu-list-content-edit {
-  background: transparent !important;
-  padding: 0 8px;
-  cursor: default;
-}
-.aplus-ap-view-menu-list-content-active .menu-list-content-name {
-  color: var(--ap-color-primary);
-}
-.aplus-ap-view-overlay .ant-dropdown-menu {
-  padding: 8px;
-}
-.aplus-ap-view-overlay .ant-dropdown-menu .ant-dropdown-menu-item {
-  padding: 0;
-}
-.aplus-ap-view-overlay .ant-dropdown-menu .ant-dropdown-menu-item:hover {
-  background: transparent;
-}