@sdata/web-vue 1.6.0 → 1.7.0

package/es/_components/picker/style/token.less

@@ -1,51 +0,0 @@
-@import url('../../../style/theme/index.less');
-@import url('../../../input/style/token.less');
-
-@picker-size-mini: @size-mini;
-@picker-size-small: @size-small;
-@picker-size-default: @size-default;
-@picker-size-large: @size-large;
-
-@picker-size-mini-font-size-text: @font-size-body-1;
-@picker-size-small-font-size-text: @font-size-body-3;
-@picker-size-default-font-size-text: @font-size-body-3;
-@picker-size-large-font-size-text: @font-size-body-3;
-
-@picker-input-border-radius: @radius-small;
-
-@picker-color-shadow_focus: var(~'@{sd-cssvars-prefix}-color-primary-light-2');
-@picker-size-shadow_focus: @shadow-distance-none;
-@picker-color-shadow_error_focus: var(~'@{sd-cssvars-prefix}-color-danger-light-2');
-@picker-size-shadow_error_focus: @shadow-distance-none;
-
-@picker-color-bg: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@picker-color-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@picker-color-bg_focus: var(~'@{sd-cssvars-prefix}-color-bg-2');
-@picker-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@picker-color-bg_error: var(~'@{sd-cssvars-prefix}-color-danger-light-1');
-@picker-color-bg_error_hover: var(~'@{sd-cssvars-prefix}-color-danger-light-2');
-@picker-color-bg_error_focus: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@picker-color-border: @color-transparent;
-@picker-color-border_hover: @color-transparent;
-@picker-color-border_focus: @color-primary-6;
-@picker-color-border_disabled: @color-transparent;
-@picker-color-border_error: @color-transparent;
-@picker-color-border_error_hover: @color-transparent;
-@picker-color-border_error_focus: @color-danger-6;
-
-@picker-color-placeholder: var(~'@{sd-cssvars-prefix}-color-text-3');
-@picker-color-placeholder_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-@picker-color-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-@picker-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-@picker-color-icon: var(~'@{sd-cssvars-prefix}-color-text-2');
-@picker-color-icon_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-@picker-color-separator: var(~'@{sd-cssvars-prefix}-color-text-3');
-@picker-color-separator_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@picker-range-color-bg-input_focus: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@input-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-// not in design lab
-@picker-padding-horizontal: @spacing-2; // 4px
-@picker-input-padding-horizontal: @input-padding-horizontal - @picker-padding-horizontal; // 8px

package/es/_components/select-view/style/index.less

@@ -1,58 +0,0 @@
-@import url('../../input-label/style/input-label.less');
-@import url('../../../input-tag/style/input-tag.less');
-@import url('./token.less');
-
-@select-view-prefix-cls: ~'@{prefix}-select-view';
-
-.@{select-view-prefix-cls} {
-  &-single {
-    .input-label-style(@select-view-prefix-cls);
-  }
-
-  &-multiple {
-    .input-tag-style(@select-view-prefix-cls);
-
-    &.@{select-view-prefix-cls}-disabled-input {
-      cursor: pointer;
-    }
-  }
-
-  &&-borderless {
-    background: none !important;
-    border: none !important;
-    box-shadow: none !important;
-  }
-
-  &-suffix .@{prefix}-feedback-icon {
-    margin-left: 4px;
-  }
-
-  &-clear-btn,
-  &-icon {
-    svg {
-      display: block;
-      font-size: @select-size-icon;
-    }
-  }
-
-  &-opened &-arrow-icon {
-    transform: rotateZ(180deg);
-  }
-
-  &-expand-icon {
-    transform: rotate(-45deg);
-  }
-
-  &-clear-btn {
-    display: none;
-    cursor: pointer;
-  }
-
-  &:hover &-clear-btn {
-    display: block;
-
-    & ~ * {
-      display: none;
-    }
-  }
-}

