@sdata/web-vue 1.6.0 → 1.7.0

package/es/descriptions/style/token.less

@@ -1,75 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@descriptions-border-width: 1px;
-
-@descriptions-border-style: solid;
-
-@descriptions-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@descriptions-border-radius: @radius-medium;
-
-@descriptions-font-size-title: @font-size-title-1;
-
-@descriptions-size-mini-title-margin-bottom: 6px;
-
-@descriptions-size-small-title-margin-bottom: 8px;
-
-@descriptions-size-medium-title-margin-bottom: 12px;
-
-@descriptions-size-default-title-margin-bottom: 16px;
-
-@descriptions-size-large-title-margin-bottom: 20px;
-
-@descriptions-size-mini-font-size-text: @font-size-body-1;
-
-@descriptions-size-small-font-size-text: @font-size-body-3;
-
-@descriptions-size-medium-font-size-text: @font-size-body-3;
-
-@descriptions-size-default-font-size-text: @font-size-body-3;
-
-@descriptions-size-large-font-size-text: @font-size-body-3;
-
-@descriptions-color-title: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@descriptions-color-text-label: var(~'@{sd-cssvars-prefix}-color-text-3');
-
-@descriptions-color-text-value: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@descriptions-font-weight-title: @font-weight-500;
-
-@descriptions-font-weight-text-label: @font-weight-500;
-
-@descriptions-font-weight-text-value: @font-weight-400;
-
-@descriptions-border-color-bg-label: var(~'@{sd-cssvars-prefix}-color-fill-1');
-
-@descriptions-item-size-mini-spacing-bottom: 2px;
-
-@descriptions-item-size-small-spacing-bottom: 4px;
-
-@descriptions-item-size-medium-spacing-bottom: 8px;
-
-@descriptions-item-size-default-spacing-bottom: 12px;
-
-@descriptions-item-size-large-spacing-bottom: 16px;
-
-@descriptions-border-item-size-mini-padding-horizontal: @spacing-8;
-
-@descriptions-border-item-size-mini-padding-vertical: 3px;
-
-@descriptions-border-item-size-small-padding-horizontal: @spacing-8;
-
-@descriptions-border-item-size-small-padding-vertical: 3px;
-
-@descriptions-border-item-size-medium-padding-horizontal: @spacing-8;
-
-@descriptions-border-item-size-medium-padding-vertical: 5px;
-
-@descriptions-border-item-size-default-padding-horizontal: @spacing-8;
-
-@descriptions-border-item-size-default-padding-vertical: 7px;
-
-@descriptions-border-item-size-large-padding-horizontal: @spacing-8;
-
-@descriptions-border-item-size-large-padding-vertical: 9px;

package/es/divider/style/index.less

@@ -1,56 +0,0 @@
-@import url('./token.less');
-
-@divider-prefix-cls: ~'@{prefix}-divider';
-
-.@{divider-prefix-cls} {
-  &-horizontal {
-    position: relative;
-    clear: both;
-    width: 100%;
-    min-width: 100%;
-    max-width: 100%;
-    margin: @divider-margin-vertical 0;
-    border-bottom: @divider-size @divider-line-style @divider-color-bg;
-
-    &.@{divider-prefix-cls}-with-text {
-      margin: @divider-margin-vertical_text 0;
-    }
-  }
-
-  &-vertical {
-    display: inline-block;
-    min-width: 1px;
-    max-width: 1px;
-    min-height: 1em;
-    margin: 0 @divider-margin-horizontal;
-    vertical-align: middle;
-    border-left: @divider-size @divider-line-style @divider-color-bg;
-  }
-
-  // Only the horizontal dividing line supports text, and only the horizontal situation is considered
-  &-text {
-    position: absolute;
-    top: 50%;
-    box-sizing: border-box;
-    padding: 0 @divider-margin-text;
-    color: @divider-color-text;
-    font-weight: @divider-font-weight;
-    font-size: @divider-font-size;
-    line-height: 2;
-    background: var(~'@{sd-cssvars-prefix}-color-bg-2');
-    transform: translateY(-50%);
-
-    &-center {
-      left: 50%;
-      transform: translate(-50%, -50%);
-    }
-
-    &-left {
-      left: @divider-position-text-left;
-    }
-
-    &-right {
-      right: @divider-position-text-right;
-    }
-  }
-}

package/es/divider/style/token.less

