@sdata/web-vue 1.5.0 → 1.7.0

package/es/input-number/style/token.less

@@ -1,31 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@input-number-border-radius: @radius-small;
-
-@input-number-step-layer-border-radius: 1px;
-
-@input-number-size-mini-step-button-width: @size-mini;
-
-@input-number-size-small-step-button-width: @size-small;
-
-@input-number-size-default-step-button-width: @size-default;
-
-@input-number-size-large-step-button-width: @size-large;
-
-@input-number-step-button-color: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@input-number-step-button-color_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@input-number-step-button-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@input-number-step-button-color-bg_default: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@input-number-step-button-color-bg_default_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@input-number-step-button-color-bg_default_active: var(~'@{sd-cssvars-prefix}-color-fill-4');
-
-@input-number-step-button-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@input-number-step-button-color-bg_disabled_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@input-number-step-button-color-bg_disabled_active: var(~'@{sd-cssvars-prefix}-color-fill-2');

package/es/input-tag/style/index.less

@@ -1,40 +0,0 @@
-@import url('./input-tag.less');
-
-@input-tag-prefix-cls: ~'@{prefix}-input-tag';
-
-.@{input-tag-prefix-cls} {
-  .input-tag-style(@input-tag-prefix-cls);
-}
-
-.input-tag-zoom-enter-from {
-  transform: scale(0.5, 0.5);
-  opacity: 0;
-}
-
-.input-tag-zoom-enter-to {
-  transform: scale(1, 1);
-  opacity: 1;
-}
-
-.input-tag-zoom-enter-active {
-  transition: all @transition-duration-3 @transition-timing-function-standard;
-}
-
-.input-tag-zoom-leave-from {
-  transform: scale(1, 1);
-  opacity: 1;
-}
-
-.input-tag-zoom-leave-to {
-  transform: scale(0.5, 0.5);
-  opacity: 0;
-}
-
-.input-tag-zoom-leave-active {
-  position: absolute;
-  transition: all @transition-duration-3 @transition-timing-function-overshoot;
-}
-
-.input-tag-zoom-move {
-  transition: all @transition-duration-3 @transition-timing-function-overshoot;
-}

package/es/input-tag/style/input-tag.less

