@aplus-frontend/ui 7.0.0-beta.0 → 7.0.0-beta.1

package/theme/index.less

@@ -1,57 +0,0 @@
-@import './css-var.less';
-@import './font/font.less';
-@import './antdv-override.less';
-// @import './ap-action/item.less';
-@import './ap-action/item-dropdown.less';
-@import './ap-attachment/ap-attachment.less';
-@import './ap-batch-action/ap-batch-action.less';
-@import './ap-button/ap-button.less';
-@import './ap-card/ap-card.less';
-@import './ap-descriptions/ap-descriptions.less';
-@import './ap-download/ap-download.less';
-@import './ap-expand-alert/ap-expand-alert.less';
-@import './ap-field/index.less';
-@import './ap-form/index.less';
-@import './ap-input-radio/ap-input-radio.less';
-@import './ap-label/ap-label.less';
-@import './ap-ladder/ap-ladder.less';
-@import './ap-product-info/ap-product-info.less';
-@import './ap-copy/ap-copy.less';
-@import './ap-layout/ap-info-layout.less';
-@import './ap-list/index.less';
-@import './ap-select-layout/ap-select-layout.less';
-@import './ap-status/ap-status.less';
-@import './ap-table/ap-table.less';
-@import './ap-tag/ap-tag.less';
-@import './ap-tag/ap-tag-group.less';
-@import './ap-title/ap-title.less';
-@import './ap-upload/index.less';
-@import './check-card/index.less';
-@import './editable-table/index.less';
-@import './ap-summary/index.less';
-@import './ap-table-modal/index.less';
-@import './scroll-bar/index.less';
-@import './ap-appendix/ap-appendix.less';
-@import './ap-group-search/ap-group-search.less';
-@import './ap-group-search/ap-popover-select.less';
-@import './ap-group-search/ap-extension-select.less';
-@import './ap-upload-single/index.less';
-@import './ap-image/ap-image.less';
-@import './batch-input-group/index.less';
-@import './scroll-view/index.less';
-@import './full-screen/index.less';
-@import './ap-grid/index.less';
-@import './ap-grid/editable.less';
-@import './text/index.less';
-@import './text/group.less';
-@import './mask/index.less';
-@import './splitter/index.less';
-@import './ap-view/ap-view.less';
-@import './ap-radio-group/ap-radio-group.less';
-@import './ap-drawer/ap-drawer.less';
-@import './ap-draggable-grid/ap-draggable-grid.less';
-@import './ag-grid/index.less';
-@import './ap-value-select-card/index.less';
-@import './ap-pro-card/index.less';
-@import './ag-grid-modal/index.less';
-@import './ag-grid-modal/selected-items.less';

package/theme/mask/index.css

