yuang-framework-ui-pc 1.1.41 → 1.1.43

package/lib/ele-app/style/message/index.scss

@@ -1,261 +0,0 @@
-@use '../../../style/themes/default.scss' as *;
-@use '../../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-message-var($ele);
-
-.ele-message.el-message {
-  gap: 0;
-  padding: 0;
-  border: none;
-  border-radius: 0;
-  background: none;
-  width: max-content;
-  pointer-events: auto;
-  align-items: flex-start;
-  margin: 0 auto eleVar('message', 'space') auto;
-  transition: margin-bottom 0.2s;
-  position: static !important;
-  left: auto !important;
-  top: auto !important;
-  transform: none;
-  opacity: 1;
-
-  & > .el-message__content {
-    display: none;
-  }
-
-  /* 徽章 */
-  & > .el-message__badge {
-    position: relative;
-    top: auto;
-    right: auto;
-    width: 0;
-    height: 0;
-    overflow: visible;
-    order: 2;
-    z-index: calc(#{eleVar('message', 'index')} + 2);
-    transition: (
-      margin-top 0.4s,
-      transform elVar('transition-duration'),
-      opacity elVar('transition-duration')
-    );
-
-    & > .el-badge__content {
-      position: absolute;
-      top: 8px;
-      right: -8px;
-      transform: translateY(-100%);
-    }
-  }
-
-  /* 主体 */
-  & > .el-message__icon {
-    width: auto;
-    height: auto;
-    max-width: 100%;
-    line-height: normal;
-    font-style: normal;
-    display: flex;
-    flex-shrink: 0;
-    color: eleVar('message', 'color');
-    font-size: eleVar('message', 'size');
-    padding: eleVar('message', 'padding');
-    box-shadow: eleVar('message', 'shadow');
-    border-radius: eleVar('message', 'radius');
-    background: elVar('color-primary', 'light-9');
-    border: 0 solid elVar('color-primary', 'light-8');
-    z-index: calc(#{eleVar('message', 'index')} + 1);
-    transition: (
-      margin-top 0.4s,
-      transform elVar('transition-duration'),
-      opacity elVar('transition-duration')
-    );
-    box-sizing: border-box;
-    position: relative;
-  }
-}
-
-.ele-message + .ele-message {
-  margin-top: 0 !important;
-}
-
-/* 图标 */
-.ele-message-icon {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: elVar('color-primary');
-  font-size: eleVar('message', 'icon-size');
-  margin: eleVar('message', 'icon-margin');
-}
-
-/* 关闭按钮 */
-.ele-message-close {
-  flex-shrink: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: eleVar('message', 'close-size');
-  height: eleVar('message', 'close-size');
-  line-height: eleVar('message', 'close-size');
-  color: eleVar('message', 'close-color');
-  font-size: eleVar('message', 'close-font-size');
-  margin: eleVar('message', 'close-margin');
-  border-radius: eleVar('message', 'close-radius');
-  transition: (color $transition-base, background-color $transition-base);
-  cursor: pointer;
-
-  &:hover {
-    color: eleVar('message', 'close-hover-color');
-    background: eleVar('message', 'close-hover-bg');
-  }
-}
-
-/* 情景色类型 */
-.ele-message.el-message--success > .el-message__icon {
-  background: elVar('color-success', 'light-9');
-  border-color: elVar('color-success', 'light-7');
-
-  & > .ele-message-icon {
-    color: elVar('color-success');
-  }
-}
-
-.ele-message.el-message--warning > .el-message__icon {
-  background: elVar('color-warning', 'light-9');
-  border-color: elVar('color-warning', 'light-7');
-
-  & > .ele-message-icon {
-    color: elVar('color-warning');
-  }
-}
-
-.ele-message.el-message--error > .el-message__icon {
-  background: elVar('color-error', 'light-9');
-  border-color: elVar('color-error', 'light-7');
-
-  & > .ele-message-icon {
-    color: elVar('color-error');
-  }
-}
-
-.ele-message.el-message--info > .el-message__badge > .el-badge__content,
-.ele-message.is-loading > .el-message__badge > .el-badge__content {
-  background: elVar('color-primary');
-}
-
-/* 简约风格 */
-.ele-message.is-plain.el-message {
-  background: none;
-  box-shadow: none;
-}
-
-.ele-message.is-plain > .el-message__icon,
-.ele-message.is-plain-alert > .el-message__icon {
-  background: eleVar('message', 'plain-bg');
-}
-
-/* 彩色风格 */
-.ele-message.is-alert > .el-message__icon {
-  color: elVar('color-primary');
-  padding: eleVar('message', 'alert-padding');
-  border-width: 1px;
-  box-shadow: none;
-}
-
-.ele-message.is-plain-alert > .el-message__icon {
-  color: elVar('color-primary');
-}
-
-.el-message--success.is-alert > .el-message__icon,
-.el-message--success.is-plain-alert > .el-message__icon {
-  color: elVar('color-success');
-}
-
-.el-message--warning.is-alert > .el-message__icon,
-.el-message--warning.is-plain-alert > .el-message__icon {
-  color: elVar('color-warning');
-}
-
-.el-message--error.is-alert > .el-message__icon,
-.el-message--error.is-plain-alert > .el-message__icon {
-  color: elVar('color-error');
-}
-
-/* 加载框 */
-.ele-message.is-loading::before {
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  transition: opacity elVar('transition-duration');
-  z-index: eleVar('message', 'index');
-}
-
-/* 遮罩 */
-.ele-message.is-show-mask::before {
-  background: eleVar('message', 'mask-color');
-}
-
-/* 居中 */
-.ele-message.is-centered {
-  margin: 0 !important;
-  position: absolute !important;
-  top: 0 !important;
-  left: 0 !important;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  max-width: none;
-  align-items: center;
-  justify-content: center;
-
-  &.el-message-fade-enter-from > .el-message__icon,
-  &.el-message-fade-leave-to > .el-message__icon {
-    transform: scale(0.6);
-    margin-top: 0;
-  }
-}
-
-/* 进入和关闭动画 */
-.ele-message.el-message-fade-enter-from,
-.ele-message.el-message-fade-leave-to {
-  margin-bottom: 0;
-
-  & > .el-message__icon,
-  & > .el-message__badge {
-    opacity: 0;
-    margin-top: -88px;
-  }
-
-  &::before {
-    opacity: 0;
-  }
-}
-
-/* 容器 */
-.ele-message-wrapper {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  pointer-events: none;
-  overflow: hidden;
-
-  & > .ele-message:first-child {
-    margin-top: eleVar('message', 'space');
-  }
-
-  &.is-hide {
-    display: none;
-  }
-}

package/lib/ele-app/style/overwrite/autocomplete/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.scss");

package/lib/ele-app/style/overwrite/autocomplete/index.d.ts

@@ -1 +0,0 @@
-

package/lib/ele-app/style/overwrite/backtop/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.scss");

package/lib/ele-app/style/overwrite/cascader/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.scss");

package/lib/ele-app/style/overwrite/cascader/index.d.ts

@@ -1 +0,0 @@
-

package/lib/ele-app/style/overwrite/checkbox/css-var.scss

@@ -1,8 +0,0 @@
-@use '../../../../style/util.scss' as *;
-
-/* ElCheckbox 主题变量 */
-@mixin set-el-checkbox-var($var) {
-  .el-checkbox {
-    @include set-ele-var('checkbox', $var);
-  }
-}

package/lib/ele-app/style/overwrite/checkbox/index.scss

@@ -1,161 +0,0 @@
-@use '../../../../style/themes/default.scss' as *;
-@use '../../../../style/util.scss' as *;
-@use './css-var.scss' as *;
-
-@include set-el-checkbox-var($ele);
-
-/* Checkbox */
-body .el-checkbox {
-  .el-checkbox__label {
-    color: eleVar('checkbox', 'color');
-    font-size: eleVar('checkbox', 'font-size');
-    line-height: eleVar('checkbox', 'size');
-    transition: (color $transition-base, font-weight $transition-base);
-  }
-
-  .el-checkbox__inner {
-    width: eleVar('checkbox', 'size');
-    height: eleVar('checkbox', 'size');
-    background: eleVar('checkbox', 'bg');
-    border: eleVar('checkbox', 'border');
-    border-radius: eleVar('checkbox', 'radius');
-    transition: (
-      border-color $transition-base,
-      background-color $transition-base
-    );
-
-    &::after {
-      top: 50%;
-      left: eleVar('checkbox', 'icon-left');
-      width: eleVar('checkbox', 'icon-width');
-      height: eleVar('checkbox', 'icon-height');
-      border: 2px solid #fff;
-      border-top: 0;
-      border-left: 0;
-      box-sizing: border-box;
-      transform: rotate(45deg) scale(0) translate(-50%, -50%);
-      transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-      opacity: 0;
-    }
-  }
-
-  .el-checkbox__input .el-checkbox__inner::before {
-    content: '';
-    width: 60%;
-    height: 2px;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    right: auto;
-    bottom: auto;
-    background: #fff;
-    transform: translateX(-50%) scale(0);
-    margin-top: -1px;
-    transition: all 0.1s cubic-bezier(0.71, -0.46, 0.88, 0.6);
-    opacity: 0;
-  }
-
-  &:hover .el-checkbox__inner {
-    border: eleVar('checkbox', 'hover-border');
-  }
-
-  &.is-checked {
-    .el-checkbox__label {
-      color: eleVar('checkbox', 'active-color');
-    }
-
-    .el-checkbox__inner {
-      background: elVar('color-primary');
-      border: 1px solid elVar('color-primary');
-
-      &::after {
-        opacity: 1;
-        transform: rotate(45deg) scale(1) translate(-50%, -50%);
-        transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
-      }
-    }
-  }
-
-  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-    background: elVar('color-primary');
-    border: 1px solid elVar('color-primary');
-
-    &::before {
-      opacity: 1;
-      transform: translateX(-50%) scale(1);
-      transition: all 0.2s cubic-bezier(0.12, 0.4, 0.29, 1.46) 0.1s;
-    }
-
-    &::after {
-      display: block;
-      transform: rotate(45deg) scale(0) translate(-50%, -50%);
-      opacity: 0;
-    }
-  }
-
-  &.is-disabled {
-    span.el-checkbox__label {
-      color: eleVar('checkbox', 'disabled-color');
-    }
-
-    .el-checkbox__input .el-checkbox__inner {
-      background: eleVar('checkbox', 'disabled-bg');
-      border: eleVar('checkbox', 'disabled-border');
-
-      &::after {
-        border-color: eleVar('checkbox', 'disabled-color');
-      }
-    }
-  }
-
-  &.el-checkbox--small {
-    .el-checkbox__label {
-      font-size: eleVar('checkbox', 'sm-font-size');
-      line-height: eleVar('checkbox', 'sm-size');
-    }
-
-    .el-checkbox__inner {
-      width: eleVar('checkbox', 'sm-size');
-      height: eleVar('checkbox', 'sm-size');
-      border-radius: eleVar('checkbox', 'sm-radius');
-
-      &::after {
-        left: eleVar('checkbox', 'sm-icon-left');
-        width: eleVar('checkbox', 'sm-icon-width');
-        height: eleVar('checkbox', 'sm-icon-height');
-      }
-    }
-
-    .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
-      top: 50%;
-    }
-  }
-
-  &.el-checkbox--large {
-    .el-checkbox__label {
-      font-size: eleVar('checkbox', 'lg-font-size');
-      line-height: eleVar('checkbox', 'lg-size');
-    }
-
-    .el-checkbox__inner {
-      width: eleVar('checkbox', 'lg-size');
-      height: eleVar('checkbox', 'lg-size');
-      border-radius: eleVar('checkbox', 'lg-radius');
-
-      &::after {
-        left: eleVar('checkbox', 'lg-icon-left');
-        width: eleVar('checkbox', 'lg-icon-width');
-        height: eleVar('checkbox', 'lg-icon-height');
-      }
-    }
-  }
-}
-
-body .el-checkbox,
-body .el-checkbox-group > .el-checkbox {
-  margin-right: eleVar('checkbox', 'space');
-}
-
-.el-checkbox-group > .el-checkbox:last-child {
-  margin-right: 0;
-}

