@sdata/web-vue 1.6.0 → 1.7.0

package/es/collapse/style/token.less

@@ -1,57 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@collapse-border-width: @border-1;
-
-@collapse-border-radius: @radius-medium;
-
-@collapse-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@collapse-line-height: 1.5715;
-
-@collapse-title-line-height: 24px;
-
-@collapse-title-border-width: @border-1;
-
-@collapse-title-color-border: var(~'@{sd-cssvars-prefix}-color-neutral-3');
-
-@collapse-title-font-size: @font-size-body-3;
-
-@collapse-title-padding-horizontal: 13px;
-
-@collapse-title-padding-vertical: @spacing-4;
-
-@collapse-title-color-bg: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@collapse-title-color-bg_active: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@collapse-title-color-bg_disabled: var(~'@{sd-cssvars-prefix}-color-bg-2');
-
-@collapse-title-color-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@collapse-title-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@collapse-title-font-weight_active: @font-weight-500;
-
-@collapse-content-color-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@collapse-content-color-text_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@collapse-content-font-size: @font-size-body-3;
-
-@collapse-content-padding-vertical: @spacing-4;
-
-@collapse-content-color-bg: var(~'@{sd-cssvars-prefix}-color-fill-1');
-
-@collapse-expand-icon-size: 14px;
-
-@collapse-expand-icon-size-bg: @size-4;
-
-@collapse-expand-icon-spacing-text: 5px;
-
-@collapse-color-expand-icon: var(~'@{sd-cssvars-prefix}-color-neutral-7');
-
-@collapse-item-color-border: var(~'@{sd-cssvars-prefix}-color-border-2');
-
-@collapse-item-border-width: @border-1;
-
-@collapse-expand-icon-color-bg: var(~'@{sd-cssvars-prefix}-color-fill-2');

package/es/color-picker/style/index.less

