@sdata/web-vue 1.6.0 → 1.7.0

package/es/spin/style/token.less

@@ -1,27 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@spin-font-size-text: 14px;
-
-@spin-font-size-icon: 20px;
-
-@spin-font-weight: @font-weight-500;
-
-@spin-line-height: @line-height-base;
-
-@spin-margin-top-tip: @spacing-3;
-
-@spin-color-text: @color-primary-6;
-
-@spin-color-icon: @color-primary-6;
-
-@spin-dot-color-icon_default: @color-primary-6;
-
-@spin-dot-color-icon_second: @color-primary-5;
-
-@spin-dot-color-icon_third: @color-primary-4;
-
-@spin-dot-color-icon_forth: @color-primary-4;
-
-@spin-dot-color-icon_last: @color-primary-2;
-
-@spin-dot-size-width: @size-2;

package/es/split/style/index.less

@@ -1,53 +0,0 @@
-@import url('./token.less');
-
-@split-prefix-cls: ~'@{prefix}-split';
-@split-trigger-prefix-cls: ~'@{split-prefix-cls}-trigger';
-
-.@{split-prefix-cls} {
-  display: flex;
-
-  &-pane {
-    overflow: auto;
-  }
-
-  &-pane-second {
-    flex: 1;
-  }
-
-  &-horizontal {
-    flex-direction: row;
-  }
-
-  &-vertical {
-    flex-direction: column;
-  }
-}
-
-// 伸缩触发杆
-.@{split-trigger-prefix-cls} {
-  &-icon-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 100%;
-    color: @split-trigger-color-icon;
-    font-size: @split-trigger-font-size-icon;
-    line-height: 1;
-    background-color: @split-trigger-color-background;
-  }
-
-  &-icon {
-    display: inline-block;
-    margin: -(@resizeBox-trigger-font-size-icon / 4);
-  }
-
-  &-vertical {
-    height: 100%;
-    cursor: col-resize;
-  }
-
-  &-horizontal {
-    width: 100%;
-    cursor: row-resize;
-  }
-}

package/es/split/style/token.less

@@ -1,10 +0,0 @@
-@import url('../../style/theme/index.less');
-@import url('../../resize-box/style/token.less');
-
-@split-trigger-color-background: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@split-trigger-size-icon-wrapper: 6px;
-
-@split-trigger-font-size-icon: 12px;
-
-@split-trigger-color-icon: var(~'@{sd-cssvars-prefix}-color-text-1');

package/es/statistic/style/index.less

@@ -1,47 +0,0 @@
-@import url('./token.less');
-
-@statistic-prefix-cls: ~'@{prefix}-statistic';
-
-.@{statistic-prefix-cls} {
-  display: inline-block;
-  color: @statistic-color-text;
-  line-height: @line-height-base;
-
-  &-title {
-    margin-bottom: @statistic-margin-title-bottom;
-    color: @statistic-color-title-text;
-    font-size: @statistic-font-title-size;
-  }
-
-  &-content {
-    .@{statistic-prefix-cls}-value {
-      color: @statistic-color-value-text;
-      font-weight: @statistic-font-value-weight;
-      font-size: @statistic-font-int-size;
-      white-space: nowrap;
-
-      &-integer {
-        font-size: inherit;
-        white-space: nowrap;
-      }
-
-      &-decimal {
-        display: inline-block;
-        font-size: @statistic-font-decimal-size;
-      }
-    }
-  }
-
-  &-prefix {
-    font-size: @statistic-size-value-icon;
-  }
-
-  &-suffix {
-    font-size: @statistic-font-suffix-size;
-  }
-
-  &-extra {
-    margin-top: @statistic-margin-extra-top;
-    color: @statistic-color-extra-text;
-  }
-}

package/es/statistic/style/token.less

