@sdata/web-vue 1.5.0 → 1.7.0

package/es/image/style/preview.less

@@ -1,224 +0,0 @@
-@preview-prefix-cls: ~'@{prefix}-image-preview';
-
-.center() {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.@{preview-prefix-cls} {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: @z-index-image-preview;
-  width: 100%;
-  height: 100%;
-
-  &-hide {
-    display: none;
-  }
-
-  &-mask,
-  &-wrapper {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-  }
-
-  &-mask {
-    background-color: @image-preview-color-mask-bg;
-  }
-
-  &-img-container {
-    width: 100%;
-    height: 100%;
-    text-align: center;
-
-    &::before {
-      display: inline-block;
-      width: 0;
-      height: 100%;
-      vertical-align: middle;
-      content: '';
-    }
-
-    .@{preview-prefix-cls}-img {
-      display: inline-block;
-      max-width: 100%;
-      max-height: 100%;
-      vertical-align: middle;
-      cursor: grab;
-      user-select: none;
-
-      &.@{image-prefix-cls}-preview-img-moving {
-        cursor: grabbing;
-      }
-    }
-  }
-
-  &-scale-value {
-    box-sizing: border-box;
-    padding: @image-preview-spacing-scale-value-vertical
-      @image-preview-spacing-scale-value-horizontal;
-    color: @image-preview-color-scale-value-text;
-    font-size: @image-preview-font-size-scale-value;
-    line-height: initial;
-    background-color: @image-preview-color-scale-value-bg;
-    .center();
-  }
-
-  &-toolbar {
-    position: absolute;
-    bottom: @image-preview-position-toolbar-bottom;
-    left: 50%;
-    display: flex;
-    align-items: flex-start;
-    padding: @image-preview-spacing-toolbar-vertical @image-preview-spacing-toolbar-horizontal;
-    background-color: @image-preview-color-toolbar-bg;
-    border-radius: @image-preview-radius-toolbar;
-    transform: translateX(-50%);
-
-    &-action {
-      display: flex;
-      align-items: center;
-      color: @image-preview-color-action-text;
-      font-size: @image-preview-font-size-action;
-      background-color: @image-preview-color-action-bg;
-      border-radius: @image-preview-radius-action;
-      cursor: pointer;
-
-      &:not(:last-of-type) {
-        margin-right: @image-preview-margin-action-right;
-      }
-
-      &:hover {
-        color: @image-preview-color-action_hover-text;
-        background-color: @image-preview-color-action_hover-bg;
-      }
-
-      &-disabled,
-      &-disabled:hover {
-        color: @image-preview-color-action_disabled-text;
-        background-color: @image-preview-color-action_disabled-bg;
-        cursor: not-allowed;
-      }
-
-      &-name {
-        padding-right: @image-preview-spacing-action-name-right;
-        font-size: @image-preview-font-size-action-name;
-      }
-
-      &-content {
-        padding: @image-preview-padding-action-content;
-        line-height: 1;
-      }
-    }
-  }
-
-  &-loading {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-sizing: border-box;
-    width: @image-preview-size-loading-width;
-    height: @image-preview-size-loading-height;
-    padding: @image-preview-spacing-loading-padding;
-    color: @image-preview-color-loading-text;
-    font-size: @image-preview-font-size-loading;
-    background-color: @image-preview-color-loading-bg;
-    border-radius: @image-preview-radius-loading;
-    .center();
-  }
-
-  &-close-btn {
-    position: absolute;
-    top: @image-preview-position-close-btn-top;
-    right: @image-preview-position-close-btn-right;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: @image-preview-size-close-btn-width;
-    height: @image-preview-size-close-btn-width;
-    color: @image-preview-color-close-btn-text;
-    font-size: @image-preview-size-close-icon;
-    line-height: @image-preview-size-close-btn-width;
-    text-align: center;
-    background: @image-preview-color-close-btn-bg;
-    border-radius: 50%;
-    cursor: pointer;
-  }
-
-  &-arrow {
-    &-left,
-    &-right {
-      position: absolute;
-      z-index: 2;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: @image-preview-arrow-size;
-      height: @image-preview-arrow-size;
-      color: @image-preview-arrow-color-icon;
-      background-color: @image-preview-arrow-color-bg;
-      border-radius: 50%;
-      cursor: pointer;
-
-      > svg {
-        color: @image-preview-arrow-color-icon;
-        font-size: @image-preview-arrow-font-size;
-      }
-
-      &:hover {
-        background-color: @image-preview-arrow-color-bg_hover;
-      }
-    }
-
-    &-left {
-      top: 50%;
-      left: @image-preview-arrow-position;
-      transform: translateY(-50%);
-    }
-
-    &-right {
-      top: 50%;
-      right: @image-preview-arrow-position;
-      transform: translateY(-50%);
-    }
-
-    &-disabled {
-      color: @image-preview-arrow-color-icon_disabled;
-      background-color: @image-preview-arrow-color-bg_disabled;
-      cursor: not-allowed;
-
-      > svg {
-        color: @image-preview-arrow-color-icon_disabled;
-      }
-
-      &:hover {
-        background-color: @image-preview-arrow-color-bg_disabled;
-      }
-    }
-  }
-}
-
-/** mask 动效 */
-.image-fade-enter-from,
-.image-fade-leave-to {
-  opacity: 0;
-}
-
-.image-fade-enter-to,
-.image-fade-leave-from {
-  opacity: 1;
-}
-
-.image-fade-enter-active {
-  transition: opacity @transition-duration-4 @transition-timing-function-overshoot;
-}
-
-.image-fade-leave-active {
-  transition: opacity @transition-duration-4 @transition-timing-function-overshoot;
-}

package/es/image/style/token.less

@@ -1,119 +0,0 @@
-@image-radius: @radius-small;
-// title
-@image-font-size-title: @font-size-title-1;
-@image-font-weight-title: @font-weight-500;
-// description
-@image-font-size-description: @font-size-body-3;
-@image-color-title_footer_outer-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-@image-color-title_footer_inner-text: var(~'@{sd-cssvars-prefix}-color-white');
-@image-color-description_footer_inner-text: var(~'@{sd-cssvars-prefix}-color-white');
-@image-color-description_footer_outer-text: var(~'@{sd-cssvars-prefix}-color-neutral-6');
-// actions
-@image-spacing-actions-left: @spacing-6;
-// actions item
-@image-font-size-actions-item: 14px;
-@image-padding-actions-item-vertical: @spacing-none;
-@image-padding-actions-item-horizontal: @spacing-none;
-@image-spacing-actions-item-left: @spacing-6;
-@image-radius-actions-item: @radius-small;
-@image-color-actions-item_footer_inner_hover-bg: rgba(0, 0, 0, 0.5);
-@image-color-actions-item_footer_outer_hover-bg: var(~'@{sd-cssvars-prefix}-color-neutral-2');
-@image-color-actions-item_trigger-text: var(~'@{sd-cssvars-prefix}-color-neutral-8');
-@image-color-actions-item_trigger_hover-bg: var(~'@{sd-cssvars-prefix}-color-neutral-2');
-@image-spacing-actions-trigger-item-vertical: 5px;
-@image-spacing-actions-trigger-item-horizontal: 4px;
-// footer
-@image-color-footer_inner-bg: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 100%);
-@image-color-footer_inner-text: var(~'@{sd-cssvars-prefix}-color-white');
-@image-padding-footer_inner_vertical: 9px;
-@image-padding-footer_inner_horizontal: 16px;
-
-@image-spacing-footer_inner_simple-vertical: @spacing-6;
-@image-spacing-footer_inner_simple-horizontal: @spacing-7;
-@image-color-footer_outer-text: var(~'@{sd-cssvars-prefix}-color-neutral-8');
-@image-spacing-footer-top: @spacing-2;
-// error
-@image-color-error-bg: var(~'@{sd-cssvars-prefix}-color-neutral-1');
-@image-color-error-text: var(~'@{sd-cssvars-prefix}-color-neutral-4');
-@image-font-size-error-icon: 60px;
-@image-font-size-error-text: @font-size-body-1;
-@image-line-height-error-text: 1.6667;
-@image-size-error-min-height: 100px;
-@image-spacing-error-padding: @spacing-7;
-// loader
-@image-color-loader-bg: var(~'@{sd-cssvars-prefix}-color-neutral-1');
-@image-size-loader-min-height: 100px;
-// loader spin
-@image-font-size-loader-spin: 32px;
-@image-color-loader-spin-text: @color-primary-6;
-@image-color-loader-spin-text-text: var(~'@{sd-cssvars-prefix}-color-neutral-6');
-@image-font-size-loader-spin-text: @font-size-title-1;
-
-// preview mask
-@image-preview-color-mask-bg: var(~'@{sd-cssvars-prefix}-color-mask-bg');
-// preview scale value
-@image-preview-size-scale-value-height: 32px;
-@image-preview-spacing-scale-value-vertical: 7px;
-@image-preview-spacing-scale-value-horizontal: 10px;
-@image-preview-font-size-scale-value: @font-size-body-1;
-@image-preview-color-scale-value-text: var(~'@{sd-cssvars-prefix}-color-white');
-@image-preview-color-scale-value-bg: rgba(255, 255, 255, 0.08);
-// preview toolbar
-@image-preview-color-toolbar-bg: var(~'@{sd-cssvars-prefix}-color-bg-2');
-@image-preview-radius-toolbar: @radius-medium;
-@image-preview-spacing-toolbar-vertical: @spacing-2;
-@image-preview-spacing-toolbar-horizontal: @spacing-7;
-@image-preview-spacing-toolbar-horizontal_simple: @spacing-2;
-@image-preview-spacing-toolbar-vertical_simple: @spacing-2;
-
-@image-preview-position-toolbar-bottom: 46px;
-// preview toolbar action
-@image-preview-font-size-action: 14px;
-@image-preview-color-action-text: var(~'@{sd-cssvars-prefix}-color-neutral-8');
-@image-preview-radius-action: @radius-small;
-@image-preview-color-action-bg: @color-transparent;
-@image-preview-color-action_hover-bg: var(~'@{sd-cssvars-prefix}-color-neutral-2');
-@image-preview-color-action_hover-text: @color-primary-6;
-@image-preview-color-action_disabled-bg: transparent;
-@image-preview-color-action_disabled-text: var(~'@{sd-cssvars-prefix}-color-text-4');
-@image-preview-font-size-action-name: @font-size-body-1;
-@image-preview-spacing-action-name-right: @spacing-6;
-@image-preview-padding-action-content: 13px;
-@image-preview-margin-action-right: @spacing-none;
-// preview trigger
-@image-preview-spacing-trigger-padding-vertical: @spacing-6;
-@image-preview-spacing-trigger-padding-horizontal: @spacing-7;
-@image-preview-margin-action-bottom: @spacing-none;
-
-// preview loading
-@image-preview-color-loading-text: @color-primary-6;
-@image-preview-color-loading-bg: #232324;
-@image-preview-font-size-loading: 18px;
-@image-preview-spacing-loading-padding: @spacing-5;
-@image-preview-size-loading-width: 48px;
-@image-preview-size-loading-height: 48px;
-@image-preview-radius-loading: @radius-medium;
-// preview close-btn
-@image-preview-size-close-btn-width: 32px;
-@image-preview-size-close-icon: 14px;
-@image-preview-color-close-btn-bg: rgba(0, 0, 0, 0.5);
-@image-preview-color-close-btn-text: var(~'@{sd-cssvars-prefix}-color-white');
-@image-preview-position-close-btn-right: 36px;
-@image-preview-position-close-btn-top: 36px;
-// preview arrow
-@image-preview-arrow-position: @spacing-8;
-@image-preview-arrow-size: @size-8;
-@image-preview-arrow-font-size: @size-4;
-@image-preview-arrow-color-icon: var(~'@{sd-cssvars-prefix}-color-white');
-@image-preview-arrow-color-icon_disabled: rgba(255, 355, 255, 0.3);
-@image-preview-arrow-color-bg: rgba(255, 355, 255, 0.3);
-@image-preview-arrow-color-bg_hover: rgba(255, 355, 255, 0.5);
-@image-preview-arrow-color-bg_disabled: rgba(255, 355, 255, 0.2);
-
-// image trigger
-@image-trigger-spacing-padding-vertical: 6px;
-@image-trigger-spacing-padding-horizontal: 4px;
-@image-trigger-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-5');
-@image-trigger-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-@image-trigger-size-border: 1px;
-@image-trigger-radius: 4px;

