@aplus-frontend/ui 0.6.0-beta.9 → 0.6.0

package/theme/antd-global-overwrite/admin/table.less

@@ -2,137 +2,9 @@
 
 @tw: ~'@{ns}-ap-table__table-wrapper';
 @sb: ~'@{ns}-scroll-bar';
-// vben表格
-// 新增对sticky表格的样式类型
-[class$='-basic-table'],
-[class$='-basic-table-form-container'],
-[class$='-basic-table ap-table--sticky'],
-[class$='-basic-table-form-container ap-table--sticky'] {
-  width: 100%;
-  height: 100%;
 
-  .ant-table-wrapper {
-    padding: 12px 16px 16px;
-    background-color: #ffffff;
-    border-radius: 0;
-
-    // 自定义title
-    .ant-table.ant-table-middle > .ant-table-title,
-    .ant-table.ant-table-small > .ant-table-title {
-      display: flex;
-      align-items: center;
-      justify-content: space-between;
-      min-height: 40px;
-      padding: 0 0 12px; // title下边距
-      border: none;
-    }
-
-    .ant-table {
-      width: 100%;
-      overflow-x: hidden;
-      border-radius: 0;
-
-      .ant-table-container {
-        border-radius: 0;
-
-        table {
-          border-radius: 0;
-        }
-
-        table > thead > tr:first-child > *:first-child {
-          border-radius: 0;
-        }
-
-        .ant-table-header {
-          border-radius: 0; // 解决表格表头圆角缺失
-        }
-
-        .ant-table-tbody > tr {
-          &.ant-table-row-selected {
-            & > td {
-              background-color: #f3fbf7;
-            }
-
-            &:hover > td {
-              background-color: #e6f6ef;
-            }
-          }
-
-          & > td {
-            padding: 13.5px 16px; // 单元格左右间距
-            line-height: 20px;
-          }
-        }
-
-        .ant-table-thead > tr > th {
-          padding: 13.5px 16px; // 表头左右间距
-          line-height: 20px;
-        }
-      }
-
-      &-footer {
-        padding: 0;
-
-        .ant-table-wrapper {
-          padding: 0;
-        }
-
-        table {
-          border: none;
-        }
-
-        .ant-table-body {
-          overflow-x: hidden;
-          //  overflow-y: scroll !important;
-        }
-
-        td {
-          padding: 12px 8px;
-        }
-      }
-    }
-  }
-}
-
-// 处理vben的basicTable头部筛选样式
-[class$='-basic-table-form-container'] {
-  padding: 16px;
-
-  .ant-form {
-    width: 100%;
-    margin-bottom: 16px;
-    padding: 16px;
-    background-color: #ffffff;
-    border-radius: 0;
-
-    .ant-row {
-      row-gap: 16px;
-    }
-
-    .ant-form-item {
-      margin-bottom: 0;
-    }
-  }
-}
-
-// vben的basicTable的inset配置
-[class$='-basic-table--inset'] {
-  .ant-table-wrapper {
-    padding: 0;
-  }
-}
-
-// ④-vben表格的斑马纹
-[class$='-basic-table-row__striped'] {
-  td {
-    background-color: #fafafa;
-  }
-}
-
-// 三种表格（ApTable，BacisTable，ProTable）的表头+分页器的sticky定位样式
-[class*='-basic-table'].ap-table--sticky,
-[class*='-ap-table'].ap-table--sticky,
-[class*='-pro-table'].ap-table--sticky {
+// 三种表格ApTable的表头+分页器的sticky定位样式
+[class*='-ap-table'].ap-table--sticky {
   .@{tw},
   .ant-table-wrapper {
     &:has(ul.ant-pagination) {
@@ -167,7 +39,7 @@
 
       &:has(ul.ant-pagination) {
         .@{sb} {
-          bottom: 48px;
+          bottom: 44px;
         }
       }
 
@@ -176,7 +48,7 @@
         bottom: 0;
         z-index: 90;
         margin: 0;
-        padding: 12px 0;
+        padding: 8px 0;
         background-color: #ffffff;
       }
 

package/theme/antd-global-overwrite/aplus/alert.css

@@ -1,15 +1,8 @@
-.ant-alert {
-  align-items: flex-start;
-  width: 100%;
-  padding: 6px 12px;
-  border-radius: 4px;
-}
 .ant-alert .ant-alert-close-icon {
   line-height: 18px;
 }
 .ant-alert .ant-alert-icon {
   font-size: 16px;
-  transform: translateY(1px);
   margin-inline-end: 8px;
 }
 .ant-alert .ant-alert-message {
@@ -22,29 +15,26 @@
   color: #0070ff;
   cursor: pointer;
 }
-.ant-alert .ant-alert-description {
-  color: #182948;
-  font-weight: normal;
-  font-size: 12px;
-  line-height: 18px;
-}
-.ant-alert-with-description .ant-alert-message {
+.ant-alert.ant-alert-with-description .ant-alert-message {
   margin-bottom: 4px;
   font-weight: bold !important;
 }
-.ant-alert-warning {
+.ant-alert .ant-alert-description {
+  color: #182948;
+}
+.ant-alert.ant-alert-warning {
   background: rgba(255, 169, 64, 0.1);
   border: 1px solid rgba(255, 169, 64, 0.4);
 }
-.ant-alert-info {
+.ant-alert.ant-alert-info {
   background: rgba(0, 112, 255, 0.1);
   border: 1px solid rgba(0, 112, 255, 0.4);
 }
-.ant-alert-success {
+.ant-alert.ant-alert-success {
   background: rgba(46, 209, 163, 0.1);
   border: 1px solid rgba(46, 209, 163, 0.4);
 }
-.ant-alert-error {
+.ant-alert.ant-alert-error {
   background: rgba(255, 77, 79, 0.1);
   border: 1px solid rgba(255, 77, 79, 0.4);
 }

package/theme/antd-global-overwrite/aplus/alert.less

@@ -1,24 +1,20 @@
-.ant-alert {
-  align-items: flex-start;
-  width: 100%;
-  padding: 6px 12px;
-  border-radius: 4px;
+@import '../../mixins/config.less';
 
+.ant-alert {
   .ant-alert-close-icon {
     line-height: 18px;
   }
 
   .ant-alert-icon {
     font-size: 16px;
-    transform: translateY(1px);
-    margin-inline-end: 8px;
+    margin-inline-end: @spacing;
   }
 
   .ant-alert-message {
     color: #182948;
     font-weight: normal !important;
-    font-size: 12px;
-    line-height: 18px;
+    font-size: @font-size-base;
+    line-height: @line-height-base;
 
     .href {
       color: #0070ff;
@@ -26,37 +22,34 @@
     }
   }
 
+  &.ant-alert-with-description {
+    .ant-alert-message {
+      margin-bottom: @spacing-xs;
+      font-weight: bold !important;
+    }
+  }
+
   .ant-alert-description {
     color: #182948;
-    font-weight: normal;
-    font-size: 12px;
-    line-height: 18px;
   }
-}
 
-.ant-alert-with-description {
-  .ant-alert-message {
-    margin-bottom: 4px;
-    font-weight: bold !important;
+  &.ant-alert-warning {
+    background: rgba(255, 169, 64, 0.1);
+    border: 1px solid rgba(255, 169, 64, 0.4);
   }
-}
-
-.ant-alert-warning {
-  background: rgba(255, 169, 64, 0.1);
-  border: 1px solid rgba(255, 169, 64, 0.4);
-}
 
-.ant-alert-info {
-  background: rgba(0, 112, 255, 0.1);
-  border: 1px solid rgba(0, 112, 255, 0.4);
-}
+  &.ant-alert-info {
+    background: rgba(0, 112, 255, 0.1);
+    border: 1px solid rgba(0, 112, 255, 0.4);
+  }
 
-.ant-alert-success {
-  background: rgba(46, 209, 163, 0.1);
-  border: 1px solid rgba(46, 209, 163, 0.4);
-}
+  &.ant-alert-success {
+    background: rgba(46, 209, 163, 0.1);
+    border: 1px solid rgba(46, 209, 163, 0.4);
+  }
 
-.ant-alert-error {
-  background: rgba(255, 77, 79, 0.1);
-  border: 1px solid rgba(255, 77, 79, 0.4);
+  &.ant-alert-error {
+    background: rgba(255, 77, 79, 0.1);
+    border: 1px solid rgba(255, 77, 79, 0.4);
+  }
 }

package/theme/antd-global-overwrite/aplus/button.css

@@ -1,27 +1,27 @@
 .ant-btn {
   box-shadow: none;
 }
-.ant-btn-primary[disabled],
-.ant-btn-primary[disabled]:hover {
-  color: #ffffff !important;
-  background: #cce2ff !important;
-  border-color: #cce2ff !important;
+.ant-btn.ant-btn-primary[disabled],
+.ant-btn.ant-btn-primary[disabled]:hover {
+  color: #ffffff;
+  background: #cce2ff;
+  border-color: #cce2ff;
 }
-.ant-btn-dangerous[disabled],
-.ant-btn-dangerous[disabled]:hover {
-  color: #ffffff !important;
-  background: #ffdbdc !important;
-  border-color: #ffdbdc !important;
+.ant-btn.ant-btn-dangerous.ant-btn-default[disabled],
+.ant-btn.ant-btn-dangerous.ant-btn-default[disabled]:hover {
+  color: #ffffff;
+  background: #ffdbdc;
+  border-color: #ffdbdc;
 }
-.ant-btn-default[disabled],
-.ant-btn-default[disabled]:hover {
-  color: #abb7cc !important;
-  background: #f9f9fa !important;
-  border-color: #dee4ed !important;
+.ant-btn.ant-btn-default[disabled],
+.ant-btn.ant-btn-default[disabled]:hover {
+  color: #abb7cc;
+  background: #f9f9fa;
+  border-color: #dee4ed;
 }
-.ant-btn-link[disabled],
-.ant-btn-link[disabled]:hover,
-.ant-btn-text[disabled],
-.ant-btn-text[disabled]:hover {
-  color: #cce2ff !important;
+.ant-btn.ant-btn-link[disabled],
+.ant-btn.ant-btn-link[disabled]:hover,
+.ant-btn.ant-btn-text[disabled],
+.ant-btn.ant-btn-text[disabled]:hover {
+  color: #cce2ff;
 }

package/theme/antd-global-overwrite/aplus/button.less

@@ -1,31 +1,31 @@
 .ant-btn {
   box-shadow: none;
-}
 
-.ant-btn-primary[disabled],
-.ant-btn-primary[disabled]:hover {
-  color: #ffffff !important;
-  background: #cce2ff !important;
-  border-color: #cce2ff !important;
-}
+  &.ant-btn-primary[disabled],
+  &.ant-btn-primary[disabled]:hover {
+    color: #ffffff;
+    background: #cce2ff;
+    border-color: #cce2ff;
+  }
 
-.ant-btn-dangerous[disabled],
-.ant-btn-dangerous[disabled]:hover {
-  color: #ffffff !important;
-  background: #ffdbdc !important;
-  border-color: #ffdbdc !important;
-}
+  &.ant-btn-dangerous.ant-btn-default[disabled],
+  &.ant-btn-dangerous.ant-btn-default[disabled]:hover {
+    color: #ffffff;
+    background: #ffdbdc;
+    border-color: #ffdbdc;
+  }
 
-.ant-btn-default[disabled],
-.ant-btn-default[disabled]:hover {
-  color: #abb7cc !important;
-  background: #f9f9fa !important;
-  border-color: #dee4ed !important;
-}
+  &.ant-btn-default[disabled],
+  &.ant-btn-default[disabled]:hover {
+    color: #abb7cc;
+    background: #f9f9fa;
+    border-color: #dee4ed;
+  }
 
-.ant-btn-link[disabled],
-.ant-btn-link[disabled]:hover,
-.ant-btn-text[disabled],
-.ant-btn-text[disabled]:hover {
-  color: #cce2ff !important;
+  &.ant-btn-link[disabled],
+  &.ant-btn-link[disabled]:hover,
+  &.ant-btn-text[disabled],
+  &.ant-btn-text[disabled]:hover {
+    color: #cce2ff;
+  }
 }

package/theme/antd-global-overwrite/aplus/drawer.css

@@ -0,0 +1,3 @@
+.ant-drawer .ant-drawer-content-wrapper {
+  box-shadow: 8px 2px 24px 0 rgba(24, 41, 72, 0.2);
+}

package/theme/antd-global-overwrite/aplus/drawer.less

@@ -0,0 +1,5 @@
+.ant-drawer {
+  .ant-drawer-content-wrapper {
+    box-shadow: 8px 2px 24px 0 rgba(24, 41, 72, 0.2);
+  }
+}

package/theme/antd-global-overwrite/aplus/field.css

@@ -4,3 +4,39 @@
 .ant-radio:not(.ant-radio-checked) .ant-radio-inner {
   border-color: #d3d7de;
 }
+.ant-input::-moz-placeholder {
+  color: #abb7cc;
+}
+.ant-input::placeholder {
+  color: #abb7cc;
+}
+.ant-select .ant-select-selection-placeholder {
+  color: #abb7cc;
+}
+.ant-picker .ant-picker-input > input::-moz-placeholder {
+  color: #abb7cc;
+}
+.ant-picker .ant-picker-input > input::placeholder {
+  color: #abb7cc;
+}
+.ant-input-number .ant-input-number-input-wrap > input::-moz-placeholder {
+  color: #abb7cc;
+}
+.ant-input-number .ant-input-number-input-wrap > input::placeholder {
+  color: #abb7cc;
+}
+input[disabled].ant-input {
+  color: var(--ap-text-color-1);
+}
+textarea[disabled].ant-input {
+  color: var(--ap-text-color-1);
+}
+.ant-picker.ant-picker-disabled .ant-picker-input > input[disabled] {
+  color: var(--ap-text-color-1);
+}
+.ant-select-disabled .ant-select-selection-item {
+  color: var(--ap-text-color-1) !important;
+}
+.ant-input-clear-icon {
+  line-height: 18px;
+}

package/theme/antd-global-overwrite/aplus/field.less

@@ -5,3 +5,39 @@
 .ant-radio:not(.ant-radio-checked) .ant-radio-inner {
   border-color: #d3d7de;
 }
+
+.ant-input::placeholder {
+  color: #abb7cc;
+}
+
+.ant-select .ant-select-selection-placeholder {
+  color: #abb7cc;
+}
+
+.ant-picker .ant-picker-input > input::placeholder {
+  color: #abb7cc;
+}
+
+.ant-input-number .ant-input-number-input-wrap > input::placeholder {
+  color: #abb7cc;
+}
+
+input[disabled].ant-input {
+  color: var(--ap-text-color-1);
+}
+
+textarea[disabled].ant-input {
+  color: var(--ap-text-color-1);
+}
+
+.ant-picker.ant-picker-disabled .ant-picker-input > input[disabled] {
+  color: var(--ap-text-color-1);
+}
+
+.ant-select-disabled .ant-select-selection-item {
+  color: var(--ap-text-color-1) !important;
+}
+
+.ant-input-clear-icon {
+  line-height: 18px;
+}