package/es/_components/select-view/style/token.less

@@ -1,5 +0,0 @@
-@import url('../../../style/theme/index.less');
-
-@select-size-icon: @size-3;
-
-@select-size-icon-bg: @size-4;

package/es/affix/style/index.less

@@ -1,8 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@affix-prefix-cls: ~'@{prefix}-affix';
-
-.@{affix-prefix-cls} {
-  position: fixed;
-  z-index: @z-index-affix;
-}

package/es/alert/style/index.less

@@ -1,197 +0,0 @@
-@import url('./token.less');
-
-@alert-prefix-cls: ~'@{prefix}-alert';
-
-.@{alert-prefix-cls} {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  width: 100%;
-  padding: @alert-padding-vertical @alert-padding-horizontal;
-  overflow: hidden;
-  font-size: @alert-font-size-text-content;
-  line-height: @alert-line-height;
-  text-align: left;
-  border-radius: @alert-border-radius;
-
-  &-with-title {
-    align-items: flex-start;
-    padding: @alert-padding-vertical_with_title @alert-padding-horizontal_with_title;
-  }
-
-  &-center {
-    justify-content: center;
-
-    .@{alert-prefix-cls}-body {
-      flex: initial;
-    }
-  }
-
-  &-normal {
-    background-color: @alert-normal-color-bg;
-    border: @alert-border-width solid @alert-normal-color-border;
-  }
-
-  &-info {
-    background-color: @alert-info-color-bg;
-    border: @alert-border-width solid @alert-info-color-border;
-  }
-
-  &-success {
-    background-color: @alert-success-color-bg;
-    border: @alert-border-width solid @alert-success-color-border;
-  }
-
-  &-warning {
-    background-color: @alert-warning-color-bg;
-    border: @alert-border-width solid @alert-warning-color-border;
-  }
-
-  &-error {
-    background-color: @alert-error-color-bg;
-    border: @alert-border-width solid @alert-error-color-border;
-  }
-
-  &-banner {
-    border: none;
-    border-radius: 0;
-  }
-
-  &-body {
-    position: relative;
-    flex: 1;
-  }
-
-  &-title {
-    margin-bottom: @alert-title-margin-bottom;
-    font-weight: @alert-font-weight-title;
-    font-size: @alert-font-size-text-title;
-    line-height: @alert-title-line-height;
-  }
-
-  &-normal &-title {
-    color: @alert-normal-color-text-title;
-  }
-
-  &-normal &-content {
-    color: @alert-normal-color-text-content;
-  }
-
-  &-normal&-with-title &-content {
-    color: @alert-normal-color-text-content_title;
-  }
-
-  &-info &-title {
-    color: @alert-info-color-text-title;
-  }
-
-  &-info &-content {
-    color: @alert-info-color-text-content;
-  }
-
-  &-info&-with-title &-content {
-    color: @alert-info-color-text-content_title;
-  }
-
-  &-success &-title {
-    color: @alert-success-color-text-title;
-  }
-
-  &-success &-content {
-    color: @alert-success-color-text-content;
-  }
-
-  &-success&-with-title &-content {
-    color: @alert-success-color-text-content_title;
-  }
-
-  &-warning &-title {
-    color: @alert-warning-color-text-title;
-  }
-
-  &-warning &-content {
-    color: @alert-warning-color-text-content;
-  }
-
-  &-warning&-with-title &-content {
-    color: @alert-warning-color-text-content_title;
-  }
-
-  &-error &-title {
-    color: @alert-error-color-text-title;
-  }
-
-  &-error &-content {
-    color: @alert-error-color-text-content;
-  }
-
-  &-error&-with-title &-content {
-    color: @alert-error-color-text-content_title;
-  }
-
-  &-icon {
-    margin-right: @alert-margin-icon-right;
-
-    svg {
-      font-size: @alert-font-size-icon;
-      vertical-align: -3px;
-    }
-  }
-
-  &-with-title &-icon svg {
-    font-size: @alert-font-size-icon_with_title;
-    vertical-align: -5px;
-  }
-
-  &-normal &-icon svg {
-    color: @alert-normal-color-icon;
-  }
-
-  &-info &-icon svg {
-    color: @alert-info-color-icon;
-  }
-
-  &-success &-icon svg {
-    color: @alert-success-color-icon;
-  }
-
-  &-warning &-icon svg {
-    color: @alert-warning-color-icon;
-  }
-
-  &-error &-icon svg {
-    color: @alert-error-color-icon;
-  }
-
-  &-close-btn {
-    top: 4px;
-    right: 0;
-    box-sizing: border-box;
-    margin-left: @alert-margin-close-icon-left;
-    padding: 0;
-    color: @alert-color-close-icon;
-    font-size: @alert-font-size-close-icon;
-    background-color: transparent;
-    border: none;
-    outline: none;
-    cursor: pointer;
-    transition: color @transition-duration-1 @transition-timing-function-linear;
-
-    &:hover {
-      color: @alert-color-close-icon_hover;
-    }
-  }
-
-  &-action + &-close-btn {
-    margin-left: @alert-margin-action-right;
-  }
-
-  &-action {
-    margin-left: @alert-margin-action-left;
-  }
-
-  &-with-title &-close-btn {
-    margin-top: 0;
-    margin-right: 0;
-  }
-}