@@ -1,129 +0,0 @@
-@import url('../../style/mixins/index.less');
-@import url('../../input/style/token.less');
-@import url('../../input/style/input.less');
-@import url('../../tag/style/index.less');
-@import url('./token.less');
-
-.input-tag-style(@cls) {
-  .input-wrapper-style(@cls);
-
-  &.@{cls}-has-tag {
-    padding-right: @input-tag-padding-horizontal;
-    padding-left: @input-tag-padding-horizontal;
-  }
-
-  &.@{cls}-has-prefix {
-    padding-left: @input-padding-horizontal;
-  }
-
-  &.@{cls}-has-suffix {
-    padding-right: @input-padding-horizontal;
-  }
-
-  .@{cls}-inner {
-    flex: 1;
-    overflow: hidden;
-    line-height: 0;
-
-    &.@{cls}-nowrap {
-      display: flex;
-      flex-wrap: wrap;
-    }
-
-    .@{cls}-tag {
-      display: inline-flex;
-      align-items: center;
-      margin-right: @input-tag-tag-margin-right;
-      color: @input-tag-color-text_default;
-      font-size: @input-tag-tag-font-size;
-      white-space: pre-wrap;
-      word-break: break-word;
-      background-color: @input-tag-tag-color-bg;
-      border-color: @input-tag-tag-color-border;
-
-      .@{prefix}-icon-hover:hover::before {
-        background-color: @input-tag-tag-remove-icon-color-bg;
-      }
-
-      &.@{prefix}-tag-custom-color {
-        color: @tag-custom-color-text;
-
-        .icon-hover-bg(@tag-prefix-cls, @tag-custom-color-icon-bg_hover);
-      }
-    }
-
-    .@{cls}-input {
-      .input-style();
-
-      box-sizing: border-box;
-    }
-  }
-
-  .@{cls}-mirror {
-    position: absolute;
-    top: 0;
-    left: 0;
-    white-space: pre;
-    visibility: hidden;
-    pointer-events: none;
-  }
-
-  &.@{cls}-focus {
-    .@{cls}-tag {
-      background-color: @input-tag-tag-color-bg_focus;
-      border-color: @input-tag-tag-color-border_focus;
-
-      .@{prefix}-icon-hover:hover::before {
-        background-color: @input-tag-tag-remove-icon-color-bg_focus;
-      }
-    }
-  }
-
-  &.@{cls}-disabled {
-    .@{cls}-tag {
-      color: @input-tag-color-text_disabled;
-      background-color: @input-tag-tag-color-bg_disabled;
-      border-color: @input-tag-tag-color-border_disabled;
-    }
-  }
-
-  &.@{cls}-readonly,
-  &.@{cls}-disabled-input {
-    cursor: default;
-  }
-
-  .size(@size) {
-    &.@{cls}-size-@{size} {
-      @font-size: ~'input-tag-size-@{size}-font-size';
-      @height: ~'input-tag-size-@{size}-height';
-      @tag-height: ~'input-tag-size-@{size}-tag-height';
-
-      font-size: @@font-size;
-
-      .@{cls}-inner {
-        padding-top: (@@height / 2) - (@@tag-height / 2) - @input-tag-border-width -
-          (@input-tag-tag-margin-vertical / 2);
-        padding-bottom: $padding-top;
-      }
-
-      .@{cls}-tag,
-      .@{cls}-input {
-        margin-top: (@input-tag-tag-margin-vertical / 2);
-        margin-bottom: $margin-top;
-        line-height: @@tag-height - 2;
-        vertical-align: middle;
-      }
-
-      .@{cls}-tag,
-      .@{cls}-input {
-        height: auto;
-        min-height: @@tag-height;
-      }
-    }
-  }
-
-  .size(mini);
-  .size(medium);
-  .size(small);
-  .size(large);
-}

package/es/input-tag/style/token.less