package/es/image/style/trigger.less

@@ -1,13 +0,0 @@
-@image-trigger-prefix-cls: ~'@{prefix}-image-trigger';
-
-.@{image-trigger-prefix-cls} {
-  padding: @image-trigger-spacing-padding-vertical @image-trigger-spacing-padding-horizontal;
-  background: @image-trigger-color-bg;
-  border: @image-trigger-size-border solid @image-trigger-color-border;
-  border-radius: @image-trigger-radius;
-
-  .@{prefix}-trigger-arrow {
-    background-color: @image-trigger-color-bg;
-    border: @image-trigger-size-border solid @image-trigger-color-border;
-  }
-}

package/es/index.less

@@ -1,77 +0,0 @@
-@import './style/index.less';
-@import './trigger/style/index.less';
-@import './verification-code/style/index.less';
-@import './upload/style/index.less';
-@import './typography/style/index.less';
-@import './tree-select/style/index.less';
-@import './tree/style/index.less';
-@import './transfer/style/index.less';
-@import './tooltip/style/index.less';
-@import './timeline/style/index.less';
-@import './time-picker/style/index.less';
-@import './textarea/style/index.less';
-@import './tag/style/index.less';
-@import './tabs/style/index.less';
-@import './table/style/index.less';
-@import './switch/style/index.less';
-@import './steps/style/index.less';
-@import './statistic/style/index.less';
-@import './split/style/index.less';
-@import './spin/style/index.less';
-@import './space/style/index.less';
-@import './slider/style/index.less';
-@import './skeleton/style/index.less';
-@import './select/style/index.less';
-@import './scrollbar/style/index.less';
-@import './result/style/index.less';
-@import './resize-box/style/index.less';
-@import './rate/style/index.less';
-@import './radio/style/index.less';
-@import './progress/style/index.less';
-@import './popover/style/index.less';
-@import './popconfirm/style/index.less';
-@import './pagination/style/index.less';
-@import './page-header/style/index.less';
-@import './overflow-list/style/index.less';
-@import './notification/style/index.less';
-@import './modal/style/index.less';
-@import './message/style/index.less';
-@import './menu/style/index.less';
-@import './mention/style/index.less';
-@import './list/style/index.less';
-@import './link/style/index.less';
-@import './layout/style/index.less';
-@import './input-tag/style/index.less';
-@import './input-number/style/index.less';
-@import './input/style/index.less';
-@import './image/style/index.less';
-@import './grid/style/index.less';
-@import './form/style/index.less';
-@import './empty/style/index.less';
-@import './ellipsis/style/index.less';
-@import './dropdown/style/index.less';
-@import './drawer/style/index.less';
-@import './divider/style/index.less';
-@import './descriptions/style/index.less';
-@import './date-picker/style/index.less';
-@import './comment/style/index.less';
-@import './color-picker/style/index.less';
-@import './collapse/style/index.less';
-@import './checkbox/style/index.less';
-@import './cascader/style/index.less';
-@import './carousel/style/index.less';
-@import './card/style/index.less';
-@import './calendar/style/index.less';
-@import './button/style/index.less';
-@import './breadcrumb/style/index.less';
-@import './badge/style/index.less';
-@import './back-top/style/index.less';
-@import './avatar/style/index.less';
-@import './auto-complete/style/index.less';
-@import './anchor/style/index.less';
-@import './alert/style/index.less';
-@import './affix/style/index.less';
-@import './_components/select-view/style/index.less';
-@import './_components/picker/style/index.less';
-@import './_components/input-label/style/index.less';
-@import './_components/auto-tooltip/style/index.less';