package/es/alert/style/token.less

@@ -1,66 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@alert-border-width: @border-1;
-@alert-min-height: @size-10;
-@alert-border-radius: @radius-small;
-@alert-line-height: 1.5715;
-@alert-title-line-height: 1.5;
-@alert-title-margin-bottom: @spacing-2;
-@alert-margin-icon-right: @spacing-4;
-
-@alert-padding-horizontal: @spacing-7 - @alert-border-width;
-@alert-padding-vertical: 9px - @alert-border-width;
-@alert-padding-horizontal_with_title: @spacing-7 - @alert-border-width;
-@alert-padding-vertical_with_title: @spacing-7 - @alert-border-width;
-
-@alert-font-weight-title: @font-weight-500;
-@alert-font-size-text-title: @font-size-title-1;
-@alert-font-size-text-content: @font-size-body-3;
-@alert-font-size-icon: 16px;
-@alert-font-size-icon_with_title: 18px;
-@alert-font-size-close-icon: 12px;
-
-/*****************************************************
- * type: info / warning / error /success
- *****************************************************/
-@alert-normal-color-bg: var(~'@{sd-cssvars-prefix}-color-neutral-2');
-@alert-normal-color-border: @color-transparent;
-@alert-normal-color-icon: var(~'@{sd-cssvars-prefix}-color-neutral-4');
-@alert-normal-color-text-title: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-normal-color-text-content: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-normal-color-text-content_title: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@alert-info-color-bg: var(~'@{sd-cssvars-prefix}-color-primary-light-1');
-@alert-info-color-border: @color-transparent;
-@alert-info-color-icon: @color-primary-6;
-@alert-info-color-text-title: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-info-color-text-content: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-info-color-text-content_title: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@alert-warning-color-bg: var(~'@{sd-cssvars-prefix}-color-warning-light-1');
-@alert-warning-color-border: @color-transparent;
-@alert-warning-color-icon: @color-warning-6;
-@alert-warning-color-text-title: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-warning-color-text-content: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-warning-color-text-content_title: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@alert-error-color-bg: var(~'@{sd-cssvars-prefix}-color-danger-light-1');
-@alert-error-color-border: @color-transparent;
-@alert-error-color-icon: @color-danger-6;
-@alert-error-color-text-title: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-error-color-text-content: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-error-color-text-content_title: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@alert-success-color-bg: var(~'@{sd-cssvars-prefix}-color-success-light-1');
-@alert-success-color-border: @color-transparent;
-@alert-success-color-icon: @color-success-6;
-@alert-success-color-text-title: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-success-color-text-content: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-success-color-text-content_title: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-// 关闭图标
-@alert-color-close-icon: var(~'@{sd-cssvars-prefix}-color-text-2');
-@alert-color-close-icon_hover: var(~'@{sd-cssvars-prefix}-color-text-1');
-@alert-margin-close-icon-left: @spacing-4;
-@alert-margin-action-left: @spacing-4;
-@alert-margin-action-right: @spacing-4;