@@ -1,25 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@divider-margin-horizontal: @spacing-6;
-
-@divider-margin-vertical: @spacing-8;
-
-@divider-margin-vertical_text: @spacing-8;
-
-@divider-margin-text: @spacing-7;
-
-@divider-position-text-left: @spacing-9;
-
-@divider-position-text-right: @spacing-9;
-
-@divider-font-size: @font-size-body-3;
-
-@divider-font-weight: @font-weight-500;
-
-@divider-size: 1px;
-
-@divider-line-style: @border-solid;
-
-@divider-color-bg: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@divider-color-text: var(~'@{sd-cssvars-prefix}-color-text-1');

package/es/drawer/style/token.less

@@ -1,25 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@drawer-size-header-height: @size-12;
-
-@drawer-margin-footer-button-left: @spacing-6;
-
-@drawer-font-header-size: @font-size-title-1;
-
-@drawer-padding-horizontal: @spacing-7;
-
-@drawer-padding-footer-vertical: @spacing-7;
-
-@drawer-padding-content-vertical: @spacing-6;
-
-@drawer-font-header-weight: @font-weight-500;
-
-@drawer-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@drawer-color-header-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@drawer-color-content-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@drawer-position-close-icon-right: @spacing-7;
-
-@drawer-font-size-close-icon: @size-3;

package/es/dropdown/style/index.less

@@ -1,106 +0,0 @@
-@import url('../../style/mixins/index.less');
-@import url('./token.less');
-
-@dropdown-prefix-cls: ~'@{prefix}-dropdown';
-
-.@{dropdown-prefix-cls} {
-  box-sizing: border-box;
-  padding: @dropdown-padding-vertical 0;
-  background-color: @dropdown-color-bg;
-  border: 1px solid @dropdown-color-border;
-  border-radius: @dropdown-border-radius;
-  box-shadow: @dropdown-box-shadow;
-
-  &-list {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-left: 0;
-    list-style: none;
-
-    &-wrapper {
-      max-height: @dropdown-max-height;
-      overflow-y: auto;
-    }
-  }
-
-  &-option {
-    position: relative;
-    // 避免 Trigger 的小箭头位于其上方
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    width: 100%;
-    padding: 0 @dropdown-option-padding-horizontal;
-
-    // default
-    color: @dropdown-option-color-text_default;
-    font-size: @dropdown-font-size;
-    line-height: @dropdown-option-height;
-    text-align: left;
-    background-color: @dropdown-option-color-bg_default;
-    cursor: pointer;
-
-    &-content {
-      .text-ellipsis();
-    }
-
-    &-has-suffix {
-      justify-content: space-between;
-    }
-
-    // hover
-    &-active,
-    &:not(&-disabled):hover {
-      color: @dropdown-option-color-text_hover;
-      background-color: @dropdown-option-color-bg_hover;
-      transition: all @transition-duration-1 @transition-timing-function-linear;
-    }
-
-    // disabled
-    &-disabled {
-      color: @dropdown-option-color-text_disabled;
-      background-color: @dropdown-option-color-bg_disabled;
-      cursor: not-allowed;
-    }
-
-    &-icon {
-      display: inline-flex;
-      margin-right: 8px;
-    }
-
-    &-suffix {
-      margin-left: @dropdown-margin-left-suffix-icon;
-    }
-  }
-
-  &-group {
-    &:first-child &-title {
-      margin-top: @dropdown-group-title-margin-top;
-    }
-
-    &-title {
-      box-sizing: border-box;
-      width: 100%;
-      margin-top: @dropdown-group-title-margin-top;
-      padding: 0 @dropdown-group-title-padding-horizontal;
-      color: @dropdown-group-title-color-text;
-      font-size: @dropdown-group-title-font-size;
-      line-height: @dropdown-group-title-height;
-      cursor: default;
-      .text-ellipsis();
-    }
-  }
-
-  &-submenu {
-    margin-top: -@dropdown-padding-vertical;
-  }
-
-  &&-has-footer {
-    padding-bottom: 0;
-  }
-
-  &-footer {
-    border-top: 1px solid @dropdown-color-border;
-  }
-}

package/es/dropdown/style/token.less

