@sdata/web-vue 1.6.0 → 1.7.0

package/es/tabs/style/rtl.less

@@ -1,103 +0,0 @@
-.@{tabs-prefix-cls}-rtl {
-  direction: rtl;
-
-  &.@{tabs-prefix-cls}-left {
-    flex-direction: row-reverse;
-  }
-
-  &.@{tabs-prefix-cls}-right {
-    flex-direction: row;
-  }
-
-  .@{tabs-prefix-cls} {
-    &-close-icon {
-      margin-right: @tabs-margin-close-icon-left;
-      margin-left: 0;
-    }
-
-    &-left-icon,
-    &-right-icon {
-      margin-right: @tabs-padding-header-wrapper-horizontal;
-      margin-left: @tabs-spacing-nav-icon-header;
-    }
-  }
-
-  .@{tabs-prefix-cls}-nav-type-line {
-    > .@{tabs-prefix-cls}-nav-type-horizontal {
-      .@{tabs-prefix-cls}-header-scroll {
-        > .@{tabs-prefix-cls}-header-title {
-          &:first-of-type {
-            margin-right: 0;
-          }
-        }
-      }
-    }
-  }
-
-  .@{tabs-prefix-cls}-nav-type-line,
-  .@{tabs-prefix-cls}-nav-type-text {
-    > .@{tabs-prefix-cls}-nav-type-horizontal {
-      .@{tabs-prefix-cls}-header-no-padding {
-        > .@{tabs-prefix-cls}-header-title {
-          &:first-of-type {
-            margin-right: 0;
-          }
-        }
-      }
-    }
-  }
-
-  .@{tabs-prefix-cls}-nav-type-card,
-  .@{tabs-prefix-cls}-nav-type-card-gutter {
-    .@{tabs-prefix-cls}-header-title-editable {
-      padding-right: @tabs-card-padding-title-horizontal;
-      padding-left: @tabs-card-padding-title-right_editable;
-    }
-  }
-
-  .@{tabs-prefix-cls}-nav-type-card .@{tabs-prefix-cls}-header-title {
-    border-right: @tabs-card-border-width solid @tabs-card-color-title-border;
-    border-left: none;
-
-    &:last-child {
-      border-left: @tabs-card-border-width solid @tabs-card-color-title-border;
-      border-top-left-radius: @tabs-card-border-radius;
-      border-top-right-radius: 0;
-    }
-
-    &:first-child {
-      border-top-left-radius: 0;
-      border-top-right-radius: @tabs-card-border-radius;
-    }
-  }
-
-  .@{tabs-prefix-cls}-nav-type-card-gutter .@{tabs-prefix-cls}-header-title {
-    margin-right: @tabs-card-gutter-spacing-horizontal;
-
-    &:first-child {
-      margin-right: 0;
-    }
-  }
-
-  .@{tabs-prefix-cls}-nav-type-text {
-    .@{tabs-prefix-cls}-header-title {
-      &:not(:first-of-type)::before {
-        right: -(@tabs-text-margin-title-horizontal + (@tabs-text-size-separator-width / 2));
-        left: initial;
-      }
-    }
-  }
-
-  .@{tabs-prefix-cls}-nav-type-capsule.@{tabs-prefix-cls}-nav-type-horizontal {
-    .@{tabs-prefix-cls}-header-title:not(:first-of-type) {
-      margin-right: @tabs-capsule-margin-title-horizontal;
-      margin-left: 0;
-
-      &::before {
-        right: -(@tabs-capsule-margin-title-horizontal / 2) -
-          (@tabs-capsule-size-separator-width / 2);
-        left: initial;
-      }
-    }
-  }
-}

package/es/tabs/style/token.less