package/es/anchor/style/index.less

@@ -1,101 +0,0 @@
-@import url('./token.less');
-
-@anchor-prefix-cls: ~'@{prefix}-anchor';
-
-.@{anchor-prefix-cls} {
-  position: relative;
-  width: @anchor-width;
-  overflow: auto;
-
-  &-line {
-    &-slider {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 1;
-      width: @anchor-line-width;
-      height: @anchor-line-slider-height;
-      margin-top: (
-        (@anchor-font-size-title * @line-height-base) / 2 + @anchor-title-padding-vertical -
-          @anchor-line-slider-height / 2
-      );
-      background-color: @anchor-color-bg-line_active;
-      transition: top @transition-duration-2 @transition-timing-function-standard;
-    }
-  }
-
-  &-list {
-    position: relative;
-    margin-top: 0;
-    margin-bottom: 0;
-    margin-left: @anchor-line-margin-right - @anchor-title-padding-horizontal;
-    padding-left: 0;
-    list-style: none;
-
-    &::before {
-      position: absolute;
-      left: -(@anchor-line-margin-right - @anchor-title-padding-horizontal);
-      width: @anchor-line-width;
-      height: 100%;
-      background-color: @anchor-color-bg-line;
-      content: '';
-    }
-  }
-
-  &-sublist {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-left: 0;
-    list-style: none;
-  }
-
-  &-link-item {
-    margin-bottom: @anchor-title-margin-bottom;
-
-    .@{anchor-prefix-cls}-link {
-      display: block;
-      margin-bottom: @anchor-title-margin-bottom;
-      padding: @anchor-title-padding-vertical @anchor-title-padding-horizontal;
-      overflow: hidden;
-      color: @anchor-color-title;
-      font-size: @anchor-font-size-title;
-      line-height: @line-height-base;
-      white-space: nowrap;
-      text-decoration: none;
-      text-overflow: ellipsis;
-      border-radius: @anchor-border-radius-title-hover;
-      cursor: pointer;
-
-      &:hover {
-        color: @anchor-color-title_hover;
-        font-weight: @anchor-font-weight-title_hover;
-        background-color: @anchor-color-bg-title_hover;
-      }
-    }
-  }
-
-  &-link-active > &-link {
-    color: @anchor-color-title_active;
-    font-weight: @anchor-font-weight-title_active;
-    transition: all @transition-duration-1 @transition-timing-function-linear;
-  }
-
-  &-link-item &-link-item {
-    margin-left: @anchor-item-inner-margin-left;
-  }
-
-  // line-less
-  &-line-less &-list {
-    margin-left: 0;
-
-    &::before {
-      display: none;
-    }
-  }
-
-  &-line-less &-link-active > &-link {
-    color: @anchor-lineless-color-title_active;
-    font-weight: @anchor-lineless-font-weight-title_active;
-    background-color: @anchor-lineless-bg-title_active;
-  }
-}

package/es/anchor/style/token.less

