@sdata/web-vue 1.6.0 → 1.7.0

package/es/pagination/style/index.less

@@ -1,298 +0,0 @@
-@import url('./token.less');
-
-.page-item(@size) {
-  min-width: ~'@{pagination-size-@{size}}';
-  height: ~'@{pagination-size-@{size}}';
-  font-size: ~'@{pagination-size-@{size}-font-size}';
-  line-height: ~'@{pagination-size-@{size}}';
-
-  &-previous,
-  &-next {
-    font-size: ~'@{pagination-size-icon-arrow_@{size}}';
-  }
-}
-
-.option(@size) {
-  height: ~'@{pagination-size-@{size}}';
-  font-size: ~'@{pagination-size-@{size}-font-size}';
-  line-height: 0;
-}
-
-.total(@size) {
-  font-size: ~'@{pagination-size-@{size}-font-size}';
-  line-height: ~'@{pagination-size-@{size}}';
-}
-
-.@{pagination-prefix-cls} {
-  display: flex;
-  align-items: center;
-  font-size: @pagination-size-default-font-size;
-
-  &-list {
-    display: inline-block;
-    margin: 0;
-    padding: 0;
-    white-space: nowrap;
-    list-style: none;
-  }
-
-  &-item {
-    display: inline-block;
-    box-sizing: border-box;
-    padding: 0 @pagination-padding-horizontal;
-    color: @pagination-color-item-text;
-    text-align: center;
-    vertical-align: middle;
-    list-style: none;
-    background-color: @pagination-color-bg-item;
-    border: @pagination-border-width solid @pagination-color-item-border;
-    border-radius: @pagination-item-border-radius;
-    outline: 0;
-    cursor: pointer;
-    user-select: none;
-
-    .page-item(default);
-
-    &:hover {
-      color: @pagination-color-item-text_hover;
-      background-color: @pagination-color-bg-item_hover;
-      border-color: @pagination-color-item-border_hover;
-    }
-
-    &-active,
-    &-active:hover {
-      color: @pagination-color-item-text_active;
-      background-color: @pagination-color-bg-item_active;
-      border-color: @pagination-color-item-border_active;
-      transition:
-        color @transition-duration-2 @transition-timing-function-linear,
-        background-color @transition-duration-2 @transition-timing-function-linear;
-    }
-
-    &-disabled,
-    &-disabled:hover {
-      color: @pagination-color-item-text_disabled;
-      background-color: @pagination-color-bg-item_disabled;
-      border-color: @pagination-color-item-border_disabled;
-      cursor: not-allowed;
-    }
-
-    &:not(:last-child) {
-      margin-right: @pagination-item-spacing;
-    }
-  }
-
-  &-item-previous,
-  &-item-next {
-    color: @pagination-color-icon-arrow;
-    font-size: @pagination-size-icon-arrow_default;
-    background-color: @pagination-color-icon-arrow-bg;
-
-    &:not(.@{pagination-prefix-cls}-item-disabled):hover {
-      color: @pagination-color-icon-arrow-text_hover;
-      background-color: @pagination-color-icon-arrow-bg_hover;
-    }
-
-    // 解决少数情况下出现的图标不垂直水平剧中的 bug
-    &::after {
-      display: inline-block;
-      font-size: 0;
-      vertical-align: middle;
-      content: '.';
-    }
-  }
-
-  & &-item-previous&-item-disabled,
-  & &-item-next&-item-disabled {
-    color: @pagination-color-icon-arrow-text_disabled;
-    background-color: @pagination-color-icon-arrow-bg_disabled;
-  }
-
-  &-item-jumper {
-    font-size: @pagination-size-icon-ellipsis;
-  }
-
-  /*** 快速跳转 ***/
-  &-jumper {
-    display: flex;
-    align-items: center;
-    margin-left: @pagination-margin-jumper-left;
-
-    > span {
-      font-size: @pagination-size-default-font-size;
-    }
-
-    &-text-goto,
-    &-prepend,
-    &-append {
-      color: @pagination-color-jumper-goto;
-      white-space: nowrap;
-    }
-
-    &-prepend {
-      margin-right: @pagination-item-spacing;
-    }
-
-    &-append {
-      margin-left: @pagination-item-spacing;
-    }
-
-    & &-input {
-      width: @patination-jumper-input-width;
-      padding-right: 2px;
-      padding-left: 2px;
-
-      input {
-        text-align: center;
-      }
-    }
-  }
-
-  &-options {
-    position: relative;
-    display: inline-block;
-    flex: 0 0 auto;
-    min-width: 0;
-    margin-left: @pagination-margin-option-left;
-    text-align: center;
-    vertical-align: middle;
-
-    .@{prefix}-select {
-      width: auto;
-
-      &-view-value {
-        padding-right: 6px;
-        overflow: inherit;
-      }
-    }
-  }
-
-  &-total {
-    display: inline-block;
-    height: 100%;
-    margin-right: @pagination-margin-total-spacing;
-    color: @pagination-color-text-total;
-    font-size: @pagination-size-default-font-size;
-    .total(default);
-
-    white-space: nowrap;
-  }
-
-  // simple
-  &-jumper {
-    flex: 0 0 auto;
-
-    &-separator {
-      padding: 0 @pagination-simple-margin-separator-right 0
-        @pagination-simple-margin-separator-left;
-    }
-
-    &-total-page {
-      margin-right: @pagination-simple-margin-next-left - @pagination-simple-margin-prev-right;
-    }
-  }
-
-  &-simple {
-    display: flex;
-    align-items: center;
-  }
-
-  &-simple &-item {
-    margin-right: 0;
-  }
-
-  &-simple &-jumper {
-    margin: 0 @pagination-simple-margin-prev-right;
-    color: var(~'@{sd-cssvars-prefix}-color-text-1');
-  }
-
-  &-simple &-jumper &-jumper-input {
-    width: @pagination-simple-input-width;
-    margin-left: 0;
-  }
-
-  &-simple &-item-previous,
-  &-simple &-item-next {
-    color: @pagination-simple-color-icon-arrow;
-    background-color: @pagination-simple-color-icon-arrow-bg;
-
-    &:not(.@{pagination-prefix-cls}-item-disabled):hover {
-      color: @pagination-simple-color-icon-arrow-text_hover;
-      background-color: @pagination-simple-color-icon-arrow-bg_hover;
-    }
-  }
-
-  &-simple &-item-previous&-item-disabled,
-  &-simple &-item-next&-item-disabled {
-    color: @pagination-simple-color-icon-arrow-text_disabled;
-    background-color: @pagination-simple-color-icon-arrow-bg_disabled;
-  }
-
-  // Disabled
-  &-disabled {
-    cursor: not-allowed;
-  }
-
-  &-disabled &-item,
-  &-disabled &-item:not(&-item-disabled, &-item-active):hover {
-    color: @pagination-color-item-text_disabled;
-    background-color: @pagination-color-bg-item_disabled;
-    border-color: @pagination-color-item-border_disabled;
-    cursor: not-allowed;
-  }
-
-  &&-disabled &-item-active {
-    color: @pagination-color-item-text_active_disabled;
-    background-color: @pagination-color-bg-item_active_disabled;
-    border-color: @pagination-color-item-border_active_disabled;
-  }
-
-  // size
-  &-size-mini &-item {
-    .page-item(mini);
-  }
-
-  &-size-mini &-total {
-    .total(mini);
-  }
-
-  &-size-mini &-option {
-    .option(mini);
-  }
-
-  &-size-mini &-jumper > span {
-    font-size: @pagination-size-mini-font-size;
-  }
-
-  &-size-small &-item {
-    .page-item(small);
-  }
-
-  &-size-small &-total {
-    .total(small);
-  }
-
-  &-size-small &-option {
-    .option(small);
-  }
-
-  &-size-small &-jumper > span {
-    font-size: @pagination-size-small-font-size;
-  }
-
-  &-size-large &-item {
-    .page-item(large);
-  }
-
-  &-size-large &-total {
-    .total(large);
-  }
-
-  &-size-large &-option {
-    .option(large);
-  }
-
-  &-size-large &-jumper > span {
-    font-size: @pagination-size-large-font-size;
-  }
-}