@@ -1,223 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@tabs-size-mini-font-size: @font-size-body-1;
-
-@tabs-size-small-font-size: @font-size-body-3;
-
-@tabs-size-default-font-size: @font-size-body-3;
-
-@tabs-size-large-font-size: @font-size-body-3;
-
-@tabs-size-mini-font-size_card: @font-size-body-1;
-
-@tabs-size-small-font-size_card: @font-size-body-3;
-
-@tabs-size-default-font-size_card: @font-size-body-3;
-
-@tabs-size-large-font-size_card: @font-size-body-3;
-
-@tabs-size-default-font-size_text: @font-size-body-3;
-
-@tabs-size-default-font-size_rounded: @font-size-body-3;
-
-@tabs-size-mini-font-size_capsule: @font-size-body-1;
-
-@tabs-size-small-font-size_capsule: @font-size-body-3;
-
-@tabs-size-default-font-size_capsule: @font-size-body-3;
-
-@tabs-size-large-font-size_capsule: @font-size-body-3;
-
-@tabs-size-mini-font-size_rounded: @font-size-body-1;
-
-@tabs-size-small-font-size_rounded: @font-size-body-3;
-
-@tabs-size-default-font-size_rounded: @font-size-body-3;
-
-@tabs-size-large-font-size_rounded: @font-size-body-3;
-
-@tabs-size-mini-header-height_line: @size-8;
-
-@tabs-size-small-header-height_line: @size-9;
-
-@tabs-size-default-header-height_line: @size-10;
-
-@tabs-size-large-header-height_line: @size-11;
-
-@tabs-size-mini-header-height: @size-6;
-
-@tabs-size-small-header-height: @size-7;
-
-@tabs-size-default-header-height: @size-8;
-
-@tabs-size-large-header-height: @size-9;
-
-@tabs-size-mini-header-height_capsule: @size-6;
-
-@tabs-size-small-header-height_capsule: @size-7;
-
-@tabs-size-default-header-height_capsule: @size-8;
-
-@tabs-size-large-header-height_capsule: @size-9;
-
-@tabs-size-mini-header-height_rounded: @size-6;
-
-@tabs-size-small-header-height_rounded: @size-7;
-
-@tabs-size-default-header-height_rounded: @size-8;
-
-@tabs-size-large-header-height_rounded: @size-9;
-
-@tabs-size-default-header-height_text: @size-8;
-
-@tabs-size-default-header-height_rounded: @size-8;
-
-@tabs-padding-title-text-vertical: 1px;
-
-@tabs-padding-title-text-horizontal: @spacing-4;
-
-@tabs-color-title-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@tabs-color-title-text_active: @color-primary-6;
-
-@tabs-color-title-text_hover: @tabs-color-title-text;
-
-@tabs-color-title-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@tabs-color-title-text_disabled_active: var(~'@{sd-cssvars-prefix}-color-primary-light-3');
-
-@tabs-line-size-header-border: @border-1;
-
-@tabs-line-color-header-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@tabs-line-size-ink-stroke: 2px;
-
-@tabs-line-color-ink-bg: @color-primary-6;
-
-@tabs-line-color-ink-bg_disabled: var(~'@{sd-cssvars-prefix}-color-primary-light-3');
-
-@tabs-line-font-title-text-weight_active: @font-weight-500;
-
-@tabs-line-margin-title-horizontal: @spacing-10;
-
-@tabs-line-margin-title-horizontal_first: @spacing-7;
-
-@tabs-line-margin-title-vertical: @spacing-6;
-
-@tabs-line-padding-title-horizontal_vertical: @spacing-8;
-
-@tabs-line-color-title-bg: @color-transparent;
-
-@tabs-line-color-title-bg_active: @color-transparent;
-
-@tabs-line-color-title-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@tabs-line-font-title-text-weight_hover: @font-weight-400;
-
-@tabs-line-border-radius: @radius-small;
-
-@tabs-card-border-width: @border-1;
-
-@tabs-card-color-title-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@tabs-card-padding-title-horizontal: @spacing-7;
-
-@tabs-card-padding-title-right_editable: @spacing-6;
-
-@tabs-card-border-radius: @radius-small;
-
-@tabs-card-color-title-bg: @color-transparent;
-
-@tabs-card-color-title-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@tabs-card-color-title-bg_disabled: @tabs-card-color-title-bg;
-
-@tabs-card-color-title-bg_active: @color-transparent;
-
-@tabs-card-border-content-width: @border-1;
-
-@tabs-card-gutter-spacing-horizontal: @spacing-2;
-
-@tabs-card-gutter-color-title-bg: var(~'@{sd-cssvars-prefix}-color-fill-1');
-
-@tabs-card-gutter-color-title-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@tabs-card-gutter-color-title-bg_active: @color-transparent;
-
-@tabs-card-gutter-color-title-bg_disabled: @tabs-card-gutter-color-title-bg;
-
-@tabs-text-size-separator-height: @size-3;
-
-@tabs-text-size-separator-width: 2px;
-
-@tabs-text-color-separator-bg: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@tabs-text-margin-title-horizontal: @spacing-4;
-
-@tabs-text-color-title-bg: @color-transparent;
-
-@tabs-text-color-title-bg_active: @color-transparent;
-
-@tabs-text-color-title-bg_disabled: @color-transparent;
-
-@tabs-text-color-title-bg_disabled_active: var(~'@{sd-cssvars-prefix}-color-primary-light-3');
-
-@tabs-text-color-title-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@tabs-rounded-padding-title-horizontal: @spacing-7;
-
-@tabs-rounded-margin-title-horizontal: @spacing-6;
-
-@tabs-rounded-color-title-bg: @color-transparent;
-
-@tabs-rounded-color-title-bg_active: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@tabs-rounded-color-title-bg_disabled: @color-transparent;
-
-@tabs-rounded-color-title-bg_hover: @tabs-rounded-color-title-bg_active;
-
-@tabs-capsule-color-header-bg: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@tabs-capsule-margin-title-horizontal: 3px;
-
-@tabs-capsule-padding-title-horizontal: @spacing-6;
-
-@tabs-capsule-padding-header-vertical: 3px;
-
-@tabs-capsule-padding-header-horizontal: 3px;
-
-@tabs-capsule-border-header-radius: @radius-small;
-
-@tabs-capsule-color-title-bg: @color-transparent;
-
-@tabs-capsule-color-title-bg_active: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@tabs-capsule-color-title-bg_hover: @tabs-capsule-color-title-bg_active;
-
-@tabs-capsule-size-separator-width: 1px;
-
-@tabs-capsule-size-separator-height: 14px;
-
-@tabs-capsule-color-separator-bg: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@tabs-margin-close-icon-left: @spacing-4;
-
-@tabs-size-icon: @size-3;
-
-@tabs-size-icon-bg: @size-4;
-
-@tabs-card-color-close-icon-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-4');
-
-@tabs-margin-add-icon-left: @spacing-4;
-
-@tabs-color-icon: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@tabs-color-icon_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@tabs-spacing-nav-icon-header: @spacing-3;
-
-@tabs-padding-header-wrapper-horizontal: @spacing-5;
-
-@tabs-padding-header-wrapper-vertical: @spacing-3;
-
-@tabs-content-padding: @spacing-7;

