@aplus-frontend/ui 0.3.12 → 0.4.0

package/theme/ap-action/item.less

@@ -0,0 +1,44 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+@aid: ~'@{ns}-action-item--disabled';
+
+.b(action-item, {
+  display: inline-block;
+  font-size: 14px;
+  line-height: 22px;
+  cursor: pointer;
+  // 因为这里action-item类似于button type=link 所以主色=link色
+  &--primary {
+    color: var(--ap-action-color-primary-base, #0070FF);
+    &:not(.@{aid}):hover {
+      color: var(--ap-action-color-primary-hover, #66A9FF);
+    }
+  }
+
+  &--success {
+    color: var(--ap-action-color-success, #2ED1A3);
+  }
+
+  &--error {
+    color: var(--ap-action-color-error, #FF4D4F);
+  }
+
+  &--warn {
+    color: var(--ap-action-color-warn, #FFA940);
+  }
+
+  &--loading {
+    opacity: 0.35;
+    transition: opacity 0.2s;
+    cursor: default;
+    .btn-loading-icon {
+      margin-right: 4px;
+    }
+  }
+
+  &--disabled {
+    color: #CCE2FF;
+    cursor: not-allowed;
+  }
+});

package/theme/ap-appendix/ap-appendix.css

@@ -0,0 +1,69 @@
+.aplus-ap-appendix__suffix {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-appendix__download-all {
+  margin-left: auto;
+  padding: 0;
+  height: -moz-min-content;
+  height: min-content;
+}
+.aplus-ap-appendix__file-area {
+  margin-top: 16px;
+}
+.aplus-ap-appendix__file-area--border {
+  border: 1px dashed var(--ap-appendix-area-color-border, #DEE4ED);
+  padding: 16px 20px;
+  border-radius: 4px;
+}
+.aplus-ap-appendix__file-area-content {
+  display: grid;
+  gap: 16px 80px;
+  grid-template-columns: var(--ap-appendix-column, repeat(2, 1fr));
+}
+.aplus-ap-appendix__file-area-content-item {
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.aplus-ap-appendix__file-area-content-item-content {
+  display: flex;
+  align-items: center;
+  width: -moz-max-content;
+  width: max-content;
+  cursor: pointer;
+  max-width: 100%;
+}
+.aplus-ap-appendix__file-area-content-item-icon {
+  margin-right: 8px;
+}
+.aplus-ap-appendix__file-area-content-item-icon svg {
+  width: 16px;
+  color: var(--ap-appendix-area-color-icon, #ABB7CC);
+}
+.aplus-ap-appendix__file-area-content-item-file-name {
+  min-width: 0;
+  overflow: hidden;
+  width: -moz-max-content;
+  width: max-content;
+}
+.aplus-ap-appendix__file-area-content-item-file-name .ant-typography {
+  font-size: 14px;
+  line-height: 22px;
+  color: var(--ap-appendix-area-color-font, #182948);
+  transition: color 0.2s;
+}
+.aplus-ap-appendix__file-area-content-item-content:hover .ant-typography {
+  color: var(--ap-appendix-area-color-font-hover, #0070ff);
+}
+.aplus-ap-appendix__file-area-content-item--loading-content {
+  cursor: not-allowed;
+}
+.aplus-ap-appendix__file-area-content-item--loading .ant-typography {
+  color: var(--ap-appendix-area-color-font-disabled, #ABB7CC);
+}
+.aplus-ap-appendix__file-area-content-item--loading-content:hover .ant-typography {
+  color: var(--ap-appendix-area-color-font-disabled, #ABB7CC);
+}

package/theme/ap-appendix/ap-appendix.less

@@ -0,0 +1,75 @@
+@import '../mixins/config.less';
+@import '../mixins/mixins.less';
+.b(ap-appendix,{
+  &__suffix{
+    width: 100%;
+    display: flex;
+    align-items: center;
+  }
+  &__download-all {
+    margin-left: auto;
+    padding: 0;
+    height: min-content;
+  }
+  &__file-area {
+    margin-top: 16px;
+    &--border{
+      border: 1px dashed var(--ap-appendix-area-color-border,#DEE4ED);
+      padding: 16px 20px;
+      border-radius: 4px;
+    }
+    &-content {
+      display: grid;
+      gap: 16px 80px;
+      grid-template-columns: var(--ap-appendix-column,repeat(2, 1fr));
+      &-item {
+        overflow: hidden;
+        user-select: none;
+        &-content{
+          display: flex;
+          align-items: center;
+          width: max-content;
+          cursor: pointer;
+          max-width: 100%;
+        }
+        &-icon{
+          margin-right: 8px;
+          svg{
+            width: 16px;
+            color: var(--ap-appendix-area-color-icon,#ABB7CC);
+          }
+        }
+        &-file-name{
+          min-width: 0;
+          overflow: hidden;
+          width: max-content;
+          .ant-typography{
+            font-size: 14px;
+            line-height: 22px;
+            color: var(--ap-appendix-area-color-font,#182948);
+            transition: color 0.2s;
+          }
+        }
+        &-content:hover{
+          .ant-typography{
+            color: var(--ap-appendix-area-color-font-hover,#0070ff);
+          }
+        }
+        &--loading{
+          &-content{
+            cursor: not-allowed;
+          }
+          .ant-typography{
+            color: var(--ap-appendix-area-color-font-disabled,#ABB7CC);
+          }
+          &-content:hover{
+            .ant-typography{
+              color: var(--ap-appendix-area-color-font-disabled,#ABB7CC);
+            }
+          }
+        }
+        
+      }
+    }
+  }
+});

package/theme/ap-attachment/ap-attachment.css

@@ -0,0 +1,68 @@
+.aplus-ap-attachment {
+  display: inline-flex;
+  justify-content: space-between;
+}
+.aplus-ap-attachment__content {
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-attachment__text-render {
+  color: var(--download-main-color);
+  margin-right: 5px;
+}
+.aplus-ap-attachment__text-render:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__spin {
+  float: left;
+  margin-right: 5px;
+}
+.aplus-ap-attachment__text-inner {
+  max-width: 190px;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  font-size: 14px;
+  cursor: pointer;
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__text-inner:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__more {
+  display: inline-block;
+  font-size: 14px;
+  cursor: pointer;
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__more:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-attachment__file-list {
+  max-width: 312px;
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 0;
+}
+.aplus-ap-attachment__file-item {
+  flex: 1;
+  word-wrap: break-word;
+  margin-bottom: 16px;
+  font-size: 14px;
+  color: #000;
+  cursor: pointer;
+}
+.aplus-ap-attachment__file-item:hover {
+  color: var(--download-main-color);
+}
+.aplus-ap-attachment__down-load-all {
+  font-size: 14px;
+  color: var(--download-main-color);
+  cursor: pointer;
+  margin-bottom: 0;
+}
+.aplus-ap-attachment__down-load-all:hover {
+  color: var(--download-main-color-opacity);
+}

package/theme/ap-attachment/ap-attachment.less

@@ -0,0 +1,73 @@
+@import '../mixins/mixins.less';
+
+.b(ap-attachment, {
+  display:inline-flex;
+  justify-content: space-between;
+  &__content{
+    display: flex;
+    align-items: center;
+  }
+  &__text-render{
+    color: var(--download-main-color);
+    &:hover{
+      color: var(--download-main-color-opacity);
+    }
+    margin-right:5px;
+  }
+  &__spin{
+    float: left;
+    margin-right: 5px;
+  }
+  &__text-inner{
+    max-width: 190px;
+    display: inline-block;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    cursor: pointer;
+    color: var(--download-main-color);
+
+    &:hover{
+      color: var(--download-main-color-opacity);
+    }
+  }
+  &__more{
+    display: inline-block;
+    font-size: 14px;
+    cursor: pointer;
+    color: var(--download-main-color);
+    &:hover{
+      color: var(--download-main-color-opacity);
+    }
+  }
+  &__file-list{
+    max-width: 312px;
+    display: flex;
+    flex-direction: column;
+    margin:0;
+    padding:0;
+    
+  }
+  &__file-item{
+    flex:1;
+    word-wrap: break-word;
+    margin-bottom: 16px;
+    font-size:14px;
+    color:#000;
+    cursor: pointer;
+    &:hover{
+      color: var(--download-main-color);
+    }
+  }
+  &__down-load-all{
+    font-size:14px;
+    color: var(--download-main-color);
+    cursor: pointer;
+    margin-bottom:0;
+    &:hover{
+      color: var(--download-main-color-opacity);
+    }
+  }
+ 
+});

package/theme/ap-batch-action/ap-batch-action.css

@@ -0,0 +1,36 @@
+.aplus-ap-batch-action {
+  width: 100%;
+}
+.aplus-ap-batch-action-body {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-batch-action-body .selected-desc {
+  display: flex;
+  align-items: center;
+  margin-right: 16px;
+  flex-shrink: 0;
+}
+.aplus-ap-batch-action-body .selected-desc-conut {
+  font-size: 14px;
+  color: var(--ap-batch-action-color-font, #8896b0);
+}
+.aplus-ap-batch-action-body .selected-desc-conut span {
+  color: var(--ap-batch-action-color-active, #0070ff);
+  font-weight: bold;
+  min-width: 10px;
+  display: inline-block;
+}
+.aplus-ap-batch-action-body .selected-desc-clean {
+  margin-left: 8px;
+}
+.aplus-ap-batch-action-body .selected-desc-clean > * {
+  padding: 0;
+}
+.aplus-ap-batch-action-header {
+  width: 100%;
+  padding-bottom: 12px;
+  margin-bottom: 12px;
+  border-bottom: 1px solid var(--ap-batch-action-color-border, #E9EDF3);
+}

package/theme/ap-batch-action/ap-batch-action.less

@@ -0,0 +1,38 @@
+@import '../mixins/config.less';
+@import '../mixins/mixins.less';
+.b(ap-batch-action,{
+  width: 100%;
+  &-body{
+    width: 100%;
+    display: flex;
+    align-items: center;
+    .selected-desc{
+      display: flex;
+      align-items: center;
+      margin-right: 16px;
+      flex-shrink: 0;
+      &-conut{
+        font-size: 14px;
+        color: var(--ap-batch-action-color-font,#8896b0);
+        span{
+          color: var(--ap-batch-action-color-active,#0070ff);
+          font-weight: bold;
+          min-width: 10px;
+          display: inline-block;
+        }
+      }
+      &-clean{
+        margin-left: 8px;
+        &>*{
+          padding: 0;
+        }
+      }
+    }
+  }
+  &-header {
+    width: 100%;
+    padding-bottom: 12px;
+    margin-bottom: 12px;
+    border-bottom: 1px solid var(--ap-batch-action-color-border,#E9EDF3);
+  }
+});

package/theme/ap-button/ap-button.css

@@ -0,0 +1,6 @@
+.aplus-ap-action-button-border-link:not(:disabled):hover,
+.aplus-ap-action-button-border-link:not(:disabled):active,
+.aplus-ap-action-button-border-link:not(:disabled):focus {
+  border-color: var(--button-border-color);
+  color: var(--button-border-color) !important;
+}

package/theme/ap-button/ap-button.less

@@ -0,0 +1,8 @@
+@import '../mixins/config.less';
+@import '../mixins/mixins.less';
+.b(ap-action-button-border-link,{
+  &:not(:disabled):hover,&:not(:disabled):active,&:not(:disabled):focus{
+    border-color: var(--button-border-color);
+    color: var(--button-border-color) !important;
+  }
+});

package/theme/ap-card/ap-card.css

@@ -0,0 +1,10 @@
+.aplus-ap-card {
+  width: 100%;
+  background: #fff;
+}
+.aplus-ap-card + .aplus-ap-card {
+  margin-top: 10px;
+}
+.aplus-ap-card-title {
+  margin-bottom: 14px;
+}

package/theme/ap-card/ap-card.less

@@ -0,0 +1,12 @@
+@import '../mixins/config.less';
+@import '../mixins/mixins.less';
+.b(ap-card,{
+  width: 100%;
+  background: #fff;
+  &+& {
+    margin-top: 10px
+  }
+});
+.b(ap-card-title,{
+  margin-bottom: 14px;
+});

package/theme/ap-descriptions/ap-descriptions.css

@@ -0,0 +1,56 @@
+/** 
+  TODO: 
+    1.admin和aplus样式提成变量？
+*/
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-view table {
+  table-layout: fixed;
+}
+.aplus-ap-descriptions .ant-descriptions td.ant-descriptions-item {
+  padding-bottom: var(--ap-descriptions-item-padding-bottom);
+}
+.aplus-ap-descriptions .ant-descriptions th.ant-descriptions-item {
+  padding-bottom: 8px;
+}
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-row:last-child .ant-descriptions-item {
+  padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
+}
+.aplus-ap-descriptions .ant-descriptions .ant-descriptions-item-label::after {
+  margin-inline: 4px 20px;
+}
+.aplus-ap-descriptions .ant-descriptions-row .ant-descriptions-item-label .ant-typography {
+  color: inherit;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label {
+  justify-content: flex-end;
+  width: var(--ap-descriptions-item-label-width);
+  color: #999999;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  margin-left: 4px;
+  color: #34b77c;
+  font-size: 16px;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content {
+  color: #333333;
+}
+.aplus-ap-descriptions--admin .ant-descriptions-row .ant-descriptions-item-content .ap-descriptions-item-content__link {
+  color: #1890ff;
+  cursor: pointer;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label {
+  justify-content: flex-end;
+  width: var(--ap-descriptions-item-label-width);
+  color: #8896B0;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-label .ap-descriptions-item-content__help {
+  margin-left: 4px;
+  color: #0070FF;
+  font-size: 16px;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content {
+  color: #182948;
+}
+.aplus-ap-descriptions--aplus .ant-descriptions-row .ant-descriptions-item-content .ap-descriptions-item-content__link {
+  color: #0070FF;
+  cursor: pointer;
+}

package/theme/ap-descriptions/ap-descriptions.less

@@ -0,0 +1,99 @@
+@import '../mixins/config.less';
+@import '../mixins/mixins.less';
+
+/** 
+  TODO: 
+    1.admin和aplus样式提成变量？
+*/
+
+.b(ap-descriptions,{
+  .ant-descriptions {
+    .ant-descriptions-view table {
+      table-layout: fixed;
+    }
+
+    td {
+      &.ant-descriptions-item {
+        padding-bottom: var(--ap-descriptions-item-padding-bottom);
+      }
+    }
+    th {
+      &.ant-descriptions-item {
+        padding-bottom: 8px;
+      }
+    }
+    // 最后一个 item 的 padding-bottom 为 0
+    .ant-descriptions-row {
+      &:last-child {
+        .ant-descriptions-item {
+          padding-bottom: var(--ap-descriptions-last-row-item-padding-bottom);
+        }
+      }
+    }
+
+    .ant-descriptions-item-label::after {
+      margin-inline: 4px 20px;
+    }
+  }
+
+  .ant-descriptions-row {
+    .ant-descriptions-item-label {
+      .ant-typography{
+        // 继承上级颜色
+        color: inherit;
+      }
+    }}
+
+  // admin端定制样式
+  &--admin {
+    .ant-descriptions-row {
+      .ant-descriptions-item-label {
+        justify-content: flex-end;
+        width: var(--ap-descriptions-item-label-width);
+        color: #999999;
+        // 帮助icon样式
+        .ap-descriptions-item-content__help {
+          margin-left: 4px;
+          color: #34b77c;
+          font-size: 16px;
+        }
+      }
+
+      .ant-descriptions-item-content {
+        color: #333333;
+        // 附件链接色
+        .ap-descriptions-item-content__link {
+          color: #1890ff;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+
+  // aplus端定制样式
+  &--aplus {
+    .ant-descriptions-row {
+      .ant-descriptions-item-label {
+        justify-content: flex-end;
+        width: var(--ap-descriptions-item-label-width);
+        color: #8896B0;
+
+        // 帮助icon样式
+        .ap-descriptions-item-content__help {
+          margin-left: 4px;
+          color: #0070FF;
+          font-size: 16px;
+        }
+      }
+
+      .ant-descriptions-item-content {
+        color: #182948;
+        // 附件链接色
+        .ap-descriptions-item-content__link {
+          color: #0070FF;
+          cursor: pointer;
+        }
+      }
+    }
+  }
+});

package/theme/ap-download/ap-download.css

@@ -0,0 +1,54 @@
+.aplus-ap-download-wrapper {
+  text-wrap: nowrap;
+  display: inline-block;
+}
+.aplus-ap-download-inner-wrapper {
+  display: inline-block;
+  color: var(--download-main-color);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+}
+.aplus-ap-download-inner-wrapper .spin {
+  margin-right: 5px;
+}
+.aplus-ap-download-inner-wrapper .icon {
+  position: relative;
+  font-size: 18px;
+  margin-right: 5px;
+}
+.aplus-ap-download-inner-wrapper .text {
+  color: var(--download-main-color);
+}
+.aplus-ap-download-inner-wrapper:hover {
+  color: var(--download-main-color-opacity);
+}
+.aplus-ap-download-inner-wrapper--large {
+  line-height: 26px;
+  height: 28px;
+  font-size: 16px;
+}
+.aplus-ap-download-inner-wrapper--middle {
+  line-height: 22px;
+  height: 24px;
+  font-size: 14px;
+}
+.aplus-ap-download-inner-wrapper--small {
+  line-height: 19px;
+  height: 20px;
+  font-size: 12px;
+}
+.aplus-ap-download-inner-wrapper--disabled {
+  color: #8896b0;
+  cursor: not-allowed;
+}
+.aplus-ap-download-inner-wrapper--disabled:hover {
+  color: #8896b0;
+}
+.aplus-ap-download-inner-wrapper--disabled-admin {
+  cursor: not-allowed;
+  color: #999;
+}
+.aplus-ap-download-inner-wrapper--disabled-admin:hover {
+  color: #999;
+}