@sdata/web-vue 1.5.0 → 1.7.0

package/es/form/style/status.less

@@ -1,157 +0,0 @@
-@import url('./token.less');
-
-// for input & textarea
-.input-status(@status) {
-  @input-prefix-cls: ~'@{prefix}-input';
-  @textarea-prefix-cls: ~'@{prefix}-textarea';
-
-  .@{input-prefix-cls}-wrapper:not(.@{input-prefix-cls}-disabled),
-  .@{textarea-prefix-cls}-wrapper:not(.@{textarea-prefix-cls}-disabled) {
-    background-color: ~'@{form-color-bg_@{status}}';
-    border-color: ~'@{form-color-border_@{status}}';
-
-    &:hover {
-      background-color: ~'@{form-color-bg_@{status}_hover}';
-      border-color: ~'@{form-color-border_@{status}_hover}';
-    }
-  }
-
-  .@{input-prefix-cls}-wrapper:not(.@{input-prefix-cls}-disabled).@{input-prefix-cls}-focus,
-  .@{textarea-prefix-cls}-wrapper:not(
-      .@{textarea-prefix-cls}-disabled
-    ).@{textarea-prefix-cls}-focus {
-    background-color: ~'@{form-color-bg_@{status}_focus}';
-    border-color: ~'@{form-color-border_@{status}_focus}';
-    box-shadow: 0 0 0 ~'@{form-size-shadow_@{status}_focus}' ~'@{form-color-shadow_@{status}_focus}';
-  }
-}
-
-.select-view-status(@status) {
-  @input-prefix-cls: ~'@{prefix}-input-tag';
-  @select-view-prefix-cls: ~'@{prefix}-select-view';
-
-  .@{select-view-prefix-cls}:not(.@{select-view-prefix-cls}-disabled),
-  .@{input-prefix-cls}:not(.@{input-prefix-cls}-disabled) {
-    background-color: ~'@{form-color-bg_@{status}}';
-    border-color: ~'@{form-color-border_@{status}}';
-
-    &:hover {
-      background-color: ~'@{form-color-bg_@{status}_hover}';
-      border-color: ~'@{form-color-border_@{status}_hover}';
-    }
-  }
-
-  .@{select-view-prefix-cls}:not(
-      .@{select-view-prefix-cls}-disabled
-    ).@{select-view-prefix-cls}-focus,
-  .@{input-prefix-cls}:not(.@{input-prefix-cls}-disabled).@{input-prefix-cls}-focus {
-    background-color: ~'@{form-color-bg_@{status}_focus}';
-    border-color: ~'@{form-color-border_@{status}_focus}';
-    box-shadow: 0 0 0 ~'@{form-size-shadow_@{status}_focus}' ~'@{form-color-shadow_@{status}_focus}';
-  }
-}
-
-// datepicker
-.picker(@status) {
-  .@{prefix}-picker:not(.@{prefix}-picker-disabled) {
-    background-color: ~'@{form-color-bg_@{status}}';
-    border-color: ~'@{form-color-border_@{status}}';
-
-    &:hover {
-      background-color: ~'@{form-color-bg_@{status}_hover}';
-      border-color: ~'@{form-color-border_@{status}_hover}';
-    }
-  }
-
-  .@{prefix}-picker-focused:not(.@{prefix}-picker-disabled) {
-    &,
-    &:hover {
-      background-color: ~'@{form-color-bg_@{status}_focus}';
-      border-color: ~'@{form-color-border_@{status}_focus}';
-      box-shadow: 0 0 0 ~'@{form-size-shadow_@{status}_focus}'
-        ~'@{form-color-shadow_@{status}_focus}';
-    }
-  }
-}
-
-.validate-status (@status) {
-  .@{prefix}-form-item-status-@{status} {
-    .input-status(@status);
-    .select-view-status(@status);
-    .picker(@status);
-  }
-
-  .@{prefix}-form-item-status-@{status} {
-    .@{form-prefix-cls}-item-message-help {
-      color: ~'@{form-color-tip-text_@{status}}';
-    }
-
-    .@{form-prefix-cls}-item-feedback {
-      color: ~'@{form-color-tip-icon-text_@{status}}';
-    }
-  }
-}
-
-.validate-status(validating);
-
-.validate-status(success);
-
-.validate-status(warning);
-
-.validate-status(error);
-
-.@{form-prefix-cls}-item-control-children {
-  position: relative;
-}
-
-.@{form-prefix-cls}-item-feedback {
-  position: absolute;
-  top: 50%;
-  right: 9px;
-  font-size: 14px;
-  transform: translateY(-50%);
-
-  .@{prefix}-icon-loading {
-    font-size: 12px;
-  }
-}
-
-.@{form-prefix-cls}-item-has-feedback {
-  .select-view(@prefix) {
-    .@{prefix}.@{prefix}-multiple .@{prefix}-view,
-    .@{prefix}.@{prefix}-single .@{prefix}-view {
-      padding-right: 28px;
-    }
-
-    .@{prefix}.@{prefix}-multiple .@{prefix}-suffix {
-      padding-right: 0;
-    }
-  }
-
-  .@{prefix}-input,
-  .@{prefix}-input-inner-wrapper,
-  .@{prefix}-textarea {
-    padding-right: 28px;
-  }
-
-  .@{prefix}-input-number-mode-embed .@{prefix}-input-number-step-layer {
-    right: 24px;
-  }
-
-  .select-view(~'@{prefix}-select');
-  .select-view(~'@{prefix}-cascader');
-  .select-view(~'@{prefix}-tree-select');
-
-  // datepicker timepicker
-  .@{prefix}-picker {
-    padding-right: 28px;
-  }
-
-  .@{prefix}-picker-suffix {
-    .@{prefix}-picker-suffix-icon,
-    .@{prefix}-picker-clear-icon {
-      margin-right: 0;
-      margin-left: 0;
-    }
-  }
-}

