@aplus-frontend/ui 0.3.12 → 0.4.0

package/theme/ap-ladder/ap-ladder.less

@@ -0,0 +1,66 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+.b('ap-ladder', {
+  @root-cls: ~'@{ns}@{common-separator}ap-ladder';
+  position: relative;
+  width: inherit;
+  font-size: 14px;
+  /** 自动溢出省略 */
+  &__ellipsis {
+    // min-width: 120px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-break: break-all;
+  }
+
+  /** Aplus端样式  */
+  &__major {
+    line-height: 22px;
+    color: #182948;
+  }
+  &__minor {
+    line-height: 22px;
+    color: #8896B0;
+  }
+  &__label {
+    color: #8896B0;
+    word-break: break-all;
+  }
+  &__value {
+    color: #182948;
+    word-break: break-all;
+  }
+  &__unit {
+    margin-left: 5px;
+    color: #182948;
+  }
+  &__link {
+    cursor: pointer;
+    color: @aplus-primary-color;
+  }
+  /** Admin端样式  */
+  &--admin {
+    .@{root-cls} {
+      &__major {
+        color: #333333;
+      }
+      &__minor {
+        color: #999999;
+      }
+      &__label {
+        color: #999999;
+      }
+      &__value {
+        color: #333333;
+      }
+      &__unit {
+        color: #333333;
+      }
+      &__link {
+        color: @admin-primary-color;
+      }
+    }
+  }
+});

package/theme/ap-layout/ap-info-layout.css