@@ -1,30 +0,0 @@
-@import url('../../style/theme/index.less');
-
-// Line
-@anchor-width: 150px;
-@anchor-line-width: 2px;
-@anchor-line-slider-height: 12px;
-@anchor-line-margin-right: 12px;
-@anchor-color-bg-line: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@anchor-color-bg-line_active: @color-primary-6;
-
-@anchor-border-radius-title-hover: @radius-small;
-
-@anchor-item-inner-margin-left: @spacing-7;
-
-@anchor-title-padding-horizontal: @spacing-4;
-@anchor-title-padding-vertical: @spacing-2;
-@anchor-title-margin-bottom: @spacing-1;
-
-@anchor-color-title: var(~'@{sd-cssvars-prefix}-color-text-2');
-@anchor-color-title_hover: var(~'@{sd-cssvars-prefix}-color-text-1');
-@anchor-color-title_active: var(~'@{sd-cssvars-prefix}-color-text-1');
-@anchor-font-weight-title_hover: @font-weight-500;
-@anchor-font-weight-title_active: @font-weight-500;
-@anchor-color-bg-title_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@anchor-font-size-title: 14px;
-
-// Lineless
-@anchor-lineless-color-title_active: @color-primary-6;
-@anchor-lineless-bg-title_active: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@anchor-lineless-font-weight-title_active: @font-weight-500;

package/es/auto-complete/style/index.less

@@ -1,44 +0,0 @@
-@import url('./token.less');
-
-@auto-complete-prefix-cls: ~'@{prefix}-autocomplete';
-@select-prefix-cls: ~'@{prefix}-select';
-
-.@{auto-complete-prefix-cls} {
-  &-popup .@{select-prefix-cls}-popup {
-    background-color: var(~'@{sd-cssvars-prefix}-color-bg-popup');
-    border: 1px solid @auto-complete-popup-color-border;
-    border-radius: @auto-complete-popup-border-radius;
-    box-shadow: @auto-complete-popup-box-shadow;
-
-    .@{select-prefix-cls}-popup-inner {
-      max-height: @auto-complete-popup-max-height;
-      padding: @auto-complete-popup-padding-vertical 0;
-    }
-
-    .@{select-prefix-cls}-option {
-      height: @auto-complete-option-height;
-      padding: 0 @auto-complete-option-padding-horizontal;
-      font-size: @auto-complete-popup-font-size;
-      line-height: $height;
-
-      .option-color(@status) {
-        @class-suffix: if(@status = default, ~'', ~'-@{status}');
-
-        &@{class-suffix} {
-          color: ~'@{auto-complete-option-color-text_@{status}}';
-          background-color: ~'@{auto-complete-option-color-bg_@{status}}';
-        }
-      }
-
-      .option-color(default);
-      .option-color(selected);
-      .option-color(hover);
-      // disabled 优先级最高，放在最后
-      .option-color(disabled);
-
-      &-selected {
-        font-weight: @auto-complete-option-font-weight_selected;
-      }
-    }
-  }
-}

package/es/auto-complete/style/token.less

@@ -1,42 +0,0 @@
-@import url('../../style/theme/index.less');
-
-/**********************************************
- * Popup Box
- **********************************************/
-@auto-complete-popup-max-height: @size-50;
-
-@auto-complete-popup-border-radius: @radius-medium;
-
-@auto-complete-popup-padding-vertical: @spacing-2;
-
-@auto-complete-popup-font-size: @font-size-body-3;
-
-@auto-complete-popup-color-border: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@auto-complete-popup-box-shadow: @shadow2-down;
-
-/**********************************************
- * Popup Options
- * status: default / disabled / selected / hover
- **********************************************/
-@auto-complete-option-height: @size-9;
-
-@auto-complete-option-font-weight_selected: @font-weight-500;
-
-@auto-complete-option-padding-horizontal: @spacing-6;
-
-@auto-complete-option-color-bg_default: var(~'@{sd-cssvars-prefix}-color-bg-popup');
-
-@auto-complete-option-color-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@auto-complete-option-color-bg_selected: var(~'@{sd-cssvars-prefix}-color-bg-popup');
-
-@auto-complete-option-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-bg-popup');
-
-@auto-complete-option-color-text_default: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@auto-complete-option-color-text_hover: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@auto-complete-option-color-text_selected: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@auto-complete-option-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');