package/es/form/style/token.less

@@ -1,121 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@form-size-mini-margin-item-bottom: @spacing-7;
-
-@form-size-small-margin-item-bottom: @spacing-8;
-
-@form-size-default-margin-item-bottom: @spacing-8;
-
-@form-size-large-margin-item-bottom: @spacing-8;
-
-@form-size-mini-font-label-size: @font-size-body-1;
-
-@form-size-small-font-label-size: @font-size-body-3;
-
-@form-size-large-font-label-size: @font-size-body-3;
-
-@form-size-default-font-label-size: @font-size-body-3;
-
-@form-font-extra-text-size: @font-size-body-1;
-
-@form-font-error-text-size: @font-size-body-1;
-
-@form-margin-label-right: @spacing-7;
-
-@form-margin-extra-bottom: @spacing-2;
-
-@form-margin-extra-top: @spacing-2;
-
-@form-inline-margin-item-right: @spacing-9;
-
-@form-inline-margin-item-bottom: @spacing-4;
-
-@form-vertical-margin-label-bottom: @spacing-4;
-
-@form-color-extra-text: var(~'@{sd-cssvars-prefix}-color-text-3');
-
-@form-color-text-label: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@form-margin-tooltip-left: @spacing-2;
-
-@form-color-text-tooltip: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@form-color-bg_warning: var(~'@{sd-cssvars-prefix}-color-warning-light-1');
-
-@form-color-bg_warning_hover: var(~'@{sd-cssvars-prefix}-color-warning-light-2');
-
-@form-color-bg_warning_focus: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@form-color-border_warning: @color-transparent;
-
-@form-color-border_warning_focus: @color-warning-6;
-
-@form-color-border_warning_hover: @color-transparent;
-
-@form-size-shadow_warning_focus: @shadow-distance-none;
-
-@form-color-shadow_warning_focus: var(~'@{sd-cssvars-prefix}-color-warning-light-2');
-
-@form-color-bg_success: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@form-color-bg_success_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@form-color-bg_success_focus: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@form-color-border_success: @color-transparent;
-
-@form-color-border_success_focus: @color-success-6;
-
-@form-color-border_success_hover: @color-transparent;
-
-@form-size-shadow_success_focus: @shadow-distance-none;
-
-@form-color-shadow_success_focus: var(~'@{sd-cssvars-prefix}-color-success-light-2');
-
-@form-color-bg_error: var(~'@{sd-cssvars-prefix}-color-danger-light-1');
-
-@form-color-bg_error_hover: var(~'@{sd-cssvars-prefix}-color-danger-light-2');
-
-@form-color-bg_error_focus: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@form-color-border_error: @color-transparent;
-
-@form-color-border_error_focus: @color-danger-6;
-
-@form-color-border_error_hover: @color-transparent;
-
-@form-size-shadow_error_focus: @shadow-distance-none;
-
-@form-color-shadow_error_focus: var(~'@{sd-cssvars-prefix}-color-danger-light-2');
-
-@form-color-bg_validating: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@form-color-bg_validating_hover: var(~'@{sd-cssvars-prefix}-color-fill-3');
-
-@form-color-bg_validating_focus: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@form-color-border_validating: @color-transparent;
-
-@form-color-border_validating_focus: @color-primary-6;
-
-@form-color-border_validating_hover: @color-transparent;
-
-@form-size-shadow_validating_focus: @shadow-distance-none;
-
-@form-color-shadow_validating_focus: var(~'@{sd-cssvars-prefix}-color-primary-light-2');
-
-@form-color-tip-text_success: @color-success-6;
-
-@form-color-tip-icon-text_success: @color-success-6;
-
-@form-color-tip-text_error: @color-danger-6;
-
-@form-color-tip-icon-text_error: @color-danger-6;
-
-@form-color-tip-text_warning: @color-warning-6;
-
-@form-color-tip-icon-text_warning: @color-warning-6;
-
-@form-color-tip-text_validating: @color-primary-6;
-
-@form-color-tip-icon-text_validating: @color-primary-6;