@@ -0,0 +1,36 @@
+.aplus-info-layout-container {
+  height: 100%;
+  background-color: #fff;
+  border-radius: 4px;
+}
+.aplus-info-layout-header__contant {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.aplus-info-layout-header__contant--title {
+  display: inline-block;
+}
+.aplus-info-layout-header__contant--actions {
+  display: inline-block;
+}
+.aplus-info-layout-contant {
+  border-bottom-color: #fff;
+}
+.aplus-ap-info-layout-admin {
+  margin: 16px;
+  height: calc(100% - 32px);
+  overflow: auto;
+}
+div.aplus-ap-info-layout-admin__header-shadow.aplus-ap-info-layout-admin__sticky_box {
+  box-shadow: 0 4px 6px 0 rgba(73, 107, 158, 0.1);
+  border-bottom: none;
+}
+.aplus-ap-info-layout-admin__sticky_box {
+  position: sticky;
+  top: 0;
+  z-index: 100;
+}
+.aplus-ap-info-layout-admin__sticky_box-bordered {
+  border-bottom: 1px solid #e9e9e9;
+}

package/theme/ap-layout/ap-info-layout.less

@@ -0,0 +1,46 @@
+@import '../mixins/mixins.less';
+
+// Aplus端InfoLayout样式
+.b(info-layout, {
+  &-container{
+    height: 100%;
+    background-color: @component-background;
+    border-radius: 4px;
+  }
+  &-header{
+    &__contant{
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+
+      &--title{
+        display: inline-block;
+      }
+      &--actions{
+        display: inline-block
+      }
+    }
+  }
+  &-contant{
+    border-bottom-color: @component-background;
+  }
+});
+
+// Admin端InfoLayout样式
+.b(ap-info-layout-admin,{
+  margin: 16px;
+  height: calc(100% - 32px);
+  overflow: auto;
+  div&__header-shadow&__sticky_box {
+    box-shadow: 0 4px 6px 0 rgb(73 107 158 / 10%);
+    border-bottom: none;
+  }
+  &__sticky_box {
+    position: sticky;
+    top: 0;
+    z-index: 100;
+  }
+  &__sticky_box-bordered {
+    border-bottom: 1px solid #e9e9e9;
+  }
+});

package/theme/ap-list/index.css

@@ -0,0 +1,14 @@
+.aplus-ap-list {
+  padding: 16px 24px;
+}
+.aplus-ap-list__footer {
+  margin-top: 16px;
+  display: flex;
+  justify-content: flex-end;
+}
+.aplus-ap-list-spin {
+  max-height: unset !important;
+}
+.aplus-ap-list-scroll-wrapper {
+  height: 100%;
+}

package/theme/ap-list/index.less

@@ -0,0 +1,16 @@
+@import '../mixins/mixins.less';
+
+.b(ap-list, {
+  padding: 16px 24px;
+  &__footer {
+    margin-top: 16px;
+    display: flex;
+    justify-content: flex-end;
+  }
+  &-spin {
+    max-height: unset !important;
+  }
+  &-scroll-wrapper {
+    height: 100%;
+  }
+});

package/theme/ap-scroll-bar/index.css

@@ -0,0 +1,31 @@
+.aplus-ap-scroll-bar {
+  position: relative;
+  background-color: var(--ap-scroll-bar-background, rgba(0, 0, 0, 0.05));
+}
+.aplus-ap-scroll-bar--horizontal {
+  height: 10px;
+}
+.aplus-ap-scroll-bar--vertical {
+  width: 10px;
+  height: 100%;
+}
+.aplus-ap-scroll-bar__bar {
+  position: absolute;
+  border-radius: 8px;
+  background-color: rgba(144, 147, 153, 0.3);
+  background-color: var(--ap-scroll-bar-bar, rgba(144, 147, 153, 0.3));
+  box-shadow: var(--ap-scroll-bar-bar-shadow, inset 0 0 6px rgba(0, 0, 0, 0.2));
+}
+.aplus-ap-scroll-bar__bar--horizontal {
+  height: 8px;
+  top: 1px;
+}
+.aplus-ap-scroll-bar__bar--vertical {
+  width: 8px;
+  left: 1px;
+}
+.aplus-ap-scroll-bar__bar:hover,
+.aplus-ap-scroll-bar__bar:focus,
+.aplus-ap-scroll-bar__bar:active {
+  background-color: var(--ap-scroll-bar-bar-active, rgba(144, 147, 153, 0.5));
+}

package/theme/ap-scroll-bar/index.less

@@ -0,0 +1,39 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+.b('ap-scroll-bar', {
+  position: relative;
+  // z-index: 999;
+  background-color:  var(--ap-scroll-bar-background, rgb(0 0 0 / 5%));
+
+  &--horizontal {
+    height: 10px;
+  }
+
+  &--vertical {
+    width: 10px;
+    height: 100%;
+  }
+
+  &__bar {
+    position: absolute;
+    border-radius: 8px;
+    background-color: rgb(144 147 153 / 30%);
+    background-color:  var(--ap-scroll-bar-bar, rgb(144 147 153 / 30%));
+    box-shadow: var(--ap-scroll-bar-bar-shadow, inset 0 0 6px rgb(0 0 0 / 20%)); ;
+
+    &--horizontal {
+      height: 8px;
+      top: 1px;
+    }
+
+    &--vertical {
+      width: 8px;
+      left: 1px;
+    }
+
+    &:hover, &:focus, &:active {
+      background-color:  var(--ap-scroll-bar-bar-active, rgb(144 147 153 / 50%));
+    }
+  }
+});

package/theme/ap-select-layout/ap-select-layout.css

@@ -0,0 +1,126 @@
+.aplus-ap-select-layout {
+  display: flex;
+  height: 100%;
+  width: 100%;
+}
+.aplus-ap-select-layout .v-enter-active,
+.aplus-ap-select-layout .v-leave-active {
+  transition: all 0.2s, background 0s;
+}
+.aplus-ap-select-layout .v-enter-from,
+.aplus-ap-select-layout .v-leave-to {
+  width: 0;
+  min-width: 0;
+  max-width: 0;
+  margin-right: 0;
+}
+.aplus-ap-select-layout-side {
+  display: flex;
+  flex-direction: column;
+  width: 214px;
+  min-width: 214px;
+  max-width: 214px;
+  margin-right: 16px;
+  overflow: hidden;
+  background-color: #fff;
+}
+.aplus-ap-select-layout-side__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  border-bottom: 1px solid #e9e9e9;
+  overflow: hidden;
+  white-space: nowrap;
+}
+.aplus-ap-select-layout-side__header > h3 {
+  margin: 0;
+  color: #333;
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 18px;
+}
+.aplus-ap-select-layout-side__header--imgWrap {
+  border-radius: 2px;
+  cursor: pointer;
+  font-size: 24px;
+  color: #999;
+  display: flex;
+  height: 24px;
+}
+.aplus-ap-select-layout-side__header--imgWrap:hover {
+  background: #f5f5f5;
+}
+.aplus-ap-select-layout-side__header--imgWrap > img {
+  width: 24px;
+  height: 24px;
+}
+.aplus-ap-select-layout-side__body {
+  position: relative;
+  flex: 1;
+}
+.aplus-ap-select-layout-side__body--search {
+  margin: 10px 0;
+  padding: 0 16px;
+}
+.aplus-ap-select-layout-side__body--scroll {
+  position: absolute;
+  inset: 52px 0 0;
+  overflow-y: auto;
+  padding: 0 16px;
+}
+.aplus-ap-select-layout-side__body--scroll-item {
+  margin-bottom: 8px;
+  padding: 8px 12px;
+  overflow: hidden;
+  color: #333;
+  line-height: 22px;
+  width: calc(214px - 32px);
+  text-overflow: ellipsis;
+  text-wrap: nowrap;
+  cursor: pointer;
+  border-radius: 4px;
+}
+.aplus-ap-select-layout-side__body--scroll-item:hover {
+  background: #f5f5f5;
+}
+.aplus-ap-select-layout-side__body--scroll-item.active {
+  background-color: #e4faf1;
+  color: #34b77c;
+  font-weight: bold;
+}
+.aplus-ap-select-layout-side__body--scroll-item.active > .ant-typography {
+  color: #34b77c;
+}
+.aplus-ap-select-layout-content {
+  flex: 1;
+  overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
+}
+.aplus-ap-select-layout-content__header {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  padding: 16px 16px 0;
+  box-sizing: content-box;
+  background: #fff;
+}
+.aplus-ap-select-layout-content__header--imgWrap {
+  margin-right: 10px;
+  border-radius: 2px;
+  cursor: pointer;
+  font-size: 24px;
+  display: flex;
+  height: 24px;
+  color: #999;
+}
+.aplus-ap-select-layout-content__header--imgWrap:hover {
+  background: #f5f5f5;
+}
+.aplus-ap-select-layout-content__header--title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 32px;
+}

