@aplus-frontend/ui 6.38.0 → 6.39.1

package/theme/ag-grid-modal/index.less

@@ -0,0 +1,73 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+// 使用到的组件
+@import '../ag-grid/index.less';
+
+.b(ag-grid-modal, {
+  &--bordered {
+    border: 1px solid var(--ap-color-bg);
+    padding: 16px;
+    border-radius: 4px;
+    --ag-grid-modal-layout-divider-offset: 32px;
+  }
+  &__empty {
+    display: flex;
+    height: 100%;
+    justify-content: center;
+    align-items: center;
+  }
+  &--table-layout {
+    box-sizing: border-box; 
+    display: flex; 
+    flex: 1;
+    justify-content: space-between;
+    height: 100%;
+    &.complex-layout {
+      height: 100%;
+      position: relative;
+    }
+    
+
+    &-left {
+     flex: 1;
+     min-width: 0px;
+     padding-right: 20px;
+     box-sizing: border-box;
+     display: flex;
+     flex-direction: column;
+     &-content {
+      flex: 1;
+      .ant-table-body {
+        height: 100%;
+      }
+     }
+    }
+
+    &-right {
+      max-height: 100%;
+      width: 410px;
+      padding-left: 20px;
+      position: relative;
+      display: flex;
+      flex-direction: column;
+     &-content {
+        flex-grow: 1;
+        height: 0;
+        overflow-y: hidden;
+
+        &:hover {
+           overflow-y: auto;
+        }
+      }
+      &::before {
+        content: '';
+        height: calc(100% + var(--ag-grid-modal-layout-divider-offset,16px));
+        width: 1px;
+        background-color: var(--ap-color-bg);
+        position: absolute;
+        left: 0px;
+        top: -16px;
+      }
+    }
+  }
+});

package/theme/ag-grid-modal/selected-items.css

@@ -0,0 +1,72 @@
+.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-selected-items__default {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px;
+  gap: 16px;
+  border-radius: 4px;
+}
+.aplus-ap-selected-items__default:hover .aplus-ap-selected-items__del-icon {
+  opacity: 1;
+}
+.aplus-ap-selected-items__default:hover {
+  background-color: var(--ap-color-bg-2);
+}
+.aplus-ap-selected-items__default-content {
+  width: 0px;
+  flex-grow: 1;
+}
+.aplus-ap-selected-items__del-icon {
+  font-size: 14px;
+  cursor: pointer;
+  opacity: 0;
+}
+.aplus-ap-selected-items__del-icon:hover {
+  color: var(--ap-color-error);
+}

package/theme/ag-grid-modal/selected-items.less

@@ -0,0 +1,34 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+@ap-selected-items-del-icon: ~'@{ns}-ap-selected-items__del-icon';
+
+.b(ap-selected-items, {
+  &__default {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 8px;
+    gap: 16px;
+    border-radius: 4px;
+    &:hover .@{ap-selected-items-del-icon}{
+      opacity: 1;
+    }
+
+    &:hover {
+      background-color: var(--ap-color-bg-2);
+    }
+  }
+  &__default-content {
+    width: 0px;
+    flex-grow: 1;
+  }
+  &__del-icon {
+    font-size: 14px;
+    cursor: pointer;
+    opacity: 0;
+    &:hover {
+      color:  var(--ap-color-error);
+    }
+  }
+});

package/theme/ap-form/ap-form-item.css

@@ -78,6 +78,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered input.ant-input-number-input {
+  padding-left: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-input-number) {
   padding-right: 0;
 }

package/theme/ap-form/ap-form-item.less

@@ -48,6 +48,9 @@
     .ant-select-single .ant-select-selector{
       height: 30px !important;
     }
+    input.ant-input-number-input {
+      padding-left: 0;
+    }
     &:has(.ant-input-number) {
       padding-right: 0;
     }

package/theme/ap-form/index.css

@@ -87,6 +87,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered input.ant-input-number-input {
+  padding-left: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-input-number) {
   padding-right: 0;
 }

package/theme/ap-form/search-form.css

@@ -78,6 +78,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered input.ant-input-number-input {
+  padding-left: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-input-number) {
   padding-right: 0;
 }

package/theme/ap-grid/index.css

@@ -87,6 +87,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered input.ant-input-number-input {
+  padding-left: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-input-number) {
   padding-right: 0;
 }

package/theme/ap-table/ap-table.css

@@ -280,6 +280,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered input.ant-input-number-input {
+  padding-left: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-input-number) {
   padding-right: 0;
 }

package/theme/ap-table-modal/index.css

@@ -280,6 +280,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered input.ant-input-number-input {
+  padding-left: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-input-number) {
   padding-right: 0;
 }

package/theme/ap-upload/index.css

