@zkwq/business 0.0.4 → 0.0.6

package/src/style/index.scss

@@ -1,523 +0,0 @@
-@import '../components/base/ui/style/var';
-@import '../components/base/ui/style/index';
-
-/* Base
- -------------------------- */
-body {
-  // font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
-  font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;
-  font-size: $--font-size-base;
-  color: $--color-text-primary;
-  background-color: $--background-color-base;
-  margin: 0;
-  padding: 0;
-  -webkit-font-smoothing: antialiased;
-  -webkit-tap-highlight-color: rgba(26,26,26,0);
-  -webkit-overflow-scrolling: touch;
-  overflow: hidden;
-}
-button, input, select, textarea {
-  font: inherit;
-  background-color: transparent;
-  border-style: none;
-}
-*, ::after, ::before {
-  box-sizing: border-box;
-}
-input, textarea {
-  -webkit-appearance: none;
-}
-textarea {
-  overflow: auto;
-}
-input:-webkit-autofill {
-  -webkit-box-shadow:0 0 0 1000px #fff inset!important
-}
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-input[type="number"]{
-  -moz-appearance: textfield;
-}
-textarea:-webkit-autofill {
-  -webkit-box-shadow:0 0 0 1000px #fff inset!important
-}
-textarea::-webkit-outer-spin-button,
-textarea::-webkit-inner-spin-button {
-  -webkit-appearance: none;
-}
-a {
-  color: inherit;
-  text-decoration: none;
-  cursor: pointer;
-  transition: color .3s;
-}
-a:hover {
-  color: #175199;
-  text-decoration: none;
-}
-a:focus, a:visited, a:active {
-  outline: none;
-}
-li {
-  list-style-type: none;
-}
-li:focus {
-  outline: none;
-}
-h1, h2, h3 {
-  margin: 0;
-  font: inherit;
-}
-img:focus {
-  outline: none;
-}
-ul {
-  margin-block-start: 0;
-  margin-block-end: 0;
-  margin-inline-start: 0;
-  margin-inline-end: 0;
-  padding-inline-start: 0;
-  padding: 0;
-  margin: 0;
-  overflow: hidden;
-}
-button {
-  outline: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-}
-*:focus {
-  outline: none;
-}
-
-/* ScrollBar
- -------------------------- */
-.App__scroll {
-  height: 100%;
-  .base-scrollbar__wrap {
-    overflow-x: auto;
-  }
-}
-.App__scroll--X {
-  width: 100%;
-  .base-scrollbar__wrap {
-    overflow: hidden;
-  }
-}
-
-/* List
- -------------------------- */
-.List__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 52px;
-  margin: 0 20px;
-  border-bottom: 1px solid $--border-color-extra-light;
-  box-sizing: border-box;
-}
-.List__headerText {
-  font-size: 15px;
-  margin: 0;
-  font-weight: 600;
-  font-synthesis: style;
-}
-.List__headerOptions {
-  font-size: $--font-size-base;
-  display: flex;
-  justify-content: flex-end;
-  align-self: center;
-}
-.List__item {
-  position: relative;
-  padding: 16px 20px;
-}
-.List__item+.List__item:after {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  margin: 0 20px;
-  display: block;
-  border-bottom: 1px solid #f0f2f7;
-  content: "";
-}
-
-/* Button
- -------------------------- */
-.Button {
-  display: inline-block;
-  padding: 0 16px;
-  font-size: 14px;
-  line-height: 32px;
-  color: $--color-text-secondary;
-  text-align: center;
-  cursor: pointer;
-  background: none;
-  border: 1px solid;
-  border-radius: 4px;
-}
-.Button--link, .Button--plain {
-  height: auto;
-  padding: 0;
-  line-height: inherit;
-  background-color: transparent;
-  border: none;
-  border-radius: 0;
-}
-.Button--link:hover, .Button--plain:hover {
-  background-color: transparent;
-}
-.Button--plain:hover {
-  color: #76839B;
-}
-.Button--withIcon .Icon {
-  margin-right: 5px;
-}
-
-
-/* Form
- -------------------------- */
-.FormActions {
-  text-align: center;
-}
-.FormButton {
-  width: 220px;
-  margin-top: 16px;
-  .Icon {
-    margin-right: 6px;
-  }
-}
-
-/* Card
- -------------------------- */
-.Card {
-  margin-bottom: 10px;
-  background: $--color-white;
-  overflow: hidden;
-  border-radius: 2px;
-  box-shadow: 0 1px 3px rgba(18,18,18,0.1);
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-.Card__header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 50px;
-  padding: 0 20px;
-  border-bottom: 1px solid $--background-color-base;
-  box-sizing: border-box;
-}
-.Card__footer {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  height: 50px;
-  padding: 0 20px;
-  border-top: 1px solid $--background-color-base;
-  box-sizing: border-box;
-}
-.Card__headerText {
-  font-size: 15px;
-  color: $--color-text-primary;
-  font-weight: 600;
-}
-.Card__section {
-  padding: 16px 20px;
-  position: relative;
-}
-.Card__section+.Card__section:after {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  margin: 0 16px;
-  display: block;
-  border-bottom: 1px solid $--background-color-base;
-  content: "";
-}
-.Card .Card__section+.Card__header {
-  border-top: 1px solid $--background-color-base;
-}
-
-/* Tags
- -------------------------- */
-.Tags .base-tag.base-tag--small {
-  padding: 0 16px;
-  transition: color .3s,padding .3s,opacity 1s,transform 1s,position 1s;
-  cursor: pointer;
-  &:hover {
-    padding-left: 8px;
-    padding-right: 8px;
-    .base-icon-close {
-      width: 16px;
-    }
-  }
-  .base-icon-close {
-    width: 0;
-    overflow: hidden;
-    transition: all .3s;
-  }
-}
-
-.Separator {
-  // margin-right: 4px!important;
-}
-.Separator--large {
-  margin-right: 8px!important;
-}
-.Dot {
-  margin: 0 8px!important;
-}
-.Dot--small {
-  margin: 0 4px!important;
-}
-.Dot--mini {
-  margin: 0 2px!important;
-}
-
-.ContentItem__action+.ContentItem__action {
-  margin-left: 16px;
-}
-.ContentItem__actions>* {
-  flex-shrink: 0;
-}
-.ContentItem__action {
-  display: flex;
-  align-items: center;
-  background-color: #f9f6e6;
-  color: #75540d;
-  line-height: 26px;
-  border-color: transparent;
-  padding: 0 10px;
-  &:hover {
-    opacity: .8;
-  }
-  .Icon {
-    margin-right: 5px;
-  }
-  i {
-    font-size: $--font-size-medium;
-    font-weight: 600;
-    margin-right: 5px;
-    &.base-icon-view {
-      margin-right: 7px;
-      margin-top: 2px;
-    }
-  }
-  &.is-active, &.is-collect, &.is-subscribe {
-    color: $--color-danger;
-  }
-  .base-icon-link, .base-icon-download, .base-icon-edit-outline {
-    font-size: $--font-size-medium;
-    font-weight: 600;
-  }
-}
-.MoreActionButton {
-  margin: 0 16px;
-  .ContentItem__action {
-    background: transparent;
-  }
-}
-.AppSearchHistory__tags {
-  .base-tag {
-    margin: 4px 8px 0 0;
-    max-width: 140px;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    &.tags-enter, &.tags-leave-to {
-      opacity: 0;
-      transform: translateY(30px);
-    }
-    &.tags-leave-active {
-      position: absolute;
-      width: fit-content;
-    }
-  }
-}
-.AppSearchHistory__tags {
-  display: flex;
-  flex-wrap: wrap;
-  margin-bottom: -12px;
-}
-.AppSearchHistory__tag {
-  max-width: 200px;
-  cursor: pointer;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  background: #f1f2f5;
-  border-radius: 2px;
-  height: 26px;
-  line-height: 26px;
-  font-size: 13px;
-  padding: 0 10px;
-  box-sizing: border-box;
-  margin-right: 12px;
-  margin-bottom: 12px;
-  display: inline-block;
-  &:hover {
-    color: $--color-primary;
-  }
-}
-.AppSearchHistory__tagClose {
-  position: absolute;
-  right: -6px;
-  top: -6px;
-  width: 12px;
-  height: 12px;
-  border-width: 0;
-  cursor: pointer;
-  //opacity: 0;
-  pointer-events: none;
-  transition: all .3s ease-in-out;
-}
-.AppSearchHistory__tags--small {
-  margin-bottom: -10px;
-}
-.AppSearchHistory__tag--small{
-  max-width: 140px;
-  margin-right: 10px;
-  margin-bottom: 10px;
-  font-size: 12px;
-}
-.Highlight {
-  background-color: #FFFF66;
-}
-
-.Width--100 {
-  width: 100%;
-}
-
-.Separator {
-  margin-right: 2px;
-}
-
-.FruitSuggestionPopper {
-  .base-autocomplete-suggestion__list li {
-    height: auto;
-    line-height: normal;
-    padding: 8px 20px;
-  }
-  .FruitSuggestionPopper__content {
-    max-width: 88%;
-  }
-  .FruitSuggestionPopper__meta {
-    font-size: $--font-size-extra-small;
-    color: $--color-text-secondary;
-    margin-top: 2px;
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    white-space: normal;
-  }
-  .FruitSuggestionPopper__title {
-    // overflow: hidden;
-    // text-overflow: ellipsis;
-    white-space: normal;
-  }
-  .FruitSuggestionPopper__button {
-    padding: 4px 12px!important;
-  }
-  &.base-popper {
-    max-width: 535px;
-  }
-  .base-select-dropdown__list {
-    padding-bottom: 23px;
-  }
-}
-.CLCCascaderPopper {
-  max-height: 80vh;
-  .base-cascader-menu__item {
-    max-width: 260px;
-    span {
-      max-width: 200px;
-      display: inline-block;
-      overflow: hidden;
-      text-overflow: ellipsis;
-    }
-  }
-  .base-cascader-menu--flexible {
-    max-width: 469px;
-    .base-cascader-menu__item {
-      max-width: 100%;
-      span {
-        max-width: 100%;
-        &.base-cascader-menu__item__keyword {
-          display: inline;
-          padding-right: 0;
-        }
-      }
-    }
-  }
-}
-
-.ExportListItem {
-  font-size: 14px;
-  padding: 0 20px;
-  position: relative;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  color: $--color-text-secondary;
-  height: 34px;
-  line-height: 34px;
-  box-sizing: border-box;
-  cursor: pointer;
-  &:hover .Button {
-    color: $--color-primary;
-  }
-}
-
-.ExportPopper {
-  padding: 6px 0;
-  min-width: 80px;
-  background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
-  border: 2px solid #fff;
-  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
-  border-radius: 4px;
-  text-align: center;
-  &.base-popper[x-placement^="bottom"] {
-    margin-top: 4px;
-  }
-}
-
-.MoreActionPopper {
-  background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
-  border: 2px solid #fff;
-  box-shadow: 8px 8px 20px 0 rgba(55,99,170,.1);
-  border-radius: 4px;
-  &.base-popper[x-placement^="bottom"] {
-    margin-top: 2px;
-  }
-  .base-dropdown-menu__item {
-    text-align: center;
-  }
-  .base-dropdown-menu__item {
-    padding: 0 12px;
-    &.hover {
-      background: transparent;
-    }
-    &:hover {
-      background: transparent;
-      color: $--color-primary;
-    }
-  }
-  .base-dropdown-menu__item.selected {
-    font-weight: 500;
-    cursor: default;
-  }
-}
-
-@import './app-richtext';
-
-@import './app-comment';
-
-@import './app-recommend';
-
-@import './app-article';