@@ -1,40 +0,0 @@
-@import url('../../style/theme/index.less');
-
-/**********************************************
- * Popup Box
- **********************************************/
-@dropdown-max-height: @size-50;
-@dropdown-border-radius: @radius-medium;
-@dropdown-padding-vertical: @spacing-2;
-@dropdown-font-size: @font-size-body-3;
-@dropdown-color-bg: var(--color-bg-popup);
-@dropdown-color-border: var(--color-fill-3);
-@dropdown-box-shadow: @shadow2-down;
-
-/**********************************************
- * Popup Options
- * status: default / disabled / selected / hover
- **********************************************/
-@dropdown-option-height: @size-9;
-@dropdown-option-padding-horizontal: @spacing-6;
-@dropdown-option-font-weight_selected: @font-weight-500;
-
-@dropdown-option-color-bg_default: @color-transparent;
-@dropdown-option-color-bg_hover: var(--color-fill-2);
-@dropdown-option-color-bg_selected: @color-transparent;
-@dropdown-option-color-bg_disabled: @color-transparent;
-
-@dropdown-option-color-text_default: var(--color-text-1);
-@dropdown-option-color-text_hover: var(--color-text-1);
-@dropdown-option-color-text_selected: var(--color-text-1);
-@dropdown-option-color-text_disabled: var(--color-text-4);
-
-// option group title
-@dropdown-group-title-height: @size-5;
-@dropdown-group-title-padding-horizontal: @spacing-6;
-@dropdown-group-title-padding-top: @spacing-4;
-@dropdown-group-title-margin-top: @spacing-4;
-@dropdown-group-title-font-size: @font-size-body-1;
-@dropdown-group-title-color-text: var(--color-text-3);
-
-@dropdown-margin-left-suffix-icon: @spacing-6;

package/es/ellipsis/style/token.less

@@ -1,5 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@ellipsis-max-width: 100%;
-
-@ellipsis-color-text: inherit;

package/es/empty/style/index.less

@@ -1,26 +0,0 @@
-@import url('./token.less');
-
-@empty-prefix-cls: ~'@{prefix}-empty';
-
-.@{empty-prefix-cls} {
-  box-sizing: border-box;
-  width: 100%;
-  padding: @empty-spacing-padding 0;
-  text-align: center;
-
-  &-image {
-    margin-bottom: @empty-spacing-image-margin-bottom;
-    color: @empty-color-icon;
-    font-size: @empty-font-size-image;
-    line-height: 1;
-
-    img {
-      height: @empty-size-img-height;
-    }
-  }
-
-  & &-description {
-    color: @empty-color-text;
-    font-size: @empty-font-size-text;
-  }
-}

package/es/empty/style/token.less

@@ -1,15 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@empty-spacing-padding: @spacing-5;
-
-@empty-color-text: rgb(var(~'@{sd-cssvars-prefix}-gray-5'));
-
-@empty-font-size-image: @size-12;
-
-@empty-spacing-image-margin-bottom: @spacing-2;
-
-@empty-size-img-height: @size-20;
-
-@empty-color-icon: rgb(var(~'@{sd-cssvars-prefix}-gray-5'));
-
-@empty-font-size-text: @font-size-body-3;

package/es/form/style/index.less

