@aplus-frontend/ui 0.3.12 → 0.4.0

package/theme/ap-download/ap-download.less

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

package/theme/ap-expand-alert/ap-expand-alert.css

@@ -0,0 +1,51 @@
+.aplus-ap-expand-alert .aplus-action-item {
+  font-size: 12px;
+}
+.aplus-ap-expand-alert__expandText {
+  font-size: 12px;
+  margin-inline-end: 4px;
+  margin-inline-start: 4px;
+}
+.aplus-ap-expand-alert__expandIcon {
+  transition: all 0.3s;
+  transform: rotateZ(180deg);
+}
+.aplus-ap-expand-alert__collapseIcon {
+  transition: all 0.3s;
+  transform: rotateZ(0deg);
+}
+.aplus-ap-expand-alert__alertContent {
+  color: #182948;
+}
+.aplus-ap-expand-alert__prefix {
+  color: #182948;
+  display: inline-block;
+}
+.aplus-ap-expand-alert__showItem {
+  color: #0070ff;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.aplus-ap-expand-alert__showItem:hover {
+  color: #66a9ff;
+}
+.aplus-ap-expand-alert__spliter {
+  color: #dee4ed;
+  padding: 0 8px;
+}
+.aplus-ap-expand-alert__antAlert.ant-alert {
+  align-items: flex-start;
+  line-height: 18px;
+}
+.aplus-ap-expand-alert__antAlert.ant-alert .ant-alert-icon {
+  font-size: 16px;
+  transform: translateY(2px);
+}
+.aplus-ap-expand-alert--aplus .card-alert {
+  background-color: transparent !important;
+  border: none ;
+}
+.aplus-ap-expand-alert--admin .card-alert {
+  background-color: transparent !important;
+  border: none;
+}

package/theme/ap-expand-alert/ap-expand-alert.less

@@ -0,0 +1,85 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+@ai: ~'@{ns}-action-item';
+
+.b('ap-expand-alert', {
+  .@{ai} {
+    font-size: 12px;
+  }
+
+  &__expandText {
+    font-size: 12px;
+    margin-inline-end: 4px;
+    margin-inline-start: 4px;
+  }
+
+  &__expandIcon {
+    transition: all 0.3s;
+    transform: rotateZ(180deg);
+
+  }
+
+  &__collapseIcon {
+    transition: all 0.3s;
+    transform: rotateZ(0deg);
+
+  }
+
+  &__alertContent {
+    color: #182948;
+
+  }
+
+  // 考虑多端样式
+  &__prefix {
+    color: #182948;
+    display: inline-block;
+  }
+  &__text {
+  }
+
+  // 考虑多端样式
+  &__showItem {
+    color: #0070ff;
+    cursor: pointer;
+    white-space: nowrap;
+
+    &:hover {
+      color: #66a9ff;
+    }
+  }
+
+  &__spliter {
+    color: #dee4ed;
+    padding: 0 8px;
+  }
+
+
+  &__antAlert.ant-alert {
+    align-items: flex-start;
+    line-height: 18px;
+
+    .ant-alert-icon {
+      font-size: 16px;
+      transform: translateY(2px);
+    }
+  }
+
+  // C端样式
+  &--aplus {
+    // &__antAlert.ant-alert
+    .card-alert {
+      background-color: transparent !important;
+      border: none ;
+    }
+  }
+
+  // B端样式
+  &--admin {
+    .card-alert{
+      background-color: transparent !important;
+      border: none;
+    }
+  }
+});

package/theme/ap-field/checkbox.css

@@ -0,0 +1,7 @@
+.aplus-field-checkbox--vertical {
+  display: inline-block;
+}
+.aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) {
+  display: flex;
+  margin-block-end: 16px;
+}

package/theme/ap-field/checkbox.less

@@ -0,0 +1,11 @@
+@import '../mixins/mixins.less';
+
+.b(field-checkbox, {
+  &--vertical {
+    display: inline-block;
+    label.ant-checkbox-wrapper:not(:last-child) {
+      display: flex;
+      margin-block-end: 16px;
+    }
+  }
+});

package/theme/ap-field/index.css