package/es/grid/style/col.less

@@ -1,95 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@col-prefix-cls: ~'@{prefix}-col';
-
-.@{col-prefix-cls} {
-  box-sizing: border-box;
-
-  .span(@span, @adaptation) when (@span > 0) and (@adaptation = '') {
-    .span((@span - 1), @adaptation);
-
-    &-@{span} {
-      flex: 0 0 (100% / 24) * @span;
-      width: (100% / 24) * @span;
-    }
-  }
-  .span(@span, @adaptation) when (@span > 0) and (not(@adaptation = '')) {
-    .span((@span - 1), @adaptation);
-
-    &-@{adaptation}-@{span} {
-      flex: 0 0 (100% / 24) * @span;
-      width: (100% / 24) * @span;
-    }
-  }
-
-  .span(24, '');
-
-  .offset(@offset, @adaptation) when (@offset > 0) and (@adaptation = '') {
-    .offset((@offset - 1), @adaptation);
-
-    &-offset-@{offset} {
-      margin-left: (100% / 24) * @offset;
-    }
-  }
-  .offset(@offset, @adaptation) when (@offset > 0) and (not(@adaptation = '')) {
-    .offset((@offset - 1), @adaptation);
-
-    &-@{adaptation}-offset-@{offset} {
-      margin-left: (100% / 24) * @offset;
-    }
-  }
-
-  .offset(23, '');
-
-  .order(@order, @adaptation) when (@order > 0) and (@adaptation = '') {
-    .order((@order - 1), @adaptation);
-
-    &-order-@{order} {
-      order: @order;
-    }
-  }
-  .order(@order, @adaptation) when (@order > 0) and (not(@adaptation = '')) {
-    .order((@order - 1), @adaptation);
-
-    &-@{adaptation}-order-@{order} {
-      order: @order;
-    }
-  }
-
-  .order(24, '');
-
-  // adaptation
-  .span(24, xs);
-  .offset(23, xs);
-  .order(24, xs);
-
-  @media (width >= 576px) {
-    .span(24, sm);
-    .offset(23, sm);
-    .order(24, sm);
-  }
-
-  @media (width >= 768px) {
-    .span(24, md);
-    .offset(23, md);
-    .order(24, md);
-  }
-
-  @media (width >= 992px) {
-    .span(24, lg);
-    .offset(23, lg);
-    .order(24, lg);
-  }
-
-  @media (width >= 1200px) {
-    .span(24, xl);
-    .offset(23, xl);
-    .order(24, xl);
-  }
-
-  @media (width >= 1600px) {
-    .span(24, xxl);
-    .offset(23, xxl);
-    .order(24, xxl);
-  }
-}