@@ -1,83 +0,0 @@
-@import url('../../style/theme/index.less');
-
-/**********************************************
- * size: mini / small / default / large
- **********************************************/
-@input-tag-size-mini-height: @size-mini;
-@input-tag-size-small-height: @size-small;
-@input-tag-size-default-height: @size-default;
-@input-tag-size-large-height: @size-large;
-
-@input-tag-size-mini-tag-height: @size-5;
-@input-tag-size-small-tag-height: @size-5;
-@input-tag-size-default-tag-height: @size-6;
-@input-tag-size-large-tag-height: @size-7;
-
-@input-tag-size-mini-font-size: @font-size-body-1;
-@input-tag-size-small-font-size: @font-size-body-3;
-@input-tag-size-default-font-size: @font-size-body-3;
-@input-tag-size-large-font-size: @font-size-body-3;
-
-/****************************************************
- * status: default / error / disabled _ (hover / focus)
- ****************************************************/
-// text color
-@input-tag-color-text_default: var(~'@{sd-cssvars-prefix}-color-text-1');
-@input-tag-color-text_error: var(~'@{sd-cssvars-prefix}-color-text-1');
-@input-tag-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-// icon color
-@input-tag-color-placeholder: var(~'@{sd-cssvars-prefix}-color-text-3');
-@input-tag-color-icon-clear: var(~'@{sd-cssvars-prefix}-color-text-2');
-@input-tag-color-icon-clear-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-4');
-
-// border color with focus & hover
-@input-tag-color-border_default: @color-transparent;
-@input-tag-color-border_default_hover: @color-transparent;
-@input-tag-color-border_default_focus: @color-primary-6;
-@input-tag-color-border_error: @color-transparent;
-@input-tag-color-border_error_hover: @color-transparent;
-@input-tag-color-border_error_focus: @color-danger-6;
-@input-tag-color-border_disabled: @color-transparent;
-@input-tag-color-border_disabled_hover: @input-tag-color-border_disabled;
-@input-tag-color-border_disabled_focus: @input-tag-color-border_disabled;
-
-// bg color with focus & hover
-@input-tag-color-bg_default: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@input-tag-color-bg_default_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@input-tag-color-bg_default_focus: var(~'@{sd-cssvars-prefix}-color-bg-2');
-@input-tag-color-bg_error: @color-danger-1;
-@input-tag-color-bg_error_hover: @color-danger-2;
-@input-tag-color-bg_error_focus: var(~'@{sd-cssvars-prefix}-color-bg-2');
-@input-tag-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@input-tag-color-bg_disabled_hover: @input-tag-color-bg_disabled;
-
-@input-tag-color-shadow_default_focus: @color-primary-2;
-@input-tag-color-shadow_error_focus: @color-danger-2;
-@input-tag-size-shadow_error_focus: @shadow-distance-none;
-@input-tag-size-shadow_default_focus: @shadow-distance-none;
-
-// input box
-@input-tag-tag-margin-right: @spacing-2;
-@input-tag-tag-margin-vertical: @spacing-1;
-@input-tag-padding-horizontal: @spacing-2;
-@input-tag-border-radius: @radius-small;
-@input-tag-border-width: @border-1;
-@input-tag-size-icon-clear: @size-3;
-@input-tag-size-icon-clear_hover: @size-5;
-
-// tags
-@input-tag-tag-font-size: @font-size-body-1;
-@input-tag-tag-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-2');
-@input-tag-tag-color-bg_focus: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@input-tag-tag-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@input-tag-tag-color-border: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@input-tag-tag-color-border_disabled: var(~'@{sd-cssvars-prefix}-color-fill-3');
-@input-tag-tag-color-border_focus: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@input-tag-tag-remove-icon-color-bg: var(~'@{sd-cssvars-prefix}-color-fill-2');
-@input-tag-tag-remove-icon-color-bg_focus: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-// vue overwrite token
-@input-tag-size-medium-height: @input-tag-size-default-height;
-@input-tag-size-medium-tag-height: @input-tag-size-default-tag-height;
-@input-tag-size-medium-font-size: @input-tag-size-default-font-size;

package/es/layout/style/token.less

@@ -1,13 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@layout-trigger-height: 48px;
-
-// Layout Theme Dark(Default)
-@layout-sider-background: var(~'@{sd-cssvars-prefix}-color-menu-dark-bg');
-@layout-font-color-dark: var(~'@{sd-cssvars-prefix}-color-white');
-@layout-font-color: var(~'@{sd-cssvars-prefix}-color-text-1');
-@layout-trigger-dark-color: rgba(255, 255, 255, 0.2);
-
-// Layout Theme Light
-@layout-sider-background-light: var(~'@{sd-cssvars-prefix}-color-menu-light-bg');
-@layout-trigger-light-color-border: var(~'@{sd-cssvars-prefix}-color-bg-5');

package/es/link/style/index.less