@@ -1,310 +0,0 @@
-@import url('./token.less');
-
-@color-picker-prefix-cls: ~'@{prefix}-color-picker';
-
-.@{color-picker-prefix-cls} {
-  display: inline-flex;
-  align-items: center;
-  box-sizing: border-box;
-  background-color: @color-input-bg-color;
-  border-radius: @color-input-border-radius;
-
-  &-preview {
-    box-sizing: border-box;
-    border: @color-preview-border-size solid @color-preview-border-color;
-  }
-
-  &-value {
-    margin-left: @color-value-margin-left;
-    color: @color-value-font-color;
-    font-weight: @color-value-font-size;
-  }
-
-  &-input {
-    display: none;
-  }
-
-  &:hover {
-    background-color: var(--color-fill-3);
-    cursor: pointer;
-  }
-
-  .size-mixin(@size) {
-    height: ~'@{input-size-@{size}-height}';
-    padding: ~'@{color-input-size-@{size}-padding}';
-
-    .@{color-picker-prefix-cls}-preview {
-      width: ~'@{color-preview-size-@{size}}';
-      height: ~'@{color-preview-size-@{size}}';
-    }
-
-    .@{color-picker-prefix-cls}-value {
-      font-size: ~'@{color-value-size-@{size}-font-size}';
-    }
-  }
-
-  &-size-medium {
-    .size-mixin(medium);
-  }
-
-  &-size-mini {
-    .size-mixin(mini);
-  }
-
-  &-size-small {
-    .size-mixin(small);
-  }
-
-  &-size-large {
-    .size-mixin(large);
-  }
-
-  &&-disabled {
-    background-color: @color-input-bg-color;
-    cursor: not-allowed;
-
-    .@{color-picker-prefix-cls}-value {
-      color: @color-value-font-color_disabled;
-    }
-  }
-}
-
-.@{color-picker-prefix-cls}-panel {
-  width: @color-panel-width;
-  background-color: @color-panel-bg-color;
-  border-radius: @color-panel-border-radius;
-  box-shadow: @color-panel-box-shadow;
-
-  .@{color-picker-prefix-cls}-palette {
-    position: relative;
-    box-sizing: border-box;
-    width: 100%;
-    height: @color-palette-height;
-    overflow: hidden;
-    background-image:
-      linear-gradient(0deg, rgb(0 0 0), transparent),
-      linear-gradient(90deg, rgb(255 255 255), rgb(255 255 255 / 0%));
-    border-top: 1px solid @color-panel-border-color;
-    border-right: 1px solid @color-panel-border-color;
-    border-left: 1px solid @color-panel-border-color;
-    cursor: pointer;
-
-    .@{color-picker-prefix-cls}-handler {
-      position: absolute;
-      box-sizing: border-box;
-      width: @color-palette-handle-size;
-      height: @color-palette-handle-size;
-      background-color: transparent;
-      border: @color-palette-handle-border-size solid var(--color-bg-white);
-      border-radius: @border-radius-circle;
-      transform: translate(-50%, -50%);
-    }
-  }
-
-  .@{color-picker-prefix-cls}-panel-control {
-    padding: @color-panel-padding;
-
-    .@{color-picker-prefix-cls}-control-wrapper {
-      display: flex;
-      align-items: center;
-
-      .@{color-picker-prefix-cls}-preview {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        box-sizing: border-box;
-        width: @color-panel-preview-size;
-        height: @color-panel-preview-size;
-        margin-left: auto;
-        color: #fff;
-        font-size: (@color-panel-preview-size / 2);
-        border: 1px solid @color-panel-border-color;
-        border-radius: @border-radius-medium;
-      }
-
-      .@{color-picker-prefix-cls}-control-bar-alpha {
-        margin-top: @color-control-bar-alpha-margin-top;
-      }
-    }
-
-    .@{color-picker-prefix-cls}-input-wrapper {
-      display: flex;
-      margin-top: @color-panel-input-margin-top;
-
-      .@{color-picker-prefix-cls}-group-wrapper {
-        display: flex;
-        flex: 1;
-        margin-left: @color-panel-input-group-margin-left;
-      }
-
-      .@{prefix}-select-view,
-      .@{prefix}-input-wrapper {
-        margin-right: @spacing-none;
-        padding: 0 @spacing-3;
-      }
-
-      .@{prefix}-input-suffix,
-      .@{prefix}-input-prefix,
-      .@{prefix}-select-view-suffix {
-        padding: @spacing-none;
-        font-size: @size-3;
-      }
-    }
-  }
-
-  .@{color-picker-prefix-cls}-panel-colors {
-    padding: @color-panel-padding;
-    border-top: 1px solid var(--color-fill-3);
-
-    .@{color-picker-prefix-cls}-colors-section:not(:first-child) {
-      margin-top: @spacing-6;
-    }
-
-    .@{color-picker-prefix-cls}-colors-text {
-      color: var(--color-text-1);
-      font-weight: @font-weight-400;
-      font-size: @color-panel-section-title-font-size;
-    }
-
-    .@{color-picker-prefix-cls}-colors-empty {
-      margin: @spacing-6 0;
-      color: var(--color-text-3);
-      font-size: @color-panel-empty-font-size;
-    }
-
-    .@{color-picker-prefix-cls}-colors-wrapper {
-      margin-top: @spacing-4;
-    }
-
-    .@{color-picker-prefix-cls}-colors-list {
-      display: flex;
-      flex-wrap: wrap;
-      margin: -8px -4px 0;
-    }
-
-    .@{color-picker-prefix-cls}-color-block {
-      width: @color-panel-block-size;
-      height: @color-panel-block-size;
-      margin: @color-panel-block-margin (@color-panel-block-margin / 2) 0;
-      overflow: hidden;
-      background-image: conic-gradient(
-        rgb(0 0 0 / 6%) 0 25%,
-        transparent 0 50%,
-        rgb(0 0 0 / 6%) 0 75%,
-        transparent 0
-      );
-      background-size: 8px 8px;
-      border-radius: @color-panel-block-border-radius;
-      cursor: pointer;
-      transition: transform ease-out 60ms;
-
-      .@{color-picker-prefix-cls}-block {
-        width: 100%;
-        height: 100%;
-      }
-
-      &:hover {
-        transform: scale(1.1);
-      }
-    }
-  }
-
-  .@{color-picker-prefix-cls}-control-bar-bg {
-    background-image: conic-gradient(
-      rgb(0 0 0 / 6%) 0 25%,
-      transparent 0 50%,
-      rgb(0 0 0 / 6%) 0 75%,
-      transparent 0
-    );
-    background-size: 8px 8px;
-    border-radius: @color-control-bar-border-radius;
-  }
-
-  .@{color-picker-prefix-cls}-control-bar {
-    position: relative;
-    box-sizing: border-box;
-    width: @color-control-bar-width;
-    height: @color-control-bar-height;
-    border: 1px solid @color-panel-border-color;
-    border-radius: @color-control-bar-border-radius;
-    cursor: pointer;
-
-    .@{color-picker-prefix-cls}-handler {
-      position: absolute;
-      top: -2px;
-      box-sizing: border-box;
-      width: @color-control-bar-handle-size;
-      height: @color-control-bar-handle-size;
-      background-color: var(--color-bg-white);
-      border: 1px solid var(--color-border-2);
-      border-radius: @border-radius-circle;
-      transform: translateX(-50%);
-
-      &::before {
-        display: block;
-        width: 100%;
-        height: 100%;
-        background: var(--color-bg-white);
-        border-radius: @border-radius-circle;
-        content: '';
-      }
-
-      &::after {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        width: @color-control-bar-handle-size - 8;
-        height: @color-control-bar-handle-size - 8;
-        background: currentcolor;
-        border-radius: @border-radius-circle;
-        transform: translate(-50%, -50%);
-        content: '';
-      }
-    }
-
-    &-hue {
-      background: linear-gradient(
-        90deg,
-        #f00 0,
-        #ff0 17%,
-        #0f0 33%,
-        #0ff 50%,
-        #00f 67%,
-        #f0f 83%,
-        #f00
-      );
-    }
-  }
-
-  .@{color-picker-prefix-cls}-select {
-    width: @color-panel-format-select-width;
-  }
-
-  .@{color-picker-prefix-cls}-input-alpha {
-    flex: 0 0 auto;
-    width: @color-panel-alpha-input-width;
-  }
-
-  .@{color-picker-prefix-cls}-input-hex {
-    .@{prefix}-input {
-      padding-left: @spacing-2;
-    }
-  }
-
-  &&-disabled {
-    .@{color-picker-prefix-cls}-palette,
-    .@{color-picker-prefix-cls}-control-bar,
-    .@{color-picker-prefix-cls}-color-block,
-    .@{color-picker-prefix-cls}-preview {
-      cursor: not-allowed;
-      opacity: 0.8;
-    }
-  }
-}
-
-.@{color-picker-prefix-cls}-select-popup {
-  & .@{prefix}-select-option {
-    font-size: @font-size-body-1 !important;
-    line-height: @size-mini !important;
-  }
-}