@@ -72,6 +72,11 @@
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover .ant-upload-list-item-actions .ant-upload-list-item-action:focus {
   opacity: 1;
 }
+.aplus-ap-upload-multiple-file .ant-upload-list-item-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action:focus {
   opacity: 0;
 }

package/theme/ap-upload/multiple-file.css

@@ -72,6 +72,11 @@
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover .ant-upload-list-item-actions .ant-upload-list-item-action:focus {
   opacity: 1;
 }
+.aplus-ap-upload-multiple-file .ant-upload-list-item-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action:focus {
   opacity: 0;
 }

package/theme/ap-upload/multiple-file.less

@@ -33,6 +33,12 @@
       opacity: 1;
     }
   }
+  
+  .ant-upload-list-item-actions {
+    display: flex;
+    align-items: center;
+    flex-shrink: 0;
+  }
 
   .ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action:focus {
     opacity: 0;

package/theme/editable-table/index.css

@@ -87,6 +87,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered input.ant-input-number-input {
+  padding-left: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-input-number) {
   padding-right: 0;
 }

package/theme/index.css

@@ -1131,6 +1131,9 @@
 .aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
   height: 30px !important;
 }
+.aplus-ap-form-item--bordered input.ant-input-number-input {
+  padding-left: 0;
+}
 .aplus-ap-form-item--bordered:has(.ant-input-number) {
   padding-right: 0;
 }
@@ -2554,6 +2557,11 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item:hover .ant-upload-list-item-actions .ant-upload-list-item-action:focus {
   opacity: 1;
 }
+.aplus-ap-upload-multiple-file .ant-upload-list-item-actions {
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
 .aplus-ap-upload-multiple-file .ant-upload-wrapper .ant-upload-list .ant-upload-list-item .ant-upload-list-item-actions .ant-upload-list-item-action:focus {
   opacity: 0;
 }
@@ -5022,3 +5030,91 @@ div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky
   padding-block-start: 16px;
   border-block-start: var(--ap-pro-card-border-line-width) var(--ap-pro-card-border-line-type) var(--ap-pro-card-border-color-split);
 }
+.aplus-ag-grid-modal--bordered {
+  border: 1px solid var(--ap-color-bg);
+  padding: 16px;
+  border-radius: 4px;
+  --ag-grid-modal-layout-divider-offset: 32px;
+}
+.aplus-ag-grid-modal__empty {
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  align-items: center;
+}
+.aplus-ag-grid-modal--table-layout {
+  box-sizing: border-box;
+  display: flex;
+  flex: 1;
+  justify-content: space-between;
+  height: 100%;
+}
+.aplus-ag-grid-modal--table-layout.complex-layout {
+  height: 100%;
+  position: relative;
+}
+.aplus-ag-grid-modal--table-layout-left {
+  flex: 1;
+  min-width: 0px;
+  padding-right: 20px;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ag-grid-modal--table-layout-left-content {
+  flex: 1;
+}
+.aplus-ag-grid-modal--table-layout-left-content .ant-table-body {
+  height: 100%;
+}
+.aplus-ag-grid-modal--table-layout-right {
+  max-height: 100%;
+  width: 410px;
+  padding-left: 20px;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ag-grid-modal--table-layout-right-content {
+  flex-grow: 1;
+  height: 0;
+  overflow-y: hidden;
+}
+.aplus-ag-grid-modal--table-layout-right-content:hover {
+  overflow-y: auto;
+}
+.aplus-ag-grid-modal--table-layout-right::before {
+  content: '';
+  height: calc(100% + var(--ag-grid-modal-layout-divider-offset, 16px));
+  width: 1px;
+  background-color: var(--ap-color-bg);
+  position: absolute;
+  left: 0px;
+  top: -16px;
+}
+.aplus-ap-selected-items__default {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 8px;
+  gap: 16px;
+  border-radius: 4px;
+}
+.aplus-ap-selected-items__default:hover .aplus-ap-selected-items__del-icon {
+  opacity: 1;
+}
+.aplus-ap-selected-items__default:hover {
+  background-color: var(--ap-color-bg-2);
+}
+.aplus-ap-selected-items__default-content {
+  width: 0px;
+  flex-grow: 1;
+}
+.aplus-ap-selected-items__del-icon {
+  font-size: 14px;
+  cursor: pointer;
+  opacity: 0;
+}
+.aplus-ap-selected-items__del-icon:hover {
+  color: var(--ap-color-error);
+}

package/theme/index.less

@@ -53,3 +53,5 @@
 @import './ag-grid/index.less';
 @import './ap-value-select-card/index.less';
 @import './ap-pro-card/index.less';
+@import './ag-grid-modal/index.less';
+@import './ag-grid-modal/selected-items.less';