@@ -0,0 +1,22 @@
+.aplus-field-checkbox--vertical {
+  display: inline-block;
+}
+.aplus-field-checkbox--vertical label.ant-checkbox-wrapper:not(:last-child) {
+  display: flex;
+  margin-block-end: 16px;
+}
+.aplus-field-number-label-left {
+  padding-right: 4px;
+}
+.aplus-field-number-label-right {
+  padding-left: 4px;
+}
+.aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) {
+  display: flex;
+  margin-block-end: 16px;
+}
+.aplus-field-text-area {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+}

package/theme/ap-field/index.less

@@ -0,0 +1,4 @@
+@import './checkbox.less';
+@import './number.less';
+@import './radio.less';
+@import './text-area.less';

package/theme/ap-field/number.css

@@ -0,0 +1,6 @@
+.aplus-field-number-label-left {
+  padding-right: 4px;
+}
+.aplus-field-number-label-right {
+  padding-left: 4px;
+}

package/theme/ap-field/number.less

@@ -0,0 +1,10 @@
+@import '../mixins/mixins.less';
+
+.b(field-number, {
+  &-label-left {
+    padding-right: 4px;
+  }
+  &-label-right {
+    padding-left: 4px;
+  }
+});

package/theme/ap-field/radio.css

@@ -0,0 +1,4 @@
+.aplus-field-radio--vertical label.ant-radio-wrapper:not(:last-child) {
+  display: flex;
+  margin-block-end: 16px;
+}

package/theme/ap-field/radio.less

@@ -0,0 +1,10 @@
+@import '../mixins/mixins.less';
+
+.b(field-radio, {
+  &--vertical {
+    label.ant-radio-wrapper:not(:last-child) {
+      display: flex;
+      margin-block-end: 16px;
+    }
+  }
+});

package/theme/ap-field/text-area.css

@@ -0,0 +1,5 @@
+.aplus-field-text-area {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+}

package/theme/ap-field/text-area.less

@@ -0,0 +1,7 @@
+@import '../mixins/mixins.less';
+
+.b(field-text-area, {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  word-break: break-all;
+});

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

@@ -0,0 +1,9 @@
+.aplus-ap-form-item-group .ant-form-item-control .ant-picker {
+  display: flex;
+}
+.aplus-ap-form-item-group .ant-form-item-control .ant-input-number {
+  width: 100%;
+}
+.aplus-ap-form-item-group-col-hidden {
+  display: none !important;
+}

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

@@ -0,0 +1,17 @@
+@import '../mixins/mixins.less';
+
+.b('ap-form-item-group', {
+  .ant-form-item-control {
+    .ant-picker {
+      display: flex;
+    }
+
+    .ant-input-number {
+      width: 100%;
+    }
+  }
+
+  &-col-hidden {
+    display: none !important;
+  }
+});

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