package/theme/ap-select-layout/ap-select-layout.less

@@ -0,0 +1,151 @@
+@import '../mixins/mixins.less';
+.b(ap-select-layout, {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  
+  .v-enter-active,
+  .v-leave-active {
+    transition:
+      all 0.2s,
+      background 0s;
+  }
+
+  .v-enter-from,
+  .v-leave-to {
+    width: 0;
+    min-width: 0;
+    max-width: 0;
+    margin-right: 0;
+  }
+
+  &-side {
+    display: flex;
+    flex-direction: column;
+    width: 214px;
+    min-width: 214px;
+    max-width: 214px;
+    margin-right: 16px;
+    overflow: hidden;
+    background-color: #fff;
+
+    &__header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 16px;
+      border-bottom: 1px solid #e9e9e9;
+      overflow: hidden;
+      white-space: nowrap;
+
+      & > h3 {
+        margin: 0;
+        color: #333;
+        font-size: 16px;
+        font-weight: bold;
+        line-height: 18px;
+      }
+
+      &--imgWrap {
+        border-radius: 2px;
+        cursor: pointer;
+        font-size: 24px;
+        color: #999;
+        display: flex;
+        height: 24px;;
+
+        &:hover {
+          background: #f5f5f5;
+        }
+
+        & > img {
+          width: 24px;
+          height: 24px;
+        }
+      }
+    }
+
+    &__body {
+      position: relative;
+      flex: 1;
+
+      &--search {
+        margin: 10px 0;
+        padding: 0 16px;
+      }
+
+      &--scroll {
+        position: absolute;
+        inset: 52px 0 0;
+        overflow-y: auto;
+        // width: 100%;
+        padding: 0 16px;
+
+        
+      }
+      &--scroll-item {
+        margin-bottom: 8px;
+        padding: 8px 12px;
+        overflow: hidden;
+        color: #333;
+        line-height: 22px;
+        width: calc(214px - 32px);
+        text-overflow: ellipsis;
+        text-wrap: nowrap;
+        cursor: pointer;
+        border-radius: 4px;
+
+        &:hover {
+          background: #f5f5f5;
+        }
+
+        &.active {
+          background-color: #e4faf1;
+          color: #34b77c;
+          font-weight: bold;
+
+          & > .ant-typography {
+            color: #34b77c
+          }
+        }
+      }
+    }
+  }
+
+  &-content {
+    flex: 1;
+    overflow-x: hidden;
+    display: flex;
+    flex-direction: column;
+
+    &__header {
+      display: flex;
+      align-items: center;
+      height: 32px;
+      padding: 16px 16px 0;
+      box-sizing: content-box;
+      background: #fff;
+
+      &--imgWrap {
+        margin-right: 10px;
+        border-radius: 2px;
+        cursor: pointer;
+        font-size: 24px;
+        display: flex;
+        height: 24px;;
+        color: #999;
+
+        &:hover {
+          background: #f5f5f5;
+        }
+      }
+
+      &--title {
+        margin: 0;
+        font-size: 16px;
+        font-weight: bold;
+        line-height: 32px;
+      }
+    }
+  }
+});