package/es/pagination/style/token.less

@@ -1,73 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@pagination-prefix-cls: ~'@{prefix}-pagination';
-
-@pagination-item-border-radius: @radius-small;
-@pagination-item-spacing: @spacing-4;
-@pagination-margin-total-spacing: @spacing-4;
-@pagination-margin-option-left: @spacing-4;
-@pagination-margin-jumper-left: @spacing-4;
-
-@pagination-size-mini: @size-mini;
-@pagination-size-small: @size-small;
-@pagination-size-default: @size-default;
-@pagination-size-large: @size-large;
-@pagination-padding-horizontal: 8px;
-
-@pagination-size-mini-font-size: @font-size-body-1;
-@pagination-size-small-font-size: @font-size-body-3;
-@pagination-size-default-font-size: @font-size-body-3;
-@pagination-size-large-font-size: @font-size-body-3;
-
-@pagination-size-icon-arrow_mini: @size-3;
-@pagination-size-icon-arrow_small: @size-3;
-@pagination-size-icon-arrow_default: @size-3;
-@pagination-size-icon-arrow_large: 14px;
-
-@pagination-size-icon-ellipsis: @size-4;
-
-@pagination-border-width: @border-none;
-@pagination-color-bg-item: @color-transparent;
-@pagination-color-bg-item_active: var(~'@{sd-cssvars-prefix}-color-primary-light-1');
-@pagination-color-bg-item_hover: var(~'@{sd-cssvars-prefix}-color-fill-1');
-@pagination-color-bg-item_disabled: @color-transparent;
-@pagination-color-bg-item_active_disabled: var(~'@{sd-cssvars-prefix}-color-fill-1');
-
-@pagination-color-item-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-@pagination-color-item-text_hover: var(~'@{sd-cssvars-prefix}-color-text-2');
-@pagination-color-item-text_active: @color-primary-6;
-@pagination-color-item-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-@pagination-color-item-text_active_disabled: var(~'@{sd-cssvars-prefix}-color-primary-light-3');
-
-@pagination-color-item-border: @color-transparent;
-@pagination-color-item-border_active: @color-transparent;
-@pagination-color-item-border_hover: @color-transparent;
-@pagination-color-item-border_disabled: @color-transparent;
-@pagination-color-item-border_active_disabled: @color-transparent;
-
-@pagination-color-icon-arrow: var(~'@{sd-cssvars-prefix}-color-text-2');
-@pagination-color-icon-arrow-bg: @color-transparent;
-@pagination-color-icon-arrow-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-1');
-@pagination-color-icon-arrow-bg_disabled: @color-transparent;
-@pagination-color-icon-arrow-text_hover: @color-primary-6;
-@pagination-color-icon-arrow-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-// Simple
-@pagination-simple-input-width: @size-10;
-@pagination-simple-color-icon-arrow: var(~'@{sd-cssvars-prefix}-color-text-2');
-@pagination-simple-color-icon-arrow-bg: @color-transparent;
-@pagination-simple-color-icon-arrow-bg_hover: var(~'@{sd-cssvars-prefix}-color-fill-1');
-@pagination-simple-color-icon-arrow-bg_disabled: @color-transparent;
-@pagination-simple-color-icon-arrow-text_hover: @color-primary-6;
-@pagination-simple-color-icon-arrow-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@pagination-simple-margin-prev-right: @spacing-2;
-@pagination-simple-margin-next-left: @spacing-6;
-@pagination-simple-margin-separator-left: @spacing-6;
-@pagination-simple-margin-separator-right: @spacing-6;
-// jumper
-@patination-jumper-input-width: @size-10;
-@pagination-color-jumper-goto: var(~'@{sd-cssvars-prefix}-color-text-3');
-
-// total text
-@pagination-color-text-total: var(~'@{sd-cssvars-prefix}-color-text-1');