package/es/grid/style/grid.less

@@ -1,5 +0,0 @@
-@grid-prefix-cls: ~'@{prefix}-grid';
-
-.@{grid-prefix-cls} {
-  display: grid;
-}

package/es/grid/style/index.less

@@ -1,3 +0,0 @@
-@import url('./row.less');
-@import url('./col.less');
-@import url('./grid.less');

package/es/image/style/image.less

@@ -1,157 +0,0 @@
-@image-prefix-cls: ~'@{prefix}-image';
-
-.@{image-prefix-cls} {
-  position: relative;
-  display: inline-block;
-  border-radius: @image-radius;
-
-  &-img {
-    vertical-align: middle;
-    border-radius: inherit;
-  }
-
-  &-overlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  &-footer {
-    display: flex;
-    width: 100%;
-    max-width: 100%;
-
-    &-caption {
-      flex: 1 1 auto;
-
-      &-title {
-        font-weight: @image-font-weight-title;
-        font-size: @image-font-size-title;
-      }
-
-      &-description {
-        font-size: @image-font-size-description;
-      }
-    }
-
-    &-extra {
-      flex: 0 0 auto;
-      padding-left: @image-spacing-actions-left;
-    }
-  }
-
-  &-with-footer-inner {
-    .@{image-prefix-cls}-footer {
-      position: absolute;
-      bottom: 0;
-      left: 0;
-      align-items: center;
-      box-sizing: border-box;
-      padding: @image-padding-footer_inner_vertical @image-padding-footer_inner_horizontal;
-      color: @image-color-footer_inner-text;
-      background: @image-color-footer_inner-bg;
-      border-bottom-right-radius: @image-radius;
-      border-bottom-left-radius: @image-radius;
-    }
-
-    .@{image-prefix-cls}-footer-caption {
-      &-title {
-        color: @image-color-title_footer_inner-text;
-      }
-
-      &-description {
-        color: @image-color-description_footer_inner-text;
-      }
-    }
-  }
-
-  &-with-footer-outer {
-    .@{image-prefix-cls}-footer {
-      margin-top: @image-spacing-footer-top;
-      color: @image-color-footer_outer-text;
-    }
-
-    .@{image-prefix-cls}-footer-caption {
-      &-title {
-        color: @image-color-title_footer_outer-text;
-      }
-
-      &-description {
-        color: @image-color-description_footer_outer-text;
-      }
-    }
-  }
-
-  &-error {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    width: 100%;
-    height: 100%;
-    color: @image-color-error-text;
-    background-color: @image-color-error-bg;
-
-    &-icon {
-      width: @image-font-size-error-icon;
-      max-width: 100%;
-      height: @image-font-size-error-icon;
-      max-height: 100%;
-
-      > svg {
-        width: 100%;
-        height: 100%;
-      }
-    }
-
-    &-alt {
-      padding: (@image-spacing-error-padding / 2) @image-spacing-error-padding;
-      font-size: @image-font-size-error-text;
-      line-height: @image-line-height-error-text;
-      text-align: center;
-    }
-  }
-
-  &-loader {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-color: @image-color-loader-bg;
-
-    &-spin {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      color: @image-color-loader-spin-text;
-      font-size: @image-font-size-loader-spin;
-      text-align: center;
-      transform: translate(-50%, -50%);
-
-      &-text {
-        color: @image-color-loader-spin-text-text;
-        font-size: @image-font-size-loader-spin-text;
-      }
-    }
-  }
-
-  &-simple {
-    &.@{image-prefix-cls}-with-footer-inner {
-      .@{image-prefix-cls}-footer {
-        padding: @image-spacing-footer_inner_simple-vertical
-          @image-spacing-footer_inner_simple-horizontal;
-      }
-    }
-  }
-
-  &-loading,
-  &-loading-error {
-    .@{image-prefix-cls}-img {
-      visibility: hidden;
-    }
-  }
-}

package/es/image/style/index.less

@@ -1,5 +0,0 @@
-@import url('../../style/theme/index.less');
-@import url('./token.less');
-@import url('./trigger.less');
-@import url('./image.less');
-@import url('./preview.less');