package/es/input/style/group.less

@@ -1,62 +0,0 @@
-@import url('./token.less');
-
-.@{input-prefix-cls}-group {
-  display: inline-flex;
-  align-items: center;
-
-  > * {
-    border-radius: 0;
-
-    &.@{input-prefix-cls}-outer > :last-child,
-    &.@{input-prefix-cls}-outer > :first-child {
-      border-radius: 0;
-    }
-
-    &:not(:last-child) {
-      position: relative;
-      box-sizing: border-box;
-    }
-
-    &:first-child,
-    &:first-child .@{input-prefix-cls}-group > *:first-child {
-      border-top-left-radius: @input-group-border-radius_compact;
-      border-bottom-left-radius: @input-group-border-radius_compact;
-
-      .@{prefix}-select-view {
-        border-top-left-radius: @input-group-border-radius_compact;
-        border-bottom-left-radius: @input-group-border-radius_compact;
-      }
-    }
-
-    &:last-child,
-    &:last-child .@{input-prefix-cls}-outer > *:last-child {
-      border-top-right-radius: @input-group-border-radius_compact;
-      border-bottom-right-radius: @input-group-border-radius_compact;
-
-      .@{prefix}-select-view {
-        border-top-right-radius: @input-group-border-radius_compact;
-        border-bottom-right-radius: @input-group-border-radius_compact;
-      }
-    }
-  }
-
-  // 针对input边框颜色处理
-  > .@{input-prefix-cls}-wrapper:not(:last-child),
-  > .@{input-prefix-cls}-outer:not(:last-child),
-  > .@{prefix}-input-tag:not(:last-child),
-  > .@{prefix}-select-view:not(:last-child) {
-    margin-right: -@input-group-border-separator-width;
-    border-right: @input-group-border-separator-width solid @input-group-color-separator-border;
-
-    &:focus-within {
-      border-right-color: @input-color-border_focus;
-    }
-  }
-
-  // 针对Error状态的input边框颜色处理
-  > .@{input-prefix-cls}-wrapper.@{input-prefix-cls}-error:not(:last-child) {
-    &:focus-within {
-      border-right-color: @input-color-border_error_focus;
-    }
-  }
-}