package/es/color-picker/style/token.less

@@ -1,93 +0,0 @@
-@import url('../../style/theme/index.less');
-@import url('../../input/style/token.less');
-
-@color-preview-size-mini: @size-4;
-
-@color-preview-size-small: 22px;
-
-@color-preview-size-medium: @size-6;
-
-@color-preview-size-large: 26px;
-
-@color-input-size-mini-padding: ((@input-size-mini-height - @color-preview-size-mini) / 2)
-  @spacing-2;
-
-@color-input-size-small-padding: ((@input-size-small-height - @color-preview-size-small) / 2)
-  @spacing-2;
-
-@color-input-size-medium-padding: ((@input-size-medium-height - @color-preview-size-medium) / 2)
-  @spacing-2;
-
-@color-input-size-large-padding: ((@input-size-large-height - @color-preview-size-large) / 2) 5px;
-
-@color-input-bg-color: var(~'@{sd-cssvars-prefix}-color-fill-2');
-
-@color-value-margin-left: @spacing-2;
-
-@color-value-font-color: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@color-value-font-color_disabled: var(~'@{sd-cssvars-prefix}-color-text-4');
-
-@color-value-size-mini-font-size: @font-size-body-1;
-
-@color-value-size-small-font-size: @font-size-body-3;
-
-@color-value-size-medium-font-size: @font-size-body-3;
-
-@color-value-size-large-font-size: @font-size-body-3;
-
-@color-input-border-radius: @border-radius-small;
-
-@color-preview-border-size: @border-1;
-
-@color-preview-border-color: var(~'@{sd-cssvars-prefix}-color-border-2');
-
-@color-value-font-size: @font-weight-400;
-
-@color-panel-width: 260px;
-
-@color-panel-padding: @spacing-6;
-
-@color-panel-border-radius: @border-radius-small;
-
-@color-panel-bg-color: var(~'@{sd-cssvars-prefix}-color-bg-1');
-
-@color-panel-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 10%);
-
-@color-palette-height: 178px;
-
-@color-palette-handle-size: @size-4;
-
-@color-palette-handle-border-size: @border-2;
-
-@color-control-bar-width: 182px;
-
-@color-control-bar-height: 14px;
-
-@color-control-bar-handle-size: @size-4;
-
-@color-control-bar-alpha-margin-top: @spacing-6;
-
-@color-control-bar-border-radius: 10px;
-
-@color-panel-input-margin-top: @spacing-6;
-
-@color-panel-input-group-margin-left: @spacing-6;
-
-@color-panel-preview-size: 40px;
-
-@color-panel-format-select-width: 58px;
-
-@color-panel-alpha-input-width: 52px;
-
-@color-panel-section-title-font-size: @font-size-caption;
-
-@color-panel-empty-font-size: @font-size-body-1;
-
-@color-panel-block-size: @size-4;
-
-@color-panel-block-margin: @spacing-3;
-
-@color-panel-block-border-radius: @border-2;
-
-@color-panel-border-color: var(~'@{sd-cssvars-prefix}-color-border-2');