@@ -1,27 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@statistic-font-title-size: @font-size-body-3;
-
-@statistic-margin-title-bottom: @spacing-4;
-
-@statistic-margin-extra-top: @spacing-4;
-
-@statistic-font-value-size: @font-size-body-3;
-
-@statistic-font-int-size: 26px;
-
-@statistic-font-decimal-size: inherit;
-
-@statistic-font-value-weight: @font-weight-500;
-
-@statistic-color-value-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@statistic-color-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@statistic-size-value-icon: 14px;
-
-@statistic-font-suffix-size: 14px;
-
-@statistic-color-title-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@statistic-color-extra-text: var(~'@{sd-cssvars-prefix}-color-text-2');

package/es/steps/style/arrow.less

@@ -1,201 +0,0 @@
-@import url('./token.less');
-
-// Arrow
-.@{steps-prefix-cls} {
-  &-mode-arrow &-item {
-    position: relative;
-    display: flex;
-    flex: 1;
-    align-items: center;
-    height: @steps-size-default-arrow;
-    overflow: visible;
-    white-space: nowrap;
-
-    &:not(:last-child) {
-      margin-right: @steps-arrow-size-item-gap;
-    }
-  }
-
-  &-mode-arrow &-item-wait {
-    background-color: @steps-arrow-color-item-bg_wait;
-  }
-
-  &-mode-arrow &-item-process {
-    background-color: @steps-arrow-color-item-bg_process;
-  }
-
-  &-mode-arrow &-item-finish {
-    background-color: @steps-arrow-color-item-bg_finish;
-  }
-
-  &-mode-arrow &-item-error {
-    background-color: @steps-arrow-color-item-bg_error;
-  }
-
-  &-mode-arrow &-item-content {
-    display: inline-block;
-    box-sizing: border-box;
-  }
-
-  &-mode-arrow &-item:first-child &-item-content {
-    padding-left: @steps-arrow-size-default-title-padding-left;
-  }
-
-  &-mode-arrow &-item:not(:first-child) &-item-content {
-    padding-left: @steps-arrow-size-default-title-padding-left + (@steps-size-default-arrow / 2);
-  }
-
-  &-mode-arrow &-item-title {
-    position: relative;
-    display: inline-block;
-    font-size: @steps-size-default-font-size-title;
-    white-space: nowrap;
-
-    &::after {
-      display: none !important;
-    }
-  }
-
-  &-mode-arrow &-item-wait &-item-title {
-    color: @steps-arrow-color-item-title_wait;
-  }
-
-  &-mode-arrow &-item-process &-item-title {
-    color: @steps-arrow-color-item-title_process;
-  }
-
-  &-mode-arrow &-item-finish &-item-title {
-    color: @steps-arrow-color-item-title_finish;
-  }
-
-  &-mode-arrow &-item-error &-item-title {
-    color: @steps-arrow-color-item-title_error;
-  }
-
-  &-mode-arrow &-item-active &-item-title {
-    font-weight: @steps-arrow-font-weight-item-title_active;
-  }
-
-  &-mode-arrow &-item-description {
-    max-width: none;
-    margin-top: @steps-arrow-item-description-margin-top;
-    font-size: @steps-size-default-font-size-description;
-    white-space: nowrap;
-  }
-
-  &-mode-arrow &-item-wait &-item-description {
-    color: @steps-arrow-color-item-description_wait;
-  }
-
-  &-mode-arrow &-item-process &-item-description {
-    color: @steps-arrow-color-item-description_process;
-  }
-
-  &-mode-arrow &-item-finish &-item-description {
-    color: @steps-arrow-color-item-description_finish;
-  }
-
-  &-mode-arrow &-item-error &-item-description {
-    color: @steps-arrow-color-item-description_error;
-  }
-
-  // 前箭头
-  &-mode-arrow &-item:not(:first-child)::before {
-    position: absolute;
-    top: 0;
-    left: 0;
-    z-index: 1;
-    display: block;
-    width: 0;
-    height: 0;
-    border-top: (@steps-size-default-arrow / 2) solid transparent;
-    border-bottom: (@steps-size-default-arrow / 2) solid transparent;
-    border-left: (@steps-size-default-arrow / 2) solid var(~'@{sd-cssvars-prefix}-color-bg-2');
-    content: '';
-  }
-
-  // 后箭头
-  &-mode-arrow &-item:not(:last-child)::after {
-    position: absolute;
-    top: 0;
-    right: -(@steps-size-default-arrow / 2);
-    z-index: 2;
-    display: block;
-    clear: both;
-    width: 0;
-    height: 0;
-    border-top: (@steps-size-default-arrow / 2) solid transparent;
-    border-bottom: (@steps-size-default-arrow / 2) solid transparent;
-    content: '';
-  }
-
-  &-mode-arrow &-item:not(:last-child)&-item-wait::after {
-    border-left: (@steps-size-default-arrow / 2) solid @steps-arrow-color-item-bg_wait;
-  }
-
-  &-mode-arrow &-item:not(:last-child)&-item-process::after {
-    border-left: (@steps-size-default-arrow / 2) solid @steps-arrow-color-item-bg_process;
-  }
-
-  &-mode-arrow &-item:not(:last-child)&-item-error::after {
-    border-left: (@steps-size-default-arrow / 2) solid @steps-arrow-color-item-bg_error;
-  }
-
-  &-mode-arrow &-item:not(:last-child)&-item-finish::after {
-    border-left: (@steps-size-default-arrow / 2) solid @steps-arrow-color-item-bg_finish;
-  }
-
-  // Small
-  &-mode-arrow&-size-small &-item {
-    height: @steps-size-small-arrow;
-
-    &-title {
-      font-size: @steps-size-small-font-size-title;
-    }
-
-    &-description {
-      display: none;
-    }
-
-    &:not(:first-child) {
-      &::before {
-        border-top: (@steps-size-small-arrow / 2) solid transparent;
-        border-bottom: (@steps-size-small-arrow / 2) solid transparent;
-        border-left: (@steps-size-small-arrow / 2) solid var(~'@{sd-cssvars-prefix}-color-bg-2');
-      }
-    }
-
-    &:not(:last-child)::after {
-      right: -(@steps-size-small-arrow / 2);
-      border-top: (@steps-size-small-arrow / 2) solid transparent;
-      border-bottom: (@steps-size-small-arrow / 2) solid transparent;
-      border-left: (@steps-size-small-arrow / 2) solid @steps-arrow-color-item-bg_wait;
-    }
-  }
-
-  &-mode-arrow&-size-small &-item:first-child &-item-content {
-    padding-left: @steps-arrow-size-small-title-padding-left;
-  }
-
-  &-mode-arrow&-size-small &-item:not(:first-child) &-item-content {
-    padding-left: @steps-arrow-size-small-title-padding-left + (@steps-size-small-arrow / 2);
-  }
-
-  &-mode-arrow&-size-small &-item-error {
-    &:not(:last-child)::after {
-      border-left: (@steps-size-small-arrow / 2) solid @steps-arrow-color-item-bg_error;
-    }
-  }
-
-  &-mode-arrow&-size-small &-item:not(:last-child)&-item-wait::after {
-    border-left: (@steps-size-small-arrow / 2) solid @steps-arrow-color-item-bg_wait;
-  }
-
-  &-mode-arrow&-size-small &-item:not(:last-child)&-item-process::after {
-    border-left: (@steps-size-small-arrow / 2) solid @steps-arrow-color-item-bg_process;
-  }
-
-  &-mode-arrow&-size-small &-item:not(:last-child)&-item-finish::after {
-    border-left: (@steps-size-small-arrow / 2) solid @steps-arrow-color-item-bg_finish;
-  }
-}

