@aplus-frontend/ui 0.3.13 → 0.4.0

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

@@ -0,0 +1,62 @@
+.ant-alert {
+  align-items: flex-start;
+  width: 100%;
+  padding: 6px 12px;
+  border-radius: 4px;
+
+  .ant-alert-close-icon {
+    line-height: 18px;
+  }
+
+  .ant-alert-icon {
+    font-size: 16px;
+    transform: translateY(1px);
+    margin-inline-end: 8px;
+  }
+
+  .ant-alert-message {
+    color: #333333;
+    font-weight: normal !important;
+    font-size: 12px;
+    line-height: 18px;
+
+    .href {
+      color: #1890ff;
+      cursor: pointer;
+    }
+  }
+
+  .ant-alert-description {
+    color: #333333;
+    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(250, 173, 20, 0.1);
+  border: 1px solid rgba(250, 173, 20, 0.4);
+}
+
+.ant-alert-info {
+  background: rgba(24, 144, 255, 0.1);
+  border: 1px solid rgba(24, 144, 255, 0.4);
+}
+
+.ant-alert-success {
+  background: rgba(52, 183, 124, 0.1);
+  border: 1px solid rgba(52, 183, 124, 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/admin/button.css

@@ -0,0 +1,27 @@
+.ant-btn {
+  box-shadow: none;
+}
+.ant-btn-primary[disabled],
+.ant-btn-primary[disabled]:hover {
+  color: #ffffff !important;
+  background: #d6f1e5 !important;
+  border-color: #d6f1e5 !important;
+}
+.ant-btn-dangerous[disabled],
+.ant-btn-dangerous[disabled]:hover {
+  color: #ffffff !important;
+  background: #ffdbdc !important;
+  border-color: #ffdbdc !important;
+}
+.ant-btn-default[disabled],
+.ant-btn-default[disabled]:hover {
+  color: #bfbfbf !important;
+  background: #fafafa !important;
+  border-color: #d9d9d9 !important;
+}
+.ant-btn-link[disabled],
+.ant-btn-link[disabled]:hover,
+.ant-btn-text[disabled],
+.ant-btn-text[disabled]:hover {
+  color: rgba(24, 144, 255, 0.2) !important;
+}

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

@@ -0,0 +1,31 @@
+.ant-btn {
+  box-shadow: none;
+}
+
+.ant-btn-primary[disabled],
+.ant-btn-primary[disabled]:hover {
+  color: #ffffff !important;
+  background: #d6f1e5 !important;
+  border-color: #d6f1e5 !important;
+}
+
+.ant-btn-dangerous[disabled],
+.ant-btn-dangerous[disabled]:hover {
+  color: #ffffff !important;
+  background: #ffdbdc !important;
+  border-color: #ffdbdc !important;
+}
+
+.ant-btn-default[disabled],
+.ant-btn-default[disabled]:hover {
+  color: #bfbfbf !important;
+  background: #fafafa !important;
+  border-color: #d9d9d9 !important;
+}
+
+.ant-btn-link[disabled],
+.ant-btn-link[disabled]:hover,
+.ant-btn-text[disabled],
+.ant-btn-text[disabled]:hover {
+  color: rgba(24, 144, 255, 0.2) !important;
+}

package/theme/antd-global-overwrite/admin/form.css

@@ -0,0 +1,57 @@
+.ant-form .ant-form-item label {
+  font-weight: normal;
+}
+.ant-form .ant-form-item label svg {
+  color: #34b77c;
+}
+.ant-form .ant-form-item-control {
+  padding-left: 0;
+}
+.ant-form .ant-form-item-control .ant-form-item-explain-error {
+  font-size: 12px;
+}
+.ant-input::-moz-placeholder {
+  color: #bfbfbf;
+}
+.ant-input::placeholder {
+  color: #bfbfbf;
+}
+.ant-select .ant-select-selection-placeholder {
+  color: #bfbfbf;
+}
+.ant-picker .ant-picker-input > input::-moz-placeholder {
+  color: #bfbfbf;
+}
+.ant-picker .ant-picker-input > input::placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number .ant-input-number-input-wrap > input::-moz-placeholder {
+  color: #bfbfbf;
+}
+.ant-input-number .ant-input-number-input-wrap > input::placeholder {
+  color: #bfbfbf;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'],
+div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] {
+  padding: 16px;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content,
+div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-primary,
+div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-primary {
+  order: 1;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-default,
+div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-default {
+  order: 2;
+  margin-right: 0;
+}
+div[class$='-basic-table-form-container'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-link,
+div[class$='-basic-table-form-container ap-table--sticky'] form[class$='-basic-form--compact'] div.ant-col[tableaction] .ant-form-item-control-input-content button.ant-btn-link {
+  order: 3;
+  margin-left: 0.5rem;
+}

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

@@ -0,0 +1,97 @@
+.ant-form {
+  .ant-form-item {
+    // label style
+    label {
+      font-weight: normal;
+
+      svg {
+        color: #34b77c;
+      }
+    }
+  }
+
+  .ant-form-item-control {
+    padding-left: 0;
+    // error style
+    .ant-form-item-explain-error {
+      font-size: 12px;
+    }
+    // Radio style
+    // .ant-radio-wrapper .ant-radio {
+    //   &.ant-radio-checked {
+    //     .ant-radio-inner {
+    //       background-color: #ffffff;
+    //       border-color: #34b77c;
+
+    //       &::after {
+    //         background-color: #34b77c;
+    //       }
+    //     }
+    //   }
+    // }
+    // Select style
+    // .ant-select {
+    //   &.ant-select-open {
+    //     .ant-select-selection-item {
+    //       color: #bfbfbf;
+    //     }
+    //   }
+    // }
+  }
+}
+
+// placeholder style
+.ant-input::placeholder {
+  color: #bfbfbf;
+}
+
+.ant-select .ant-select-selection-placeholder {
+  color: #bfbfbf;
+}
+
+.ant-picker .ant-picker-input > input::placeholder {
+  color: #bfbfbf;
+}
+
+.ant-input-number .ant-input-number-input-wrap > input::placeholder {
+  color: #bfbfbf;
+}
+
+// input disabled styles
+// input.ant-input[disabled] {
+//   color: #666666;
+// }
+
+// 兼容 table 里面 过滤器样式
+// 新增对sticky表格的样式类型
+div[class$='-basic-table-form-container'],
+div[class$='-basic-table-form-container ap-table--sticky'] {
+  form[class$='-basic-form--compact'] {
+    // 关于 过滤器 底部 16px问题 浩龙已经处理过了
+    // 利用 row-gap 所以这里需要设置 padding
+    padding: 16px;
+    // 查询 重置按钮 交换位置
+    // 利用flexbox布局 order
+    div.ant-col[tableaction] {
+      .ant-form-item-control-input-content {
+        display: flex;
+        align-items: center;
+        justify-content: flex-end;
+
+        button.ant-btn-primary {
+          order: 1;
+        }
+
+        button.ant-btn-default {
+          order: 2;
+          margin-right: 0;
+        }
+
+        button.ant-btn-link {
+          order: 3;
+          margin-left: 0.5rem;
+        }
+      }
+    }
+  }
+}