adtec-core-package 2.5.3 → 2.5.4

package/src/css/elementUI/image-viewer.scss

@@ -1,139 +1,139 @@
-@use 'mixins/mixins' as *;
-@use 'common/var' as *;
-
-@mixin op-icon() {
-  width: 44px;
-  height: 44px;
-  font-size: 24px;
-  color: #fff;
-  background-color: getCssVar('text-color', 'regular');
-  border-color: #fff;
-}
-
-@include b(image-viewer) {
-  @include e(wrapper) {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-  }
-
-  @include e(btn) {
-    position: absolute;
-    z-index: 1;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 50%;
-    opacity: 0.8;
-    cursor: pointer;
-    box-sizing: border-box;
-    user-select: none;
-
-    .#{$namespace}-icon {
-      font-size: inherit;
-      cursor: pointer;
-    }
-  }
-
-  @include e(close) {
-    top: 40px;
-    right: 40px;
-    width: 40px;
-    height: 40px;
-    font-size: 40px;
-  }
-
-  @include e(canvas) {
-    position: static;
-    width: 100%;
-    height: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    user-select: none;
-  }
-
-  @include e(actions) {
-    left: 50%;
-    bottom: 30px;
-    transform: translateX(-50%);
-    width: 282px;
-    height: 44px;
-    padding: 0 23px;
-    background-color: getCssVar('text-color', 'regular');
-    border-color: #fff;
-    border-radius: 22px;
-
-    @include e(actions__inner) {
-      width: 100%;
-      height: 100%;
-      cursor: default;
-      font-size: 23px;
-      color: #fff;
-      display: flex;
-      align-items: center;
-      justify-content: space-around;
-    }
-  }
-
-  @include e(prev) {
-    top: 50%;
-    transform: translateY(-50%);
-    left: 40px;
-    @include op-icon();
-  }
-
-  @include e(next) {
-    top: 50%;
-    transform: translateY(-50%);
-    right: 40px;
-    text-indent: 2px;
-    @include op-icon();
-  }
-
-  @include e(close) {
-    @include op-icon();
-  }
-
-  @include e(mask) {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    top: 0;
-    left: 0;
-    opacity: 0.5;
-    background: #000;
-  }
-}
-
-.viewer-fade-enter-active {
-  animation: viewer-fade-in getCssVar('transition-duration');
-}
-
-.viewer-fade-leave-active {
-  animation: viewer-fade-out getCssVar('transition-duration');
-}
-
-@keyframes viewer-fade-in {
-  0% {
-    transform: translate3d(0, -20px, 0);
-    opacity: 0;
-  }
-  100% {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-}
-
-@keyframes viewer-fade-out {
-  0% {
-    transform: translate3d(0, 0, 0);
-    opacity: 1;
-  }
-  100% {
-    transform: translate3d(0, -20px, 0);
-    opacity: 0;
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'common/var' as *;
+
+@mixin op-icon() {
+  width: 44px;
+  height: 44px;
+  font-size: 24px;
+  color: #fff;
+  background-color: getCssVar('text-color', 'regular');
+  border-color: #fff;
+}
+
+@include b(image-viewer) {
+  @include e(wrapper) {
+    position: fixed;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+
+  @include e(btn) {
+    position: absolute;
+    z-index: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    opacity: 0.8;
+    cursor: pointer;
+    box-sizing: border-box;
+    user-select: none;
+
+    .#{$namespace}-icon {
+      font-size: inherit;
+      cursor: pointer;
+    }
+  }
+
+  @include e(close) {
+    top: 40px;
+    right: 40px;
+    width: 40px;
+    height: 40px;
+    font-size: 40px;
+  }
+
+  @include e(canvas) {
+    position: static;
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    user-select: none;
+  }
+
+  @include e(actions) {
+    left: 50%;
+    bottom: 30px;
+    transform: translateX(-50%);
+    width: 282px;
+    height: 44px;
+    padding: 0 23px;
+    background-color: getCssVar('text-color', 'regular');
+    border-color: #fff;
+    border-radius: 22px;
+
+    @include e(actions__inner) {
+      width: 100%;
+      height: 100%;
+      cursor: default;
+      font-size: 23px;
+      color: #fff;
+      display: flex;
+      align-items: center;
+      justify-content: space-around;
+    }
+  }
+
+  @include e(prev) {
+    top: 50%;
+    transform: translateY(-50%);
+    left: 40px;
+    @include op-icon();
+  }
+
+  @include e(next) {
+    top: 50%;
+    transform: translateY(-50%);
+    right: 40px;
+    text-indent: 2px;
+    @include op-icon();
+  }
+
+  @include e(close) {
+    @include op-icon();
+  }
+
+  @include e(mask) {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    opacity: 0.5;
+    background: #000;
+  }
+}
+
+.viewer-fade-enter-active {
+  animation: viewer-fade-in getCssVar('transition-duration');
+}
+
+.viewer-fade-leave-active {
+  animation: viewer-fade-out getCssVar('transition-duration');
+}
+
+@keyframes viewer-fade-in {
+  0% {
+    transform: translate3d(0, -20px, 0);
+    opacity: 0;
+  }
+  100% {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+}
+
+@keyframes viewer-fade-out {
+  0% {
+    transform: translate3d(0, 0, 0);
+    opacity: 1;
+  }
+  100% {
+    transform: translate3d(0, -20px, 0);
+    opacity: 0;
+  }
+}

package/src/css/elementUI/image.scss

@@ -1,49 +1,49 @@
-@use 'mixins/mixins' as *;
-@use 'common/var' as *;
-
-%size {
-  width: 100%;
-  height: 100%;
-}
-
-@include b(image) {
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-
-  @include e(inner) {
-    @extend %size !optional;
-    vertical-align: top;
-    opacity: 1;
-    @include when(loading) {
-      opacity: 0;
-    }
-  }
-
-  @include e(wrapper) {
-    @extend %size !optional;
-    position: absolute;
-    top: 0;
-    left: 0;
-  }
-
-  @include e(placeholder) {
-    @extend %size !optional;
-    background: getCssVar('fill-color', 'light');
-  }
-
-  @include e(error) {
-    @extend %size !optional;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    font-size: 14px;
-    background: getCssVar('fill-color', 'light');
-    color: getCssVar('text-color', 'placeholder');
-    vertical-align: middle;
-  }
-
-  @include e(preview) {
-    cursor: pointer;
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'common/var' as *;
+
+%size {
+  width: 100%;
+  height: 100%;
+}
+
+@include b(image) {
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+
+  @include e(inner) {
+    @extend %size !optional;
+    vertical-align: top;
+    opacity: 1;
+    @include when(loading) {
+      opacity: 0;
+    }
+  }
+
+  @include e(wrapper) {
+    @extend %size !optional;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
+
+  @include e(placeholder) {
+    @extend %size !optional;
+    background: getCssVar('fill-color', 'light');
+  }
+
+  @include e(error) {
+    @extend %size !optional;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    font-size: 14px;
+    background: getCssVar('fill-color', 'light');
+    color: getCssVar('text-color', 'placeholder');
+    vertical-align: middle;
+  }
+
+  @include e(preview) {
+    cursor: pointer;
+  }
+}

package/src/css/elementUI/index.scss

@@ -1,110 +1,110 @@
-@use './base.scss';
-// component styles
-@use './affix.scss';
-@use './alert.scss';
-@use './aside.scss';
-@use './autocomplete.scss';
-@use './avatar.scss';
-@use './backtop.scss';
-@use './badge.scss';
-@use './breadcrumb-item.scss';
-@use './breadcrumb.scss';
-@use './button-group.scss';
-@use './button.scss';
-@use './calendar.scss';
-@use './card.scss';
-@use './carousel-item.scss';
-@use './carousel.scss';
-@use './cascader-panel.scss';
-@use './cascader.scss';
-@use './check-tag.scss';
-@use './checkbox-button.scss';
-@use './checkbox-group.scss';
-@use './checkbox.scss';
-@use './col.scss';
-@use './collapse-item.scss';
-@use './collapse.scss';
-@use './color-picker.scss';
-@use './config-provider.scss';
-@use './container.scss';
-@use './date-picker.scss';
-@use './descriptions';
-@use './descriptions-item';
-@use './dialog.scss';
-@use './divider.scss';
-@use './drawer.scss';
-@use './dropdown-item.scss';
-@use './dropdown-menu.scss';
-@use './dropdown.scss';
-@use './empty.scss';
-@use './footer.scss';
-@use './form-item.scss';
-@use './form.scss';
-@use './header.scss';
-@use './image-viewer.scss';
-@use './image.scss';
-@use './infinite-scroll.scss';
-@use './input.scss';
-@use './input-number.scss';
-@use './link.scss';
-@use './loading.scss';
-@use './main.scss';
-@use './menu-item-group.scss';
-@use './menu-item.scss';
-@use './menu.scss';
-@use './message-box.scss';
-@use './message.scss';
-@use './notification.scss';
-@use './overlay.scss';
-@use './page-header.scss';
-@use './pagination.scss';
-@use './popconfirm.scss';
-@use './popover.scss';
-@use './progress.scss';
-@use './radio-button.scss';
-@use './radio-group.scss';
-@use './radio.scss';
-@use './rate.scss';
-@use './result.scss';
-@use './row.scss';
-@use './scrollbar.scss';
-@use './select-v2.scss';
-@use './select.scss';
-@use './skeleton-item.scss';
-@use './skeleton.scss';
-@use './slider.scss';
-@use './space.scss';
-@use './spinner.scss';
-@use './step.scss';
-@use './steps.scss';
-@use './sub-menu.scss';
-@use './switch.scss';
-@use './tab-pane.scss';
-@use './table-column.scss';
-@use './table.scss';
-@use './table-v2.scss';
-@use './tabs.scss';
-@use './tag.scss';
-@use './text.scss';
-@use './time-picker.scss';
-@use './time-select.scss';
-@use './timeline-item.scss';
-@use './timeline.scss';
-@use './tooltip.scss';
-@use './tooltip-v2.scss';
-@use './transfer.scss';
-@use './tree.scss';
-@use './tree-select.scss';
-@use './upload.scss';
-@use './virtual-list.scss';
-@use './popper.scss';
-@use './select-dropdown-v2.scss';
-@use './select-dropdown.scss';
-@use './option.scss';
-@use './option-group.scss';
-@use './statistic.scss';
-@use './tour.scss';
-@use './anchor.scss';
-@use './anchor-link.scss';
-@use './segmented.scss';
-@use './mention.scss';
+@use './base.scss';
+// component styles
+@use './affix.scss';
+@use './alert.scss';
+@use './aside.scss';
+@use './autocomplete.scss';
+@use './avatar.scss';
+@use './backtop.scss';
+@use './badge.scss';
+@use './breadcrumb-item.scss';
+@use './breadcrumb.scss';
+@use './button-group.scss';
+@use './button.scss';
+@use './calendar.scss';
+@use './card.scss';
+@use './carousel-item.scss';
+@use './carousel.scss';
+@use './cascader-panel.scss';
+@use './cascader.scss';
+@use './check-tag.scss';
+@use './checkbox-button.scss';
+@use './checkbox-group.scss';
+@use './checkbox.scss';
+@use './col.scss';
+@use './collapse-item.scss';
+@use './collapse.scss';
+@use './color-picker.scss';
+@use './config-provider.scss';
+@use './container.scss';
+@use './date-picker.scss';
+@use './descriptions';
+@use './descriptions-item';
+@use './dialog.scss';
+@use './divider.scss';
+@use './drawer.scss';
+@use './dropdown-item.scss';
+@use './dropdown-menu.scss';
+@use './dropdown.scss';
+@use './empty.scss';
+@use './footer.scss';
+@use './form-item.scss';
+@use './form.scss';
+@use './header.scss';
+@use './image-viewer.scss';
+@use './image.scss';
+@use './infinite-scroll.scss';
+@use './input.scss';
+@use './input-number.scss';
+@use './link.scss';
+@use './loading.scss';
+@use './main.scss';
+@use './menu-item-group.scss';
+@use './menu-item.scss';
+@use './menu.scss';
+@use './message-box.scss';
+@use './message.scss';
+@use './notification.scss';
+@use './overlay.scss';
+@use './page-header.scss';
+@use './pagination.scss';
+@use './popconfirm.scss';
+@use './popover.scss';
+@use './progress.scss';
+@use './radio-button.scss';
+@use './radio-group.scss';
+@use './radio.scss';
+@use './rate.scss';
+@use './result.scss';
+@use './row.scss';
+@use './scrollbar.scss';
+@use './select-v2.scss';
+@use './select.scss';
+@use './skeleton-item.scss';
+@use './skeleton.scss';
+@use './slider.scss';
+@use './space.scss';
+@use './spinner.scss';
+@use './step.scss';
+@use './steps.scss';
+@use './sub-menu.scss';
+@use './switch.scss';
+@use './tab-pane.scss';
+@use './table-column.scss';
+@use './table.scss';
+@use './table-v2.scss';
+@use './tabs.scss';
+@use './tag.scss';
+@use './text.scss';
+@use './time-picker.scss';
+@use './time-select.scss';
+@use './timeline-item.scss';
+@use './timeline.scss';
+@use './tooltip.scss';
+@use './tooltip-v2.scss';
+@use './transfer.scss';
+@use './tree.scss';
+@use './tree-select.scss';
+@use './upload.scss';
+@use './virtual-list.scss';
+@use './popper.scss';
+@use './select-dropdown-v2.scss';
+@use './select-dropdown.scss';
+@use './option.scss';
+@use './option-group.scss';
+@use './statistic.scss';
+@use './tour.scss';
+@use './anchor.scss';
+@use './anchor-link.scss';
+@use './segmented.scss';
+@use './mention.scss';