package/es/popconfirm/style/index.less

@@ -1,70 +0,0 @@
-@import url('./token.less');
-@import url('../../popover/style/token.less');
-
-@popconfirm-prefix-cls: ~'@{prefix}-popconfirm';
-
-.@{popconfirm-prefix-cls} {
-  &-popup-content {
-    box-sizing: border-box;
-    padding: @popconfirm-padding-vertical @popconfirm-padding-horizontal;
-    color: @popup-color-content-text;
-    font-size: @popup-font-size;
-    line-height: @line-height-base;
-    background-color: @popconfirm-color-content-bg;
-    border: @border-1 solid @popconfirm-color-border;
-    border-radius: @popconfirm-border-radius;
-    box-shadow: @popconfirm-shadow;
-
-    .@{popconfirm-prefix-cls}-body {
-      position: relative;
-      display: flex;
-      align-items: flex-start;
-      margin-bottom: @popconfirm-margin-title-bottom;
-      color: @popconfirm-color-title-text;
-      font-size: @popconfirm-font-title-size;
-
-      .@{popconfirm-prefix-cls}-icon {
-        display: inline-flex;
-        align-items: center;
-        height: @line-height-base * @popconfirm-font-title-size;
-        margin-right: @popconfirm-margin-icon-right;
-        font-size: @popconfirm-size-title-icon;
-
-        .@{prefix}-icon-exclamation-circle-fill {
-          color: @popconfirm-color-title-icon;
-        }
-
-        .@{prefix}-icon-check-circle-fill {
-          color: @popconfirm-color-title-icon_success;
-        }
-
-        .@{prefix}-icon-info-circle-fill {
-          color: @popconfirm-color-title-icon_info;
-        }
-
-        .@{prefix}-icon-close-circle-fill {
-          color: @popconfirm-color-title-icon_danger;
-        }
-      }
-
-      .@{popconfirm-prefix-cls}-content {
-        text-align: left;
-        overflow-wrap: break-word;
-      }
-    }
-
-    .@{popconfirm-prefix-cls}-footer {
-      text-align: right;
-
-      > button {
-        margin-left: @popconfirm-margin-button-left;
-      }
-    }
-  }
-
-  &-popup-arrow {
-    z-index: 1;
-    background-color: @popup-color-content-bg;
-    border: @border-1 solid @popup-color-border;
-  }
-}