package/es/input/style/index.less

@@ -1,119 +0,0 @@
-@import url('../../style/mixins/index.less');
-@import url('./input.less');
-@import url('./token.less');
-
-@input-prefix-cls: ~'@{prefix}-input';
-
-.get-padding(@input-size-height, @input-font-size) {
-  /* prettier-ignore */
-  padding-top: (round(@input-size-height - @input-border-width * 2 - @line-height-base * @input-font-size) / 2);
-
-  /* prettier-ignore */
-  padding-bottom: (round(@input-size-height - @input-border-width * 2 - @line-height-base * @input-font-size) / 2);
-}
-
-.disabled-style() {
-  color: @input-color-text_disabled;
-  background-color: @input-color-bg_disabled;
-  border-color: @input-color-border_disabled;
-  cursor: not-allowed;
-
-  &:hover {
-    color: @input-color-text_disabled;
-    background-color: @input-color-bg_disabled;
-    border-color: @input-color-border_disabled;
-  }
-
-  &::placeholder {
-    color: @input-color-text_disabled;
-  }
-}
-
-.@{input-prefix-cls}-wrapper {
-  .input-wrapper-style(@input-prefix-cls);
-
-  .@{input-prefix-cls} {
-    .input-style();
-
-    &.@{input-prefix-cls}-size-mini {
-      .input-size(mini);
-    }
-
-    &.@{input-prefix-cls}-size-small {
-      .input-size(small);
-    }
-
-    &.@{input-prefix-cls}-size-medium {
-      .input-size(medium);
-    }
-
-    &.@{input-prefix-cls}-size-large {
-      .input-size(large);
-    }
-  }
-
-  .@{input-prefix-cls}-word-limit {
-    color: @input-color-tip-text;
-    font-size: @input-font-tip-size;
-  }
-}
-
-.@{input-prefix-cls}-outer {
-  display: inline-flex;
-  width: 100%;
-
-  > .@{input-prefix-cls}-wrapper {
-    border-radius: 0;
-  }
-
-  > :first-child {
-    border-top-left-radius: @input-border-radius;
-    border-bottom-left-radius: @input-border-radius;
-  }
-
-  > :last-child {
-    border-top-right-radius: @input-border-radius;
-    border-bottom-right-radius: @input-border-radius;
-  }
-
-  .outer-size();
-
-  &-disabled {
-    cursor: not-allowed;
-  }
-}
-
-.@{input-prefix-cls}-prepend,
-.@{input-prefix-cls}-append {
-  display: inline-flex;
-  flex-shrink: 0;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0 @input-padding-horizontal;
-  color: @input-color-text;
-  white-space: nowrap;
-  background-color: @input-color-addon-bg;
-  border: 1px solid @input-color-addon-border_default;
-
-  > svg {
-    font-size: @input-size-default-icon-addon-size;
-  }
-}
-
-.@{input-prefix-cls}-prepend {
-  border-right: @input-border-addon-separator-width solid @input-color-addon-border;
-
-  .addon(before, @input-size-default-height, @input-size-default-font-size);
-}
-
-.@{input-prefix-cls}-append {
-  border-left: @input-border-addon-separator-width solid @input-color-addon-border;
-
-  .addon(after, @input-size-default-height, @input-size-default-font-size);
-}
-
-@import url('./group.less');
-@import url('./size.less');
-@import url('./textarea.less');
-@import url('./search.less');
-@import url('./password.less');