package/es/comment/style/index.less

@@ -1,66 +0,0 @@
-@import url('./token.less');
-
-@comment-prefix-cls: ~'@{prefix}-comment';
-
-.@{comment-prefix-cls} {
-  display: flex;
-  flex-wrap: nowrap;
-  font-size: @comment-font-size;
-  line-height: @line-height-base;
-
-  &:not(:first-of-type),
-  &-inner-comment {
-    margin-top: @comment-margin-bottom;
-  }
-
-  &-inner {
-    flex: 1;
-  }
-
-  &-avatar {
-    flex-shrink: 0;
-    margin-right: @comment-margin-avatar-right;
-    cursor: pointer;
-
-    > img {
-      width: @comment-size-avatar-width;
-      height: @comment-size-avatar-width;
-      border-radius: @radius-circle;
-    }
-  }
-
-  &-author {
-    margin-right: @comment-margin-author-right;
-    color: @comment-color-author-text;
-    font-size: @comment-font-author-size;
-  }
-
-  &-datetime {
-    color: @comment-color-datetime-text;
-    font-size: @comment-font-datetime-size;
-  }
-
-  &-content {
-    color: @comment-color-content-text;
-  }
-
-  &-title-align-right {
-    display: flex;
-    justify-content: space-between;
-  }
-
-  &-actions {
-    margin-top: @comment-margin-actions-top;
-    color: @comment-color-actions-text;
-    font-size: @comment-font-action-size;
-
-    > *:not(:last-child) {
-      margin-right: @comment-margin-actions-right;
-    }
-  }
-
-  &-actions-align-right {
-    display: flex;
-    justify-content: flex-end;
-  }
-}

package/es/comment/style/token.less