@@ -1,120 +0,0 @@
-@import url('./token.less');
-
-@link-prefix-cls: ~'@{prefix}-link';
-
-.@{link-prefix-cls} {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: @link-padding-vertical @link-padding-horizontal;
-  color: @link-color-text;
-  font-size: @link-font-size;
-  line-height: @link-line-height;
-  text-decoration: none;
-  background-color: @color-transparent;
-  border-radius: @link-border-radius;
-  cursor: pointer;
-  transition: all @transition-duration-1 @transition-timing-function-linear;
-
-  &:hover {
-    color: @link-color-text_hover;
-    background-color: @link-color-bg_hover;
-  }
-
-  &:active {
-    color: @link-color-text_active;
-    background-color: @link-color-bg_active;
-    transition: none;
-  }
-
-  &&-hoverless {
-    display: inline;
-    padding: 0;
-    background-color: unset;
-
-    &:active,
-    &:hover {
-      background-color: unset;
-    }
-  }
-
-  &&-disabled {
-    color: @link-color-text_disabled;
-    background: none;
-    cursor: not-allowed;
-  }
-
-  &&-loading {
-    color: @link-color-text_loading;
-    background: none;
-    cursor: default;
-  }
-
-  // 不同状态
-  &-status-success {
-    color: @link-color-text_success;
-
-    &:hover {
-      color: @link-color-text_success_hover;
-    }
-
-    &:active {
-      color: @link-color-text_success_active;
-    }
-  }
-
-  &-status-success&-disabled {
-    color: @link-color-text_success_disabled;
-  }
-
-  &-status-success&-loading {
-    color: @link-color-text_success_loading;
-  }
-
-  &-status-danger {
-    color: @link-color-text_error;
-
-    &:hover {
-      color: @link-color-text_error_hover;
-    }
-
-    &:active {
-      color: @link-color-text_error_active;
-    }
-  }
-
-  &-status-danger&-disabled {
-    color: @link-color-text_error_disabled;
-  }
-
-  &-status-danger&-loading {
-    color: @link-color-text_error_loading;
-  }
-
-  &-status-warning {
-    color: @link-color-text_warning;
-
-    &:hover {
-      color: @link-color-text_warning_hover;
-    }
-
-    &:active {
-      color: @link-color-text_warning_active;
-    }
-  }
-
-  &-status-warning&-disabled {
-    color: @link-color-text_warning_disabled;
-  }
-
-  &-status-warning&-loading {
-    color: @link-color-text_warning_loading;
-  }
-
-  // 链接图标
-  &-icon {
-    margin-right: @link-margin-icon-right;
-    font-size: @link-size-icon;
-    vertical-align: middle;
-  }
-}

package/es/link/style/token.less

@@ -1,59 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@link-font-size: @font-size-body-3;
-
-@link-color-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@link-color-bg_active: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@link-padding-horizontal: @spacing-2;
-
-@link-line-height: @line-height-base;
-
-@link-color-text: @color-link-6;
-
-@link-color-text_hover: @link-color-text;
-
-@link-color-text_active: @link-color-text;
-
-@link-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-link-light-3');
-
-@link-color-text_loading: var(~'@{sd-cssvars-prefix}-color-link-light-3');
-
-@link-color-text_success: @color-success-6;
-
-@link-color-text_success_hover: @link-color-text_success;
-
-@link-color-text_success_active: @link-color-text_success;
-
-@link-color-text_success_disabled: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-
-@link-color-text_success_loading: var(~'@{sd-cssvars-prefix}-color-success-light-3');
-
-@link-color-text_error: @color-danger-6;
-
-@link-color-text_error_active: @link-color-text_error;
-
-@link-color-text_error_hover: @link-color-text_error;
-
-@link-color-text_error_disabled: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-
-@link-color-text_error_loading: var(~'@{sd-cssvars-prefix}-color-danger-light-3');
-
-@link-color-text_warning: @color-warning-6;
-
-@link-color-text_warning_hover: @link-color-text_warning;
-
-@link-color-text_warning_active: @link-color-text_warning;
-
-@link-color-text_warning_disabled: var(~'@{sd-cssvars-prefix}-color-warning-light-2');
-
-@link-color-text_warning_loading: var(~'@{sd-cssvars-prefix}-color-warning-light-2');
-
-@link-margin-icon-right: @spacing-3;
-
-@link-padding-vertical: 1px;
-
-@link-size-icon: @size-3;
-
-@link-border-radius: @radius-small;

package/es/list/style/index.less