@@ -1,100 +0,0 @@
-@keyframes loadingCircle {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes aplus-fade-enter {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes aplus-fade-leave {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-.aplus-fade-enter-active {
-  animation-name: aplus-fade-enter;
-  animation-duration: 0.25s;
-}
-.aplus-fade-leave-active {
-  animation-name: aplus-fade-leave;
-  animation-duration: 0.25s;
-}
-.reset-component {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-}
-.reset-scrollbar ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--ap-scrollbar-thumb-color-base);
-  background-clip: content-box;
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-.reset-scrollbar ::-webkit-scrollbar-track,
-.reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: var(--ap-table-header-bg, #f2f6f9);
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
-.reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--ap-scrollbar-thumb-color-hover);
-}
-.clear-fix::before {
-  display: table;
-  content: '';
-}
-.clear-fix::after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.common-style {
-  box-sizing: border-box;
-  font-size: 12px;
-  font-family: inherit;
-}
-.common-style::before,
-.common-style::after {
-  box-sizing: border-box;
-}
-.aplus-mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-.aplus-mask__mask {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  color: #000;
-  transform: translateZ(0);
-}
-.aplus-mask__mask--disabled {
-  color: transparent;
-}
-.aplus-mask__mask-inner {
-  width: 100%;
-  height: 100%;
-  background-color: currentColor;
-  opacity: 0.45;
-}

package/theme/mask/index.less

@@ -1,28 +0,0 @@
-@import '../mixins/animations.less';
-@import '../mixins/mixins.less';
-
-.b(mask, {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  &__mask {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    color: #000;
-    transform: translateZ(0);
-  }
-  &__mask--disabled {
-    color: transparent;
-  }
-  &__mask-inner {
-    width: 100%;
-    height: 100%;
-    background-color: currentColor;
-    opacity: 0.45;
-  }
-});

package/theme/mixins/animations.css

@@ -1,29 +0,0 @@
-@keyframes loadingCircle {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes aplus-fade-enter {
-  0% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-@keyframes aplus-fade-leave {
-  0% {
-    opacity: 1;
-  }
-  100% {
-    opacity: 0;
-  }
-}
-.aplus-fade-enter-active {
-  animation-name: aplus-fade-enter;
-  animation-duration: 0.25s;
-}
-.aplus-fade-leave-active {
-  animation-name: aplus-fade-leave;
-  animation-duration: 0.25s;
-}

package/theme/mixins/animations.less

@@ -1,43 +0,0 @@
-@import './config.less';
-
-@fade: ~'@{ns}-fade';
-@fadeEnter: ~'@{fade}-enter';
-@fadeLeave: ~'@{fade}-leave';
-
-@keyframes loadingCircle {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-
-@keyframes @fadeEnter {
-  0% {
-    opacity: 0;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}
-
-@keyframes @fadeLeave {
-  0% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}
-
-.@{fade} {
-  &-enter-active {
-    animation-name: @fadeEnter;
-    animation-duration: 0.25s;
-  }
-
-  &-leave-active {
-    animation-name: @fadeLeave;
-    animation-duration: 0.25s;
-  }
-}

package/theme/mixins/config.less

@@ -1,61 +0,0 @@
-@ns: 'aplus';
-@common-separator: '-';
-@element-separator: '__';
-@modifier-separator: '--';
-@state-prefix: 'is-';
-
-@iconify-bg-color: #5551;
-@text-color-base: #182948;
-@primary-color: #34b77c;
-@error-color: #ed6f6f;
-@warning-color: #efbd47;
-@success-color: @primary-color;
-@disabled-color: lighten(#1e1e1e, 20%);
-
-@border-color-light: #dee4ed;
-@border-color-base: @border-color-light;
-@component-background: #fff;
-
-@text-color-help-dark: #909399;
-
-@app-content-background: #fafafa;
-
-// 字体
-@fonts-size-xl: 16px;
-@font-size-lg: 14px;
-@font-size-base: 12px;
-@font-size-small: 10px;
-
-// 行高
-@line-height-base: 18px;
-@line-height-small: 16px;
-@line-height-lg: 22px;
-
-// 圆角
-
-@border-radius: 4px;
-@border-radius-xs: 1px;
-
-// 间距
-
-@spacing-xxs: 2px;
-@spacing-xs: 4px;
-@spacing-sm: 6px;
-@spacing: 8px;
-@spacing-md: 10px;
-@spacing-lg: 12px;
-@spacing-xl: 16px;
-@spacing-xxl: 24px;
-
-// 业务组件样式
-
-// 业务组件 两端——全局主题色
-@aplus-primary-color: #0070ff;
-@admin-primary-color: #34b77c;
-
-// Splitter
-
-@split-bar-size: 2px;
-@split-trigger-size: 6px;
-@resize-spinner-size: 20px;
-@split-bar-draggable-size: 20px;

package/theme/mixins/mixins.css

@@ -1,46 +0,0 @@
-.reset-component {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: #182948;
-  font-size: 12px;
-  font-family: inherit;
-  line-height: 18px;
-  list-style: none;
-}
-.reset-scrollbar ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb {
-  background-color: var(--ap-scrollbar-thumb-color-base);
-  background-clip: content-box;
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-.reset-scrollbar ::-webkit-scrollbar-track,
-.reset-scrollbar ::-webkit-scrollbar-corner {
-  background-color: var(--ap-table-header-bg, #f2f6f9);
-}
-.reset-scrollbar ::-webkit-scrollbar-thumb:hover,
-.reset-scrollbar ::-webkit-scrollbar-thumb:active {
-  background-color: var(--ap-scrollbar-thumb-color-hover);
-}
-.clear-fix::before {
-  display: table;
-  content: '';
-}
-.clear-fix::after {
-  display: table;
-  clear: both;
-  content: '';
-}
-.common-style {
-  box-sizing: border-box;
-  font-size: 12px;
-  font-family: inherit;
-}
-.common-style::before,
-.common-style::after {
-  box-sizing: border-box;
-}

package/theme/mixins/mixins.less

@@ -1,69 +0,0 @@
-@import './config.less';
-
-.b(@block, @content) {
-  // tips: 添加~是不要对插值进行引号转译，这样是不包含引号的
-  @cls: ~'@{ns}@{common-separator}@{block}';
-  .@{cls} {
-    @content();
-  }
-}
-
-.reset-component {
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  color: @text-color-base;
-  font-size: @font-size-base;
-  font-family: inherit;
-  line-height: @line-height-base;
-  list-style: none;
-}
-
-// 通用滚动条重设样式，高度为10px，视觉高度为8px
-.reset-scrollbar {
-  ::-webkit-scrollbar {
-    width: 10px;
-    height: 10px;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    background-color: var(--ap-scrollbar-thumb-color-base);
-    background-clip: content-box;
-    border: 1px solid transparent;
-    border-radius: 4px;
-  }
-
-  ::-webkit-scrollbar-track,
-  ::-webkit-scrollbar-corner {
-    background-color: var(--ap-table-header-bg, #f2f6f9);
-  }
-
-  ::-webkit-scrollbar-thumb:hover,
-  ::-webkit-scrollbar-thumb:active {
-    background-color: var(--ap-scrollbar-thumb-color-hover);
-  }
-}
-
-.clear-fix {
-  &::before {
-    display: table;
-    content: '';
-  }
-
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-}
-
-.common-style {
-  box-sizing: border-box;
-  font-size: @font-size-base;
-  font-family: inherit;
-
-  &::before,
-  &::after {
-    box-sizing: border-box;
-  }
-}

package/theme/reset.css

@@ -1,275 +0,0 @@
-/* stylelint-disable */
-html,
-body {
-  width: 100%;
-  height: 100%;
-}
-input::-ms-clear,
-input::-ms-reveal {
-  display: none;
-}
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  -ms-overflow-style: scrollbar;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-body {
-  margin: 0;
-}
-[tabindex='-1']:focus {
-  outline: none;
-}
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 0;
-  margin-bottom: 0.5em;
-  font-weight: 500;
-}
-p {
-  margin-top: 0;
-  margin-bottom: 1em;
-}
-abbr[title],
-abbr[data-original-title] {
-  -webkit-text-decoration: underline dotted;
-  text-decoration: underline dotted;
-  border-bottom: 0;
-  cursor: help;
-}
-address {
-  margin-bottom: 1em;
-  font-style: normal;
-  line-height: inherit;
-}
-input[type='text'],
-input[type='password'],
-input[type='number'],
-textarea {
-  -moz-appearance: none;
-       appearance: none;
-  -webkit-appearance: none;
-}
-ol,
-ul,
-dl {
-  margin-top: 0;
-  margin-bottom: 1em;
-}
-ol ol,
-ul ul,
-ol ul,
-ul ol {
-  margin-bottom: 0;
-}
-dt {
-  font-weight: 500;
-}
-dd {
-  margin-bottom: 0.5em;
-  margin-left: 0;
-}
-blockquote {
-  margin: 0 0 1em;
-}
-dfn {
-  font-style: italic;
-}
-b,
-strong {
-  font-weight: bolder;
-}
-small {
-  font-size: 80%;
-}
-sub,
-sup {
-  position: relative;
-  font-size: 75%;
-  line-height: 0;
-  vertical-align: baseline;
-}
-sub {
-  bottom: -0.25em;
-}
-sup {
-  top: -0.5em;
-}
-pre,
-code,
-kbd,
-samp {
-  font-size: 1em;
-  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
-}
-pre {
-  margin-top: 0;
-  margin-bottom: 1em;
-  overflow: auto;
-}
-figure {
-  margin: 0 0 1em;
-}
-img {
-  vertical-align: middle;
-  border-style: none;
-}
-a,
-area,
-button,
-[role='button'],
-input:not([type='range']),
-label,
-select,
-summary,
-textarea {
-  touch-action: manipulation;
-}
-table {
-  border-collapse: collapse;
-}
-caption {
-  padding-top: 0.75em;
-  padding-bottom: 0.3em;
-  text-align: left;
-  caption-side: bottom;
-}
-input,
-button,
-select,
-optgroup,
-textarea {
-  margin: 0;
-  color: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  line-height: inherit;
-}
-button,
-input {
-  overflow: visible;
-}
-button,
-select {
-  text-transform: none;
-}
-button,
-html [type='button'],
-[type='reset'],
-[type='submit'] {
-  -moz-appearance: button;
-       appearance: button;
-  -webkit-appearance: button;
-}
-button::-moz-focus-inner,
-[type='button']::-moz-focus-inner,
-[type='reset']::-moz-focus-inner,
-[type='submit']::-moz-focus-inner {
-  padding: 0;
-  border-style: none;
-}
-input[type='radio'],
-input[type='checkbox'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-input[type='date'],
-input[type='time'],
-input[type='datetime-local'],
-input[type='month'] {
-  -moz-appearance: listbox;
-       appearance: listbox;
-  -webkit-appearance: listbox;
-}
-textarea {
-  overflow: auto;
-  resize: vertical;
-}
-fieldset {
-  min-width: 0;
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-legend {
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  margin-bottom: 0.5em;
-  padding: 0;
-  color: inherit;
-  font-size: 1.5em;
-  line-height: inherit;
-  white-space: normal;
-}
-progress {
-  vertical-align: baseline;
-}
-[type='number']::-webkit-inner-spin-button,
-[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-[type='search'] {
-  outline-offset: -2px;
-  -moz-appearance: none;
-       appearance: none;
-  -webkit-appearance: none;
-}
-[type='search']::-webkit-search-cancel-button,
-[type='search']::-webkit-search-decoration {
-  -webkit-appearance: none;
-}
-::-webkit-file-upload-button {
-  font: inherit;
-  -webkit-appearance: button;
-}
-output {
-  display: inline-block;
-}
-summary {
-  display: list-item;
-}
-template {
-  display: none;
-}
-[hidden] {
-  display: none !important;
-}
-mark {
-  padding: 0.2em;
-  background-color: #feffe6;
-}
-::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
-}
-::-webkit-scrollbar-thumb {
-  background-color: var(--ap-scrollbar-thumb-color-base);
-  background-clip: content-box;
-  border: 1px solid transparent;
-  border-radius: 4px;
-}
-::-webkit-scrollbar-track,
-::-webkit-scrollbar-corner {
-  background-color: var(--ap-scrollbar-track-color-hover, #f2f6f9);
-}
-::-webkit-scrollbar-thumb:hover,
-::-webkit-scrollbar-thumb:active {
-  background-color: var(--ap-scrollbar-thumb-color-hover);
-}