package/es/tabs/style/vertical.less

@@ -1,156 +0,0 @@
-@tabs-prefix-cls: ~'@{prefix}-tabs';
-
-@tabs-prefix-cls-vertical: ~'@{tabs-prefix-cls}-vertical';
-
-/* Vertical */
-.@{tabs-prefix-cls} {
-  &-vertical {
-    // overflow: hidden;
-  }
-
-  &-nav-vertical {
-    float: left;
-    height: 100%;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: initial;
-      clear: both;
-      width: @tabs-line-size-header-border;
-      height: 100%;
-    }
-
-    .@{tabs-prefix-cls}-nav-add-btn {
-      height: auto;
-      margin-top: @tabs-margin-add-icon-left;
-      margin-left: 0;
-      padding: 0 @tabs-card-padding-title-horizontal;
-    }
-  }
-
-  &-nav-right {
-    float: right;
-  }
-
-  &-nav-vertical {
-    flex-direction: column;
-  }
-
-  &-nav-vertical &-nav-tab {
-    flex-direction: column;
-    height: 100%;
-  }
-
-  &-nav-vertical &-nav-ink {
-    position: absolute;
-    right: 0;
-    bottom: initial;
-    left: initial;
-    width: @tabs-line-size-ink-stroke;
-    transition:
-      top @transition-duration-2 @transition-timing-function-standard,
-      height @transition-duration-2 @transition-timing-function-standard;
-  }
-
-  &-nav-vertical &-nav-tab-list {
-    height: auto;
-
-    &-overflow-scroll {
-      padding: @tabs-padding-header-wrapper-vertical 0;
-    }
-  }
-
-  &-nav-vertical &-tab {
-    display: block;
-    margin: 0;
-    margin-top: @tabs-line-margin-title-vertical;
-    white-space: nowrap;
-
-    &:first-of-type {
-      margin-top: 0;
-    }
-  }
-
-  &-nav-right::before {
-    right: unset;
-    left: 0;
-  }
-
-  &-nav-right &-nav-ink {
-    right: unset;
-    left: 0;
-  }
-
-  &-nav-vertical {
-    position: relative;
-    box-sizing: border-box;
-    height: 100%;
-  }
-
-  &-nav-vertical&-nav-type-line &-tab {
-    padding: 0 @tabs-line-padding-title-horizontal_vertical;
-  }
-
-  &-nav-vertical&-nav-type-card &-tab {
-    position: relative;
-    margin: 0;
-    border: @tabs-card-border-width solid @tabs-card-color-title-border;
-    border-bottom-color: @color-transparent;
-
-    &:first-child {
-      border-top-left-radius: @tabs-card-border-radius;
-    }
-
-    &-active,
-    &-active:hover {
-      border-right-color: var(~'@{sd-cssvars-prefix}-color-bg-2');
-      border-bottom-color: @color-transparent;
-    }
-
-    &:last-child {
-      border-bottom: @tabs-card-border-width solid @tabs-card-color-title-border;
-      border-bottom-left-radius: @tabs-card-border-radius;
-    }
-  }
-
-  &-nav-vertical&-nav-type-card-gutter &-tab {
-    position: relative;
-    margin-left: 0;
-    border-radius: @tabs-card-border-radius 0 0 @tabs-card-border-radius;
-
-    &:not(:first-of-type) {
-      margin-top: 4px;
-    }
-
-    &-active,
-    &-active:hover {
-      border-right-color: var(~'@{sd-cssvars-prefix}-color-bg-2');
-      border-bottom-color: @tabs-card-color-title-border;
-    }
-  }
-
-  &-vertical &-content {
-    width: auto;
-    height: 100%;
-    padding: 0;
-  }
-
-  &-right&-vertical &-content {
-    padding-right: @tabs-content-padding;
-  }
-
-  &-left&-vertical &-content {
-    padding-left: @tabs-content-padding;
-  }
-
-  &-vertical&-type-card,
-  &-vertical&-type-card-gutter {
-    > .@{tabs-prefix-cls}-content {
-      border: @tabs-card-border-content-width solid @tabs-line-color-header-border;
-      border-left: none;
-    }
-  }
-}