package/lib/ele-app/style/overwrite/color-picker/index.cjs

@@ -1,2 +0,0 @@
-"use strict";
-require("./index.scss");

package/lib/ele-app/style/overwrite/color-picker/index.d.ts

@@ -1 +0,0 @@
-

package/lib/ele-app/style/overwrite/color-picker/index.scss

@@ -1,42 +0,0 @@
-@use '../../../../style/themes/default.scss' as *;
-@use '../../../../style/util.scss' as *;
-
-/* ColorPicker */
-body .el-color-picker__panel {
-  padding: 10px;
-}
-
-.el-color-picker__panel {
-  .el-color-dropdown__btns {
-    margin-top: 8px;
-  }
-
-  .el-color-predefine__color-selector.selected {
-    box-shadow: none;
-    position: relative;
-
-    &::after {
-      content: '';
-      width: 5.71428571px;
-      height: 9.14285714px;
-      border: 2px solid #fff;
-      border-left: 0;
-      border-top: 0;
-      transform: rotate(45deg) translate(-50%, -50%);
-      box-sizing: border-box;
-      position: absolute;
-      top: 50%;
-      left: 6px;
-    }
-  }
-}
-
-.el-color-picker .el-color-picker__color {
-  border-color: elVar('border-color', 'light');
-  overflow: hidden;
-}
-
-body .el-color-picker .el-color-picker__icon,
-body .el-color-picker .el-color-picker__empty {
-  font-size: 13px;
-}