package/es/popconfirm/style/token.less

@@ -1,20 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@popconfirm-padding-horizontal: @spacing-7;
-@popconfirm-padding-vertical: @spacing-7;
-@popconfirm-margin-title-bottom: @spacing-7;
-@popconfirm-size-title-icon: 18px;
-@popconfirm-margin-icon-right: @spacing-4;
-@popconfirm-margin-button-left: @spacing-4;
-@popconfirm-font-title-size: @font-size-body-3;
-@popconfirm-color-title-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@popconfirm-color-content-bg: var(~'@{sd-cssvars-prefix}-color-bg-popup');
-@popconfirm-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-@popconfirm-border-radius: @radius-medium;
-@popconfirm-shadow: @shadow2-down;
-// type
-@popconfirm-color-title-icon: @color-warning-6;
-@popconfirm-color-title-icon_danger: @color-danger-6;
-@popconfirm-color-title-icon_success: @color-success-6;
-@popconfirm-color-title-icon_info: @color-primary-6;

package/es/popover/style/index.less

@@ -1,38 +0,0 @@
-@import url('./token.less');
-
-@popover-prefix-cls: ~'@{prefix}-popover';
-
-.@{popover-prefix-cls} {
-  &-popup-content {
-    box-sizing: border-box;
-    padding: @popup-padding-vertical @popup-padding-horizontal;
-    color: @popup-color-content-text;
-    font-size: @popup-font-size;
-    line-height: @line-height-base;
-    background-color: @popup-color-content-bg;
-    border: @border-1 solid @popup-color-border;
-    border-radius: @popup-border-radius;
-    box-shadow: @popup-shadow;
-  }
-
-  &-title {
-    color: @popup-color-title-text;
-    font-weight: @font-weight-500;
-    font-size: @popup-font-title-size;
-  }
-
-  &-content {
-    text-align: left;
-    overflow-wrap: break-word;
-  }
-
-  &-title + &-content {
-    margin-top: @popup-margin-content-top;
-  }
-
-  &-popup-arrow {
-    z-index: 1;
-    background-color: @popup-color-content-bg;
-    border: @border-1 solid @popup-color-border;
-  }
-}

package/es/popover/style/token.less

@@ -1,27 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@popup-color-content-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@popup-border-radius: @radius-large;
-
-@popup-color-content-bg: var(~'@{sd-cssvars-prefix}-color-bg-popup');
-
-@popup-shadow: @shadow2-down;
-
-@popup-padding-content-top: @spacing-2;
-
-@popup-padding-horizontal: @spacing-7;
-
-@popup-padding-vertical: @spacing-6;
-
-@popup-color-title-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@popup-font-title-size: @font-size-title-1;
-
-@popup-margin-content-top: @spacing-2;
-
-@popup-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@popup-font-size: @font-size-body-3;
-
-@popup-border-radius: @radius-medium;