@@ -1,29 +0,0 @@
-@import url('../../style/theme/index.less');
-
-@comment-color-author-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@comment-color-datetime-text: var(~'@{sd-cssvars-prefix}-color-text-3');
-
-@comment-color-content-text: var(~'@{sd-cssvars-prefix}-color-text-1');
-
-@comment-color-actions-text: var(~'@{sd-cssvars-prefix}-color-text-2');
-
-@comment-font-size: @font-size-body-3;
-
-@comment-font-author-size: @font-size-body-3;
-
-@comment-font-datetime-size: @font-size-body-1;
-
-@comment-margin-avatar-right: @spacing-6;
-
-@comment-margin-author-right: @spacing-4;
-
-@comment-margin-actions-top: @spacing-4;
-
-@comment-margin-bottom: @spacing-8;
-
-@comment-margin-actions-right: @spacing-4;
-
-@comment-size-avatar-width: @size-8;
-
-@comment-font-action-size: @font-size-body-3;

package/es/date-picker/style/date.less

@@ -1,128 +0,0 @@
-@import url('../../time-picker/style/token.less');
-
-@date-panel-prefix-cls: ~'@{prefix}-panel-date';
-@time-picker-prefix-cls: ~'@{prefix}-timepicker';
-
-@datepicker-timepicker-height: 276px;
-
-.@{date-panel-prefix-cls} {
-  display: flex;
-  box-sizing: border-box;
-
-  &-inner {
-    width: @picker-panel-date-width;
-  }
-
-  &-inner .@{prefix}-picker-body {
-    padding-top: 0;
-  }
-
-  &-timepicker {
-    display: flex;
-    flex-direction: column;
-    border-left: 1px solid @picker-panel-color-border;
-
-    &-title {
-      width: 100%;
-      height: 40px;
-      color: var(~'@{sd-cssvars-prefix}-color-text-1');
-      font-weight: 400;
-      font-size: 14px;
-      line-height: 40px;
-      text-align: center;
-      border-bottom: 1px solid @picker-panel-color-border;
-    }
-
-    .@{time-picker-prefix-cls} {
-      height: @datepicker-timepicker-height;
-      padding: 0 6px;
-      overflow: hidden;
-
-      &-column {
-        box-sizing: border-box;
-        width: auto;
-        height: 100%;
-        padding: 0 4px;
-
-        &::-webkit-scrollbar {
-          width: 0;
-        }
-      }
-
-      &-column:not(:last-child) {
-        border-right: 0;
-      }
-
-      ul::after {
-        height: @datepicker-timepicker-height - @timepicker-cell-height - @timepicker-cell-spacing *
-          2;
-      }
-
-      &-cell {
-        width: 36px;
-
-        &-inner {
-          padding-left: 10px;
-        }
-      }
-    }
-  }
-
-  &-footer {
-    border-right: 1px solid @picker-panel-color-border;
-  }
-
-  &-with-view-tabs {
-    flex-direction: column;
-    min-width: 265px;
-
-    .@{date-panel-prefix-cls}-timepicker {
-      .@{time-picker-prefix-cls} {
-        &-column {
-          flex: 1;
-
-          &::-webkit-scrollbar {
-            width: 0;
-          }
-        }
-
-        &-cell {
-          width: 100%;
-          text-align: center;
-
-          &-inner {
-            padding-left: 0;
-          }
-        }
-      }
-    }
-  }
-
-  &-view-tabs {
-    display: flex;
-    border-top: 1px solid @picker-panel-color-border;
-  }
-
-  &-view-tab-pane {
-    flex: 1;
-    height: @datepicker-view-tabs-height;
-    color: @datepicker-view-tab-pane-color-text_unactive;
-    font-size: @datepicker-view-tab-pane-font-size;
-    line-height: @datepicker-view-tabs-height;
-    text-align: center;
-    border-right: 1px solid @picker-panel-color-border;
-    cursor: pointer;
-
-    &:last-child {
-      border-right: none;
-    }
-
-    &-text {
-      margin-left: @datepicker-view-tab-pane-spacing-text-icon;
-    }
-
-    &-active {
-      color: @datepicker-view-tab-pane-color-text_active;
-    }
-  }
-}