package/lib/ele-app/style/overwrite/css-var.scss

@@ -1,33 +0,0 @@
-@use '../../../style/util.scss' as *;
-@use './autocomplete/css-var.scss' as *;
-@use './cascader/css-var.scss' as *;
-@use './checkbox/css-var.scss' as *;
-@use './date-picker/css-var.scss' as *;
-@use './descriptions/css-var.scss' as *;
-@use './input/css-var.scss' as *;
-@use './message-box/css-var.scss' as *;
-@use './notification/css-var.scss' as *;
-@use './popper/css-var.scss' as *;
-@use './radio/css-var.scss' as *;
-@use './select/css-var.scss' as *;
-@use './tag/css-var.scss' as *;
-@use './tree/css-var.scss' as *;
-@use './tree-select/css-var.scss' as *;
-
-/* El 样式重写主题变量 */
-@mixin set-overwrite-var($var) {
-  @include set-el-autocomplete-var($var);
-  @include set-el-cascader-var($var);
-  @include set-el-checkbox-var($var);
-  @include set-el-date-picker-var($var);
-  @include set-el-descriptions-var($var);
-  @include set-el-input-var($var);
-  @include set-el-message-box-var($var);
-  @include set-el-notification-var($var);
-  @include set-el-popper-var($var);
-  @include set-el-radio-var($var);
-  @include set-el-select-var($var);
-  @include set-el-tag-var($var);
-  @include set-el-tree-var($var);
-  @include set-el-tree-select-var($var);
-}

package/lib/ele-app/style/overwrite/date-picker/css-var.scss

@@ -1,16 +0,0 @@
-@use '../../../../style/util.scss' as *;
-
-/* ElDatepicker 主题变量 */
-@mixin set-el-date-picker-var($var) {
-  // Datepicker
-  .el-date-picker,
-  .el-date-range-picker {
-    @include set-ele-var('datepicker', $var);
-  }
-
-  // Timepicker
-  .el-time-panel,
-  .el-time-range-picker {
-    @include set-ele-var('timepicker', $var);
-  }
-}