package/es/steps/style/circle.less

@@ -1,263 +0,0 @@
-@import url('./token.less');
-
-@steps-size-default-item-icon-margin-left: (@steps-label-vertical-content-width / 2) -
-  (@steps-size-default / 2);
-@steps-size-small-item-icon-margin-left: (@steps-label-vertical-content-width / 2) -
-  (@steps-size-small / 2);
-
-// Circle
-.@{steps-prefix-cls} {
-  &-item {
-    position: relative;
-    flex: 1;
-    margin-right: @steps-circle-size-item-icon-gap;
-    overflow: hidden;
-    white-space: nowrap;
-    text-align: left;
-
-    &:last-child {
-      flex: none;
-      margin-right: 0;
-    }
-  }
-
-  &-item-active &-item-title {
-    font-weight: @steps-circle-font-weight-item-title_active;
-  }
-
-  &-item-node {
-    display: inline-block;
-    margin-right: @steps-circle-size-item-icon-gap;
-    font-weight: @font-weight-500;
-    font-size: @steps-size-default-font-size-title;
-    vertical-align: top;
-  }
-
-  &-icon {
-    box-sizing: border-box;
-    width: @steps-size-default;
-    height: @steps-size-default;
-    font-size: @steps-size-default-font-size-icon;
-    line-height: @steps-size-default - 2;
-    text-align: center;
-    border-radius: @steps-circle-border-radius-item-icon;
-  }
-
-  &-item-wait &-icon {
-    color: @steps-circle-color-item-icon-text_wait;
-    background-color: @steps-circle-color-item-bg_wait;
-    border: 1px solid @steps-circle-color-item-border_wait;
-  }
-
-  &-item-process &-icon {
-    color: @steps-circle-color-item-icon-text_process;
-    background-color: @steps-circle-color-item-bg_process;
-    border: 1px solid @steps-circle-color-item-border_process;
-  }
-
-  &-item-finish &-icon {
-    color: @steps-circle-color-item-icon-text_finish;
-    background-color: @steps-circle-color-item-bg_finish;
-    border: 1px solid @steps-circle-color-item-border_finish;
-  }
-
-  &-item-error &-icon {
-    color: @steps-circle-color-item-icon-text_error;
-    background-color: @steps-circle-color-item-bg_error;
-    border: 1px solid @steps-circle-color-item-border_error;
-  }
-
-  &-item-title {
-    position: relative;
-    display: inline-block;
-    padding-right: @steps-circle-size-item-icon-gap;
-    color: @steps-circle-color-item-title_wait;
-    font-size: @steps-size-default-font-size-title;
-    line-height: @steps-size-default;
-    white-space: nowrap;
-  }
-
-  &-item-wait &-item-title {
-    color: @steps-circle-color-item-title_wait;
-  }
-
-  &-item-process &-item-title {
-    color: @steps-circle-color-item-title_process;
-  }
-
-  &-item-finish &-item-title {
-    color: @steps-circle-color-item-title_finish;
-  }
-
-  &-item-error &-item-title {
-    color: @steps-circle-color-item-title_error;
-  }
-
-  &-item-content {
-    display: inline-block;
-  }
-
-  &-item-description {
-    max-width: @steps-direction-horizontal-description-width;
-    margin-top: @steps-circle-horizontal-item-description-margin-top;
-    color: @steps-circle-color-item-description_wait;
-    font-size: @steps-size-default-font-size-description;
-    white-space: normal;
-  }
-
-  &-item-wait &-item-description {
-    color: @steps-circle-color-item-description_wait;
-  }
-
-  &-item-process &-item-description {
-    color: @steps-circle-color-item-description_process;
-  }
-
-  &-item-finish &-item-description {
-    color: @steps-circle-color-item-description_finish;
-  }
-
-  &-item-error &-item-description {
-    color: @steps-circle-color-item-description_error;
-  }
-
-  // label horizontal tail style
-  &-label-horizontal &-item:not(:last-child) &-item-title {
-    &::after {
-      position: absolute;
-      top: ((@steps-size-default - @steps-circle-size-item-tail) / 2);
-      left: 100%;
-      display: block;
-      box-sizing: border-box;
-      width: 5000px;
-      height: @steps-circle-size-item-tail;
-      background-color: @steps-circle-color-item-tail_wait;
-      content: '';
-    }
-  }
-
-  &-label-horizontal &-item&-item-process &-item-title::after {
-    background-color: @steps-circle-color-item-tail_wait;
-  }
-
-  &-label-horizontal &-item&-item-finish &-item-title::after {
-    background-color: @steps-circle-color-item-tail_process;
-  }
-
-  &-label-horizontal &-item&-item-next-error &-item-title::after {
-    background-color: @steps-circle-color-item-tail_error;
-  }
-
-  // label vertical & direction vertical tail style
-  &-item:not(:last-child) &-item-tail {
-    position: absolute;
-    top: ((@steps-size-default - @steps-circle-size-item-tail) / 2);
-    box-sizing: border-box;
-    width: 100%;
-    height: @steps-circle-size-item-tail;
-
-    &::after {
-      display: block;
-      width: 100%;
-      height: 100%;
-      background-color: @steps-circle-color-item-tail_wait;
-      content: '';
-    }
-  }
-
-  &-vertical &-item:not(:last-child) &-item-tail {
-    position: absolute;
-    top: 0;
-    left: ((@steps-size-default - @steps-circle-size-item-tail) / 2);
-    box-sizing: border-box;
-    width: @steps-circle-size-item-tail;
-    height: 100%;
-    padding: (@steps-size-default + 6px) 0 6px;
-
-    &::after {
-      display: block;
-      width: 100%;
-      height: 100%;
-      background-color: @steps-circle-color-item-tail_wait;
-      content: '';
-    }
-  }
-
-  &-size-small&-vertical &-item:not(:last-child) &-item-tail {
-    left: ((@steps-size-small - @steps-circle-size-item-tail) / 2);
-    padding: (@steps-size-small + 6px) 0 6px;
-  }
-
-  &-item:not(:last-child)&-item-finish &-item-tail::after {
-    background-color: @steps-circle-color-item-tail_process;
-  }
-
-  &-item:not(:last-child)&-item-next-error &-item-tail::after {
-    background-color: @steps-circle-color-item-tail_error;
-  }
-
-  // Size
-  &-size-small:not(&-vertical) &-item:not(:last-child) &-item-tail {
-    top: ((@steps-size-small - @steps-circle-size-item-tail) / 2);
-  }
-
-  &-size-small &-item {
-    &-node {
-      font-size: @steps-size-small-font-size-title;
-    }
-
-    &-title {
-      font-size: @steps-size-small-font-size-title;
-      line-height: @steps-size-small;
-    }
-
-    &-description {
-      font-size: @steps-size-small-font-size-description;
-    }
-  }
-
-  &-size-small &-icon {
-    width: @steps-size-small;
-    height: @steps-size-small;
-    font-size: @steps-size-small-font-size-icon;
-    line-height: @steps-size-small - 2;
-  }
-
-  &-size-small&-label-horizontal &-item:not(:last-child) &-item-title {
-    &::after {
-      top: ((@steps-size-small - @steps-circle-size-item-tail) / 2);
-    }
-  }
-
-  // Label vertical
-  &-label-vertical &-item {
-    overflow: visible;
-
-    &-title {
-      margin-top: @steps-circle-vertical-item-description-margin-top;
-      padding-right: 0;
-    }
-
-    &-node {
-      margin-left: @steps-size-default-item-icon-margin-left;
-    }
-
-    &-tail {
-      left: @steps-size-default-item-icon-margin-left + @steps-size-default +
-        @steps-circle-size-item-icon-gap;
-      padding-right: @steps-size-default + @steps-circle-size-item-icon-gap;
-    }
-  }
-
-  &-label-vertical&-size-small &-item {
-    &-node {
-      margin-left: @steps-size-small-item-icon-margin-left;
-    }
-
-    &-tail {
-      left: @steps-size-small-item-icon-margin-left + @steps-size-small +
-        @steps-circle-size-item-icon-gap;
-      padding-right: @steps-size-small + @steps-circle-size-item-icon-gap;
-    }
-  }
-}