package/es/tag/style/index.less

@@ -1,170 +0,0 @@
-@import url('../../style/mixins/index.less');
-@import url('./token.less');
-
-@tag-prefix-cls: ~'@{prefix}-tag';
-
-@colors: red, orangered, orange, gold, lime, green, cyan, blue, sdblue, purple, pinkpurple, magenta,
-  gray;
-
-.@{tag-prefix-cls} {
-  display: inline-flex;
-  align-items: center;
-  box-sizing: border-box;
-  height: @tag-size-default;
-  padding: @tag-padding-vertical @tag-padding-horizontal;
-  color: @tag-default-color-text;
-  font-weight: @tag-text-font-weight;
-  font-size: @tag-size-default-font-size;
-  line-height: @tag-size-default - @tag-border-width * 2 - @tag-padding-vertical * 2;
-  vertical-align: middle;
-  border: @tag-border-width @tag-border-type transparent;
-  border-radius: @tag-border-radius;
-  .text-ellipsis();
-
-  .icon-hover(@tag-prefix-cls, 12px, 16px);
-  .icon-hover-bg(@tag-prefix-cls, @tag-default-color-bg_hover);
-
-  &-checkable {
-    cursor: pointer;
-    transition: all @transition-duration-1 @transition-timing-function-linear;
-  }
-
-  &-checkable:hover {
-    background-color: @tag-color-bg-not-checked_hover;
-  }
-
-  &-checked {
-    background-color: @tag-default-color-bg;
-    border-color: @tag-default-color-border;
-  }
-
-  &-checkable&-checked:hover {
-    background-color: @tag-default-color-bg_hover;
-    border-color: @tag-default-color-border_hover;
-  }
-
-  &-bordered,
-  &-checkable&-checked&-bordered:hover {
-    border-color: @tag-default-bordered-color-border;
-  }
-
-  // Size
-  &-size-small {
-    height: @tag-size-small;
-    font-size: @tag-size-small-font-size;
-    line-height: @tag-size-small - @tag-border-width * 2;
-  }
-
-  &-size-medium {
-    height: @tag-size-medium;
-    font-size: @tag-size-medium-font-size;
-    line-height: @tag-size-medium - @tag-border-width * 2;
-  }
-
-  &-size-large {
-    height: @tag-size-large;
-    font-size: @tag-size-large-font-size;
-    line-height: @tag-size-large - @tag-border-width * 2;
-  }
-
-  &-hide {
-    display: none;
-  }
-
-  &-loading {
-    cursor: default;
-    opacity: 0.8;
-  }
-
-  &-icon {
-    margin-right: @tag-icon-margin-right;
-    color: @tag-default-color-icon;
-  }
-
-  &-text {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-  }
-
-  each(@colors, {
-    &&-checked&-@{value} {
-      color: ~'@{tag-@{value}-color-text}';
-      background-color: ~'@{tag-@{value}-color-bg}';
-      border: @tag-border-width @tag-border-type ~'@{tag-@{value}-color-border}';
-
-      .icon-hover-bg(@tag-prefix-cls, ~'@{tag-@{value}-color-icon-bg_hover}');
-    }
-
-    &&-checkable&-checked&-@{value}&:hover {
-      background-color: ~'@{tag-@{value}-color-bg_hover}';
-      border-color: ~'@{tag-@{value}-color-border_hover}';
-    }
-
-    &-checked&-@{value}&-bordered,
-    &-checked&-@{value}&-bordered:hover {
-      border-color: ~'@{tag-@{value}-bordered-color-border}';
-    }
-
-    &&-checked&-@{value} &-icon,
-    &&-checked&-@{value} &-close-btn,
-    &&-checked&-@{value} &-loading-icon {
-      color: ~'@{tag-@{value}-color-icon}';
-    }
-  });
-
-  &&-custom-color {
-    color: @tag-custom-color-text;
-
-    .icon-hover-bg(@tag-prefix-cls, @tag-custom-color-icon-bg_hover);
-  }
-
-  & &-close-btn {
-    margin-left: 4px;
-    font-size: 12px;
-
-    > svg {
-      position: relative;
-    }
-  }
-
-  & &-loading-icon {
-    margin-left: 4px;
-    font-size: 12px;
-  }
-}
-
-@{sd-theme-tag}[sd-theme='dark'] {
-  .@{tag-prefix-cls}-checked {
-    color: rgb(255 255 255 / 90%);
-  }
-
-  each(@colors, {
-    .@{tag-prefix-cls}-checked.@{tag-prefix-cls}-@{value} {
-      background-color: ~'rgba(var(@{sd-cssvars-prefix}-@{value}-6), 0.2)';
-
-      .icon-hover-bg(@tag-prefix-cls, ~'rgba(var(@{sd-cssvars-prefix}-@{value}-6), 0.35)');
-    }
-
-    .@{tag-prefix-cls}-checkable.@{tag-prefix-cls}-checked.@{tag-prefix-cls}-@{value}:hover {
-      background-color: ~'rgba(var(@{sd-cssvars-prefix}-@{value}-6), 0.35)';
-    }
-  });
-}
-
-.@{tag-prefix-cls}-rtl {
-  direction: rtl;
-
-  .@{tag-prefix-cls} {
-    &-icon {
-      margin-right: 0;
-      margin-left: @tag-icon-margin-right;
-    }
-
-    &-close-btn,
-    &-loading-icon {
-      margin-right: 4px;
-      margin-left: 0;
-    }
-  }
-}