package/theme/ap-size-input/ap-size-input.css

@@ -0,0 +1,4 @@
+.aplus-ap-size-input {
+  display: flex;
+  align-items: center;
+}

package/theme/ap-size-input/ap-size-input.less

@@ -0,0 +1,7 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+.b('ap-size-input', {
+  display: flex;
+  align-items: center;
+});

package/theme/ap-status/ap-status.css

@@ -0,0 +1,26 @@
+@font-face {
+  font-family: customFont;
+  src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/PlayfairDisplay-SemiBold.ttf');
+  src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
+}
+.aplus-ap-status {
+  font-size: 20px;
+  height: 36px;
+  line-height: 36px;
+  display: inline-block;
+  position: relative;
+  font-family: 'customFont';
+}
+.aplus-ap-status__bg {
+  -webkit-mask-image: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/aplus-ui/svg/ap-status-bg.svg');
+          mask-image: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/aplus-ui/svg/ap-status-bg.svg');
+  -webkit-mask-repeat: no-repeat;
+          mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+          mask-size: 100% 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}

package/theme/ap-status/ap-status.less

@@ -0,0 +1,23 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+@font-face {
+  font-family: customFont;
+  src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/PlayfairDisplay-SemiBold.ttf');
+  src: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/fonts/SourceHanSerifCN-Heavy.woff2');
+}
+.b('ap-status', {
+  font-size: 20px;
+  height: 36px;
+  line-height: 36px;
+  display: inline-block;
+  position: relative;
+  font-family: 'customFont';
+  &__bg{
+    mask-image: url('https://front-ljh.oss-cn-hangzhou.aliyuncs.com/aplus-ui/svg/ap-status-bg.svg');
+    mask-repeat: no-repeat;
+    mask-size:100% 100%;
+    position: absolute;
+    left:0;top:0;right:0;bottom: 0  }
+ 
+});

package/theme/ap-summary/index.css

@@ -0,0 +1,12 @@
+.aplus-ap-summary__item {
+  height: 48px;
+  padding: 8px 16px !important;
+  background-color: var(--ap-summary-background, #f9ecc7) !important;
+  color: #333;
+  font-weight: bolder;
+}
+.aplus-ap-summary__item--small {
+  height: 28px;
+  padding: 4px 16px !important;
+  background-color: var(--ap-summary-background, #E6EDFF) !important;
+}

package/theme/ap-summary/index.less

@@ -0,0 +1,18 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+.b('ap-summary', {
+  &__item {
+    height: 48px;
+    padding: 8px 16px !important;
+    background-color: var(--ap-summary-background, #f9ecc7) !important;
+    color: #333;
+    font-weight: bolder;
+
+    &--small {
+      height: 28px;
+      padding: 4px 16px !important;
+      background-color: var(--ap-summary-background, #E6EDFF) !important;
+    }
+  }
+});

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

@@ -0,0 +1,12 @@
+.aplus-ap-table-index--bordered {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: 18px;
+  height: 18px;
+  color: #fff;
+  font-size: 12px;
+  line-height: 12px;
+  border-radius: 9px;
+  background-color: #979797;
+}

package/theme/ap-table/ap-table-index.less

@@ -0,0 +1,16 @@
+@import '../mixins/mixins.less';
+
+.b(ap-table-index, {
+  &--bordered {
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    width: 18px;
+    height: 18px;
+    color: #fff;
+    font-size: 12px;
+    line-height: 12px;
+    border-radius: 9px;
+    background-color: #979797;
+  }
+});

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

@@ -0,0 +1,12 @@
+.aplus-ap-table-pagination {
+  margin-top: 16px;
+}
+.aplus-ap-table-pagination__total {
+  font-size: 14px;
+  line-height: 22px;
+  color: #333333;
+  padding-block: 6px;
+}
+.aplus-ap-table-pagination__total-right {
+  padding-inline-start: 10px;
+}

package/theme/ap-table/ap-table-pagination.less

@@ -0,0 +1,14 @@
+@import '../mixins/mixins.less';
+
+.b(ap-table-pagination, {
+  margin-top: 16px;
+  &__total {
+    font-size: 14px;
+    line-height: 22px;
+    color: #333333;
+    padding-block: 6px;
+    &-right {
+      padding-inline-start: 10px;
+    }
+  }
+});