@@ -1,181 +0,0 @@
-@import url('./token.less');
-
-@list-prefix-cls: ~'@{prefix}-list';
-
-.@{list-prefix-cls} {
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  width: 100%;
-  overflow-y: auto;
-  color: @list-color-text;
-  font-size: @list-font-size;
-  line-height: @list-line-height;
-  border-radius: @list-border-radius;
-
-  &-wrapper {
-    overflow: hidden;
-
-    .@{list-prefix-cls}-spin {
-      display: block;
-      height: 100%;
-      overflow: hidden;
-    }
-  }
-
-  &-content {
-    overflow: hidden;
-  }
-
-  .size(@size) {
-    &-@{size} {
-      @ref-padding-vertical-header: ~'list-size-@{size}-padding-vertical-header';
-      @ref-padding-horizontal-header: ~'list-size-@{size}-padding-horizontal-header';
-      @ref-padding-vertical-item: ~'list-size-@{size}-padding-vertical-item';
-      @ref-padding-horizontal-item: ~'list-size-@{size}-padding-horizontal-item';
-
-      .@{list-prefix-cls}-content-wrapper .@{list-prefix-cls}-header {
-        padding: @@ref-padding-vertical-header @@ref-padding-horizontal-header;
-      }
-
-      // 在存在列表嵌套的时候，通过 > 限定 size 仅对其直接子元素生效，避免影响被嵌套的列表的样式
-      .@{list-prefix-cls}-content-wrapper .@{list-prefix-cls}-footer,
-      .@{list-prefix-cls}-content-wrapper .@{list-prefix-cls}-content > .@{list-prefix-cls}-item,
-      .@{list-prefix-cls}-content-wrapper
-        .@{list-prefix-cls}-content
-        .@{list-prefix-cls}-col
-        > .@{list-prefix-cls}-item,
-      .@{list-prefix-cls}-content-wrapper
-        .@{list-prefix-cls}-content.@{list-prefix-cls}-virtual
-        .@{list-prefix-cls}-item {
-        padding: @@ref-padding-vertical-item @@ref-padding-horizontal-item;
-      }
-    }
-  }
-
-  .border() {
-    &-bordered {
-      border: @list-border-width solid @list-border-color;
-    }
-  }
-
-  .split() {
-    &-split &-header,
-    &-split &-item:not(:last-child) {
-      border-bottom: @list-border-width solid @list-border-color;
-    }
-
-    &-split &-footer {
-      border-top: @list-border-width solid @list-border-color;
-    }
-  }
-
-  .size(small);
-  .size(medium);
-  .size(large);
-  .border();
-  .split();
-
-  &-header {
-    color: @list-color-text-header;
-    font-weight: @list-font-weight-header;
-    font-size: @list-font-size-header;
-    line-height: @list-line-height-header;
-  }
-
-  &-item {
-    display: flex;
-    justify-content: space-between;
-    box-sizing: border-box;
-    width: 100%;
-    overflow: hidden;
-
-    &-main {
-      flex: 1;
-
-      .@{list-prefix-cls}-item-action:not(:first-child) {
-        margin-top: @list-action-margin-top;
-      }
-    }
-
-    &-meta {
-      display: flex;
-      align-items: center;
-      padding: @list-meta-padding-vertical @list-meta-padding-horizontal;
-
-      &-avatar {
-        display: flex;
-
-        &:not(:last-child) {
-          margin-right: @list-meta-margin-right-avatar;
-        }
-      }
-
-      &-title {
-        color: @list-meta-color-title;
-        font-weight: @list-meta-font-weight-title;
-
-        &:not(:last-child) {
-          margin-bottom: @list-meta-margin-bottom-title;
-        }
-      }
-
-      &-description {
-        color: @list-mete-color-description;
-      }
-    }
-
-    &-action {
-      display: flex;
-      flex-wrap: nowrap;
-      align-self: center;
-      margin: 0;
-      padding: 0;
-      list-style: none;
-
-      > li {
-        display: inline-block;
-        cursor: pointer;
-
-        &:not(:last-child) {
-          margin-right: @list-action-gap;
-        }
-      }
-    }
-  }
-
-  &-hover &-item:hover {
-    background-color: @list-color-bg-item-hover;
-  }
-
-  &-pagination {
-    float: right;
-    margin-top: @list-pagination-margin-top;
-
-    &::after {
-      display: block;
-      clear: both;
-      height: 0;
-      overflow: hidden;
-      visibility: hidden;
-      content: '';
-    }
-  }
-
-  &-scroll-loading {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &-content {
-    flex: auto;
-
-    .@{prefix}-empty {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-    }
-  }
-}