@@ -1,256 +0,0 @@
-@import url('./token.less');
-@import url('./status.less');
-
-@form-prefix-cls: ~'@{prefix}-form';
-@form-item-prefix-cls: ~'@{prefix}-form-item';
-@form-item-label-col-prefix-cls: ~'@{prefix}-form-item-label-col';
-@form-item-wrapper-col-prefix-cls: ~'@{prefix}-form-item-wrapper-col';
-@form-item-label-prefix-cls: ~'@{prefix}-form-item-label';
-@form-item-message-prefix-cls: ~'@{prefix}-form-item-message';
-
-.@{form-prefix-cls} {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-
-  &-layout-inline {
-    flex-flow: row wrap;
-  }
-
-  &-layout-inline &-item {
-    width: auto;
-    margin-bottom: @form-inline-margin-item-bottom;
-  }
-
-  &-auto-label-width &-item-label-col {
-    > .@{form-item-label-prefix-cls} {
-      white-space: nowrap;
-    }
-  }
-
-  &-item {
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-start;
-    width: 100%;
-    margin-bottom: @form-size-default-margin-item-bottom;
-
-    &-layout-vertical {
-      display: block;
-
-      > .@{form-item-prefix-cls}-label-col {
-        justify-content: flex-start;
-        margin-bottom: @form-vertical-margin-label-bottom;
-        padding: 0;
-        line-height: @line-height-base;
-        white-space: normal;
-      }
-    }
-
-    &-layout-inline {
-      margin-right: @form-inline-margin-item-right;
-    }
-
-    &-label-col {
-      padding-right: @form-margin-label-right;
-    }
-
-    &&-error,
-    &&-has-help {
-      margin-bottom: 0;
-    }
-  }
-
-  // 用处不明
-  &-item-wrapper-flex.@{prefix}-col {
-    flex: 1;
-  }
-
-  /** size style **/
-  &-size-mini &-item-label-col {
-    line-height: @size-mini;
-
-    > .@{form-item-label-prefix-cls} {
-      font-size: @form-size-mini-font-label-size;
-    }
-  }
-
-  &-size-mini &-item-content {
-    min-height: @size-mini;
-  }
-
-  &-size-mini &-item-wrapper-col {
-    min-height: @size-mini;
-  }
-
-  &-size-small &-item-label-col {
-    line-height: @size-small;
-
-    > .@{form-item-label-prefix-cls} {
-      font-size: @form-size-small-font-label-size;
-    }
-  }
-
-  &-size-small &-item-content {
-    min-height: @size-small;
-  }
-
-  &-size-small &-item-wrapper-col {
-    min-height: @size-small;
-  }
-
-  &-size-large &-item-label-col {
-    line-height: @size-large;
-
-    > .@{form-item-label-prefix-cls} {
-      font-size: @form-size-large-font-label-size;
-    }
-  }
-
-  &-size-large &-item-content {
-    min-height: @size-large;
-  }
-
-  &-size-large &-item-wrapper-col {
-    min-height: @size-large;
-  }
-
-  &-item-extra {
-    margin-top: @form-margin-extra-top;
-    color: @form-color-extra-text;
-    font-size: @form-font-extra-text-size;
-  }
-
-  &-item-message {
-    min-height: @form-size-default-margin-item-bottom;
-    color: @form-color-tip-text_error;
-    font-size: @form-font-error-text-size;
-    line-height: @form-size-default-margin-item-bottom;
-
-    &-help {
-      color: @form-color-extra-text;
-    }
-
-    + .@{form-prefix-cls}-item-extra {
-      margin-top: 0;
-      margin-bottom: @form-margin-extra-bottom;
-    }
-  }
-
-  &-item-label-col {
-    display: flex;
-    flex-shrink: 0;
-    justify-content: flex-end;
-    line-height: @size-default;
-    white-space: nowrap;
-
-    &-left {
-      justify-content: flex-start;
-    }
-
-    > .@{form-item-label-prefix-cls} {
-      max-width: 100%;
-      color: @form-color-text-label;
-      font-size: @form-size-default-font-label-size;
-      white-space: normal;
-    }
-
-    &&-flex {
-      box-sizing: content-box;
-    }
-
-    // 用处不明
-    //&-flex.@{prefix}-col {
-    //  flex: 0;
-    //
-    //  > label {
-    //    white-space: nowrap;
-    //  }
-    //}
-  }
-
-  &-item-wrapper-col {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    width: 100%;
-    min-width: 0;
-    min-height: @size-default;
-  }
-
-  &-item-content {
-    flex: 1;
-    max-width: 100%;
-    min-height: @size-default;
-
-    &-wrapper {
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-      width: 100%;
-    }
-
-    &-flex {
-      display: flex;
-      align-items: center;
-      justify-content: flex-start;
-    }
-  }
-
-  /** slider display: block **/
-
-  .@{prefix}-slider {
-    display: block;
-  }
-}
-
-.@{form-item-label-prefix-cls} {
-  &-required-symbol {
-    color: @color-danger-6;
-    font-size: @font-size-body-1;
-    line-height: 1;
-
-    svg {
-      display: inline-block;
-      transform: scale(0.5);
-    }
-  }
-
-  &-tooltip {
-    margin-left: @form-margin-tooltip-left;
-    color: @form-color-text-tooltip;
-  }
-}
-
-.form-blink-enter-from,
-.form-blink-appear-from {
-  opacity: 0;
-}
-
-.form-blink-enter-to,
-.form-blink-appear-to {
-  opacity: 1;
-}
-
-.form-blink-enter-active,
-.form-blink-appear-active {
-  transition: opacity @transition-duration-3 @transition-timing-function-linear;
-  animation: ~'@{prefix}-form-blink' @transition-duration-5 @transition-timing-function-linear;
-}
-
-.form-blink-enter-done {
-}
-
-@keyframes ~ '@{prefix}-form-blink' {
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.2;
-  }
-
-  100% {
-    opacity: 1;
-  }
-}