@@ -0,0 +1,66 @@
+.aplus-ap-form-item--bordered {
+  box-sizing: border-box;
+  border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
+  border-radius: 4px;
+  padding-inline: 12px;
+}
+.aplus-ap-form-item--bordered .ant-input-affix-wrapper {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input-number-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-picker {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
+  padding-left: 11px;
+}
+.aplus-ap-form-item--bordered .ant-select-selector {
+  border-width: 0 !important;
+  box-shadow: none !important;
+}
+.aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
+  height: 30px !important;
+}
+.aplus-ap-form-item--bordered:has(.ant-select-arrow) {
+  padding-right: 0px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label {
+  padding-right: 16px;
+  height: 30px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label::after {
+  margin: 0;
+}
+.aplus-ap-form-item--bordered .ant-form-item-control-input {
+  min-height: 30px;
+}
+.aplus-ap-form-item--bordered:hover {
+  border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
+}
+.aplus-ap-form-item--bordered:focus {
+  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
+}
+.aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover {
+  width: calc(100% + 12px);
+}
+.aplus-ap-form-item--focused {
+  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
+}
+.aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
+  font-size: 12px;
+  line-height: 18px;
+  margin-top: 2px;
+}
+.aplus-ap-form-item .ant-col .ant-form-item-extra {
+  line-height: 22px;
+  min-height: unset;
+  margin-top: 4px;
+  margin-bottom: 12px;
+}

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

@@ -0,0 +1,77 @@
+@import '../mixins/mixins.less';
+@import '../mixins/config.less';
+
+@batchInputPopover: ~'@{ns}-batch-input-group-popover-input__popover';
+
+.b(ap-form-item, {
+  &--bordered {
+    box-sizing: border-box;
+    border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
+    border-radius: 4px;
+    padding-inline: 12px;
+    .ant-input-affix-wrapper {
+      padding: 0;
+    }
+    .ant-input {
+      padding: 0;
+    }
+    .ant-input-number-input {
+      padding: 0;
+    }
+    .ant-picker {
+      padding: 0;
+    }
+    .ant-space-compact-block {
+      .ant-input {
+        padding-left: 11px;
+      }
+    }
+    .ant-select-selector {
+      border-width: 0 !important;
+      box-shadow: none !important;
+    }
+    .ant-select-single .ant-select-selector{
+      height: 30px !important;
+    }
+    &:has(.ant-select-arrow) {
+      padding-right: 0px;
+    }
+    .ant-form-item-label > label {
+      padding-right: 16px;
+      height: 30px;
+      &::after {
+        margin: 0
+      }
+    }
+    .ant-form-item-control-input {
+      min-height: 30px;
+    }
+    &:hover {
+      border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
+    }
+    &:focus {
+      border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+      box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
+    }
+    .@{batchInputPopover} {
+      width: calc(100% + 12px);
+    }
+  }
+  &--focused {
+    border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+    box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
+  }
+  .ant-form-show-help {
+    .ant-form-item-explain-error {
+      font-size: 12px;
+      line-height: 18px;
+      margin-top: 2px;
+    }
+  }
+  .ant-col .ant-form-item-extra {
+    line-height: 22px;
+    min-height: unset;
+    margin-top: 4px;
+    margin-bottom: 12px;
+  }
+});

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

@@ -0,0 +1,16 @@
+.aplus-ap-form-drawer-form__resize-bar {
+  width: 4px;
+  cursor: ew-resize;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  background-color: transparent;
+}
+.aplus-ap-form-drawer-form__resize-bar--min-disabled {
+  cursor: w-resize;
+}
+.aplus-ap-form-drawer-form__resize-bar--max-disabled {
+  cursor: e-resize;
+}

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

@@ -0,0 +1,20 @@
+@import '../mixins/mixins.less';
+
+.b(ap-form-drawer-form, {
+  &__resize-bar {
+    width: 4px;
+    cursor: ew-resize;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    z-index: 100;
+    background-color: transparent;
+    &--min-disabled {
+      cursor: w-resize;
+    }
+    &--max-disabled {
+      cursor: e-resize;
+    }
+  }
+});

package/theme/ap-form/index.css

@@ -0,0 +1,159 @@
+.aplus-ap-form-item-group .ant-form-item-control .ant-picker {
+  display: flex;
+}
+.aplus-ap-form-item-group .ant-form-item-control .ant-input-number {
+  width: 100%;
+}
+.aplus-ap-form-item-group-col-hidden {
+  display: none !important;
+}
+.aplus-ap-form-item--bordered {
+  box-sizing: border-box;
+  border: 1px solid var(--ap-form-bordered-border-color-base, #DEE4ED);
+  border-radius: 4px;
+  padding-inline: 12px;
+}
+.aplus-ap-form-item--bordered .ant-input-affix-wrapper {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-input-number-input {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-picker {
+  padding: 0;
+}
+.aplus-ap-form-item--bordered .ant-space-compact-block .ant-input {
+  padding-left: 11px;
+}
+.aplus-ap-form-item--bordered .ant-select-selector {
+  border-width: 0 !important;
+  box-shadow: none !important;
+}
+.aplus-ap-form-item--bordered .ant-select-single .ant-select-selector {
+  height: 30px !important;
+}
+.aplus-ap-form-item--bordered:has(.ant-select-arrow) {
+  padding-right: 0px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label {
+  padding-right: 16px;
+  height: 30px;
+}
+.aplus-ap-form-item--bordered .ant-form-item-label > label::after {
+  margin: 0;
+}
+.aplus-ap-form-item--bordered .ant-form-item-control-input {
+  min-height: 30px;
+}
+.aplus-ap-form-item--bordered:hover {
+  border-color: var(--ap-form-bordered-border-color-hover, #66a9ff);
+}
+.aplus-ap-form-item--bordered:focus {
+  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
+}
+.aplus-ap-form-item--bordered .aplus-batch-input-group-popover-input__popover {
+  width: calc(100% + 12px);
+}
+.aplus-ap-form-item--focused {
+  border-color: var(--ap-form-bordered-border-color-active, #66a9ff);
+  box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
+}
+.aplus-ap-form-item .ant-form-show-help .ant-form-item-explain-error {
+  font-size: 12px;
+  line-height: 18px;
+  margin-top: 2px;
+}
+.aplus-ap-form-item .ant-col .ant-form-item-extra {
+  line-height: 22px;
+  min-height: unset;
+  margin-top: 4px;
+  margin-bottom: 12px;
+}
+.aplus-ap-form-drawer-form__resize-bar {
+  width: 4px;
+  cursor: ew-resize;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 100;
+  background-color: transparent;
+}
+.aplus-ap-form-drawer-form__resize-bar--min-disabled {
+  cursor: w-resize;
+}
+.aplus-ap-form-drawer-form__resize-bar--max-disabled {
+  cursor: e-resize;
+}
+.aplus-ap-form-modal-form .ant-modal-content {
+  padding: 0;
+}
+.aplus-ap-form-modal-form .ant-modal-header {
+  padding: 15px 20px;
+  border-bottom: 1px solid #E9EDF3;
+  margin-bottom: 0;
+}
+.aplus-ap-form-modal-form__content-admin {
+  padding: 20px;
+}
+.aplus-ap-form-modal-form__footer {
+  padding-top: 20px;
+}
+.aplus-ap-form-modal-form__footer-admin {
+  border-top: 1px solid #E9EDF3;
+  padding: 12px 20px;
+}
+.aplus-ap-form-modal-form .ant-modal-close {
+  top: 16px;
+}
+.aplus-ap-form-search-form .ant-form-item {
+  margin-bottom: 16px;
+}
+.aplus-ap-form-search-form .ant-form-item-control .ant-picker {
+  display: flex;
+}
+.aplus-ap-form-search-form .ant-form-item-control .ant-input-number {
+  width: 100%;
+}
+.aplus-ap-form-item-text-group-compact .ant-select-focused {
+  z-index: 1;
+}
+.aplus-ap-form-item-text-group-compact .ant-select:hover {
+  z-index: 1;
+}
+.aplus-ap-form-item-text-group-compact .ant-picker-focused {
+  z-index: 1;
+}
+.aplus-ap-form-item-text-group-compact .ant-picker:hover {
+  z-index: 1;
+}
+.aplus-ap-form-item-text-group-compact .ant-input-number-focused {
+  z-index: 1;
+}
+.aplus-ap-form-item-text-group-compact .ant-input-number:hover {
+  z-index: 1;
+}
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-form-item-control-input-content > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:first-child .ant-select-selector {
+  border-start-end-radius: 0;
+  border-end-end-radius: 0;
+}
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-form-item-control-input-content > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:last-child .ant-select-selector {
+  border-start-start-radius: 0;
+  border-end-start-radius: 0;
+}
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-form-item-control-input-content > :first-child,
+.aplus-ap-form-item-text-group-compact .ant-form-item:not(:first-child):not(:last-child) .ant-select-selector {
+  border-radius: 0;
+}
+.aplus-ap-form-item-text-group-compact .ant-input-group-addon:first-child {
+  border-radius: 0;
+}
+.ant-form-vertical .ant-input-group.ant-input-group-compact > * {
+  vertical-align: bottom;
+}

package/theme/ap-form/index.less

@@ -0,0 +1,6 @@
+@import './ap-form-item-group.less';
+@import './ap-form-item.less';
+@import './drawer-form.less';
+@import './modal-form.less';
+@import './search-form.less';
+@import './item-text.less';