adtec-core-package 2.0.0 → 2.0.1

package/src/css/elementUI/var.scss

@@ -1,87 +1,87 @@
-// CSS3 var
-@use 'common/var' as *;
-@use 'mixins/var' as *;
-@use 'mixins/mixins' as *;
-
-// for better performance do not dynamically change the root variable if you really
-// do not need that, since this could introduce recalculation overhead for rendering.
-// https://lisilinhart.info/posts/css-variables-performance/
-
-// common
-:root {
-  @include set-css-var-value('color-white', $color-white);
-  @include set-css-var-value('color-black', $color-black);
-
-  // get rgb
-  @each $type in (primary, success, warning, danger, error, info) {
-    @include set-css-color-rgb($type);
-  }
-
-  // Typography
-  @include set-component-css-var('font-size', $font-size);
-  @include set-component-css-var('font-family', $font-family);
-
-  @include set-css-var-value('font-weight-primary', 500);
-  @include set-css-var-value('font-line-height-primary', 24px);
-
-  // z-index --el-index-#{$type}
-  @include set-component-css-var('index', $z-index);
-
-  // --el-border-radius-#{$type}
-  @include set-component-css-var('border-radius', $border-radius);
-
-  // Transition
-  // refer to this website to get the bezier motion function detail
-  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
-  @include set-component-css-var('transition-duration', $transition-duration);
-
-  @include set-component-css-var('transition-function', $transition-function);
-  @include set-component-css-var('transition', $transition);
-
-  // common component size
-  @include set-component-css-var('component-size', $common-component-size);
-}
-
-// for light
-:root {
-  color-scheme: light;
-
-  // --el-color-#{$type}
-  // --el-color-#{$type}-light-{$i}
-  @each $type in (primary, success, warning, danger, error, info) {
-    @include set-css-color-type($colors, $type);
-  }
-
-  // color-scheme
-  // Background --el-bg-color-#{$type}
-  @include set-component-css-var('bg-color', $bg-color);
-  // --el-text-color-#{$type}
-  @include set-component-css-var('text-color', $text-color);
-  // --el-border-color-#{$type}
-  @include set-component-css-var('border-color', $border-color);
-  // Fill --el-fill-color-#{$type}
-  @include set-component-css-var('fill-color', $fill-color);
-
-  // Box-shadow
-  // --el-box-shadow-#{$type}
-  @include set-component-css-var('box-shadow', $box-shadow);
-  // Disable base
-  @include set-component-css-var('disabled', $disabled);
-
-  // overlay & mask
-  @include set-component-css-var('overlay-color', $overlay-color);
-  @include set-component-css-var('mask-color', $mask-color);
-
-  // Border
-  @include set-css-var-value('border-width', $border-width);
-  @include set-css-var-value('border-style', $border-style);
-  @include set-css-var-value('border-color-hover', $border-color-hover);
-  @include set-css-var-value(
-    'border',
-    getCssVar('border-width') getCssVar('border-style')
-      getCssVar('border-color')
-  );
-
-  // Svg
-  @include css-var-from-global('svg-monochrome-grey', 'border-color');
-}
+// CSS3 var
+@use 'common/var' as *;
+@use 'mixins/var' as *;
+@use 'mixins/mixins' as *;
+
+// for better performance do not dynamically change the root variable if you really
+// do not need that, since this could introduce recalculation overhead for rendering.
+// https://lisilinhart.info/posts/css-variables-performance/
+
+// common
+:root {
+  @include set-css-var-value('color-white', $color-white);
+  @include set-css-var-value('color-black', $color-black);
+
+  // get rgb
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-rgb($type);
+  }
+
+  // Typography
+  @include set-component-css-var('font-size', $font-size);
+  @include set-component-css-var('font-family', $font-family);
+
+  @include set-css-var-value('font-weight-primary', 500);
+  @include set-css-var-value('font-line-height-primary', 24px);
+
+  // z-index --el-index-#{$type}
+  @include set-component-css-var('index', $z-index);
+
+  // --el-border-radius-#{$type}
+  @include set-component-css-var('border-radius', $border-radius);
+
+  // Transition
+  // refer to this website to get the bezier motion function detail
+  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
+  @include set-component-css-var('transition-duration', $transition-duration);
+
+  @include set-component-css-var('transition-function', $transition-function);
+  @include set-component-css-var('transition', $transition);
+
+  // common component size
+  @include set-component-css-var('component-size', $common-component-size);
+}
+
+// for light
+:root {
+  color-scheme: light;
+
+  // --el-color-#{$type}
+  // --el-color-#{$type}-light-{$i}
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-type($colors, $type);
+  }
+
+  // color-scheme
+  // Background --el-bg-color-#{$type}
+  @include set-component-css-var('bg-color', $bg-color);
+  // --el-text-color-#{$type}
+  @include set-component-css-var('text-color', $text-color);
+  // --el-border-color-#{$type}
+  @include set-component-css-var('border-color', $border-color);
+  // Fill --el-fill-color-#{$type}
+  @include set-component-css-var('fill-color', $fill-color);
+
+  // Box-shadow
+  // --el-box-shadow-#{$type}
+  @include set-component-css-var('box-shadow', $box-shadow);
+  // Disable base
+  @include set-component-css-var('disabled', $disabled);
+
+  // overlay & mask
+  @include set-component-css-var('overlay-color', $overlay-color);
+  @include set-component-css-var('mask-color', $mask-color);
+
+  // Border
+  @include set-css-var-value('border-width', $border-width);
+  @include set-css-var-value('border-style', $border-style);
+  @include set-css-var-value('border-color-hover', $border-color-hover);
+  @include set-css-var-value(
+    'border',
+    getCssVar('border-width') getCssVar('border-style')
+      getCssVar('border-color')
+  );
+
+  // Svg
+  @include css-var-from-global('svg-monochrome-grey', 'border-color');
+}

package/src/css/elementUI/virtual-list.scss

@@ -1,40 +1,40 @@
-@use 'mixins/mixins' as *;
-@use 'common/var' as *;
-
-@mixin showScrollbar {
-  @include b(virtual-scrollbar) {
-    opacity: 1;
-  }
-}
-
-@include b(vl) {
-  @include e(wrapper) {
-    position: relative;
-    &:hover {
-      @include showScrollbar();
-    }
-    &.always-on {
-      @include showScrollbar();
-    }
-  }
-}
-
-.#{$namespace}-vl__window {
-  scrollbar-width: none;
-  &::-webkit-scrollbar {
-    display: none;
-  }
-}
-@include b(virtual-scrollbar) {
-  opacity: 0;
-  transition: opacity 340ms ease-out;
-  &.always-on {
-    opacity: 1;
-  }
-}
-
-@include b(vg) {
-  @include e(wrapper) {
-    position: relative;
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'common/var' as *;
+
+@mixin showScrollbar {
+  @include b(virtual-scrollbar) {
+    opacity: 1;
+  }
+}
+
+@include b(vl) {
+  @include e(wrapper) {
+    position: relative;
+    &:hover {
+      @include showScrollbar();
+    }
+    &.always-on {
+      @include showScrollbar();
+    }
+  }
+}
+
+.#{$namespace}-vl__window {
+  scrollbar-width: none;
+  &::-webkit-scrollbar {
+    display: none;
+  }
+}
+@include b(virtual-scrollbar) {
+  opacity: 0;
+  transition: opacity 340ms ease-out;
+  &.always-on {
+    opacity: 1;
+  }
+}
+
+@include b(vg) {
+  @include e(wrapper) {
+    position: relative;
+  }
+}

package/src/css/vxeTableUI/all.scss

@@ -1,9 +1,9 @@
-@use './base.scss';
-
-@use './components/column.scss';
-@use './components/colgroup.scss';
-@use './components/table.scss';
-@use './components/grid.scss';
-@use './components/toolbar.scss';
-@use './components/icon.scss';
-@use './components/iconTable.scss';
+@use './base.scss';
+
+@use './components/column.scss';
+@use './components/colgroup.scss';
+@use './components/table.scss';
+@use './components/grid.scss';
+@use './components/toolbar.scss';
+@use './components/icon.scss';
+@use './components/iconTable.scss';

package/src/css/vxeTableUI/base.scss

@@ -1,16 +1,16 @@
-@use './theme/light.scss';
-@use './theme/dark.scss';
-
-%boxSizing {
-  box-sizing: border-box;
-}
-
-[class*="vxe-"] {
-  font-variant: tabular-nums;
-  font-feature-settings: 'tnum';
-  @extend %boxSizing;
-  &:after, &:before,
-  *:after, *:before {
-    @extend %boxSizing;
-  }
-}
+@use './theme/light.scss';
+@use './theme/dark.scss';
+
+%boxSizing {
+  box-sizing: border-box;
+}
+
+[class*="vxe-"] {
+  font-variant: tabular-nums;
+  font-feature-settings: 'tnum';
+  @extend %boxSizing;
+  &:after, &:before,
+  *:after, *:before {
+    @extend %boxSizing;
+  }
+}

package/src/css/vxeTableUI/components/grid.scss

@@ -1,83 +1,83 @@
-.vxe-grid {
-  position: relative;
-  overflow: auto;
-  display: flex;
-  flex-direction: column;
-  &.is--loading {
-    &:before {
-      content: "";
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
-      z-index: 99;
-      user-select: none;
-      background-color: var(--vxe-ui-loading-background-color);
-    }
-    & > .vxe-table {
-      .vxe-loading {
-        background-color: transparent;
-      }
-    }
-  }
-  &.is--maximize {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    padding: 0.5em 1em;
-    background-color: var(--vxe-ui-layout-background-color);
-  }
-  .vxe-grid--form-wrapper,
-  .vxe-grid--top-wrapper,
-  .vxe-grid--bottom-wrapper  {
-    position: relative;
-  }
-  .vxe-grid--table-container {
-    display: flex;
-    flex-direction: row;
-  }
-  .vxe-grid--left-wrapper,
-  .vxe-grid--right-wrapper {
-    flex-shrink: 0;
-    overflow: auto;
-    outline: 0;
-  }
-  .vxe-grid--table-wrapper {
-    flex-grow: 1;
-    overflow: hidden;
-  }
-}
-
-.vxe-grid--layout-body-wrapper {
-  display: flex;
-  flex-direction: row;
-  overflow: auto;
-  flex-grow: 1;
-}
-.vxe-grid--layout-body-content-wrapper {
-  flex-grow: 1;
-  overflow: auto;
-}
-.vxe-grid--layout-header-wrapper,
-.vxe-grid--layout-footer-wrapper,
-.vxe-grid--layout-aside-left-wrapper,
-.vxe-grid--layout-aside-left-wrapper {
-  flex-shrink: 0;
-  overflow: auto;
-}
-
-.vxe-grid {
-  font-size: var(--vxe-ui-font-size-default);
-  &.size--medium {
-    font-size: var(--vxe-ui-font-size-medium);
-  }
-  &.size--small {
-    font-size: var(--vxe-ui-font-size-small);
-  }
-  &.size--mini {
-    font-size: var(--vxe-ui-font-size-mini);
-  }
-}
+.vxe-grid {
+  position: relative;
+  overflow: auto;
+  display: flex;
+  flex-direction: column;
+  &.is--loading {
+    &:before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      z-index: 99;
+      user-select: none;
+      background-color: var(--vxe-ui-loading-background-color);
+    }
+    & > .vxe-table {
+      .vxe-loading {
+        background-color: transparent;
+      }
+    }
+  }
+  &.is--maximize {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    padding: 0.5em 1em;
+    background-color: var(--vxe-ui-layout-background-color);
+  }
+  .vxe-grid--form-wrapper,
+  .vxe-grid--top-wrapper,
+  .vxe-grid--bottom-wrapper  {
+    position: relative;
+  }
+  .vxe-grid--table-container {
+    display: flex;
+    flex-direction: row;
+  }
+  .vxe-grid--left-wrapper,
+  .vxe-grid--right-wrapper {
+    flex-shrink: 0;
+    overflow: auto;
+    outline: 0;
+  }
+  .vxe-grid--table-wrapper {
+    flex-grow: 1;
+    overflow: hidden;
+  }
+}
+
+.vxe-grid--layout-body-wrapper {
+  display: flex;
+  flex-direction: row;
+  overflow: auto;
+  flex-grow: 1;
+}
+.vxe-grid--layout-body-content-wrapper {
+  flex-grow: 1;
+  overflow: auto;
+}
+.vxe-grid--layout-header-wrapper,
+.vxe-grid--layout-footer-wrapper,
+.vxe-grid--layout-aside-left-wrapper,
+.vxe-grid--layout-aside-left-wrapper {
+  flex-shrink: 0;
+  overflow: auto;
+}
+
+.vxe-grid {
+  font-size: var(--vxe-ui-font-size-default);
+  &.size--medium {
+    font-size: var(--vxe-ui-font-size-medium);
+  }
+  &.size--small {
+    font-size: var(--vxe-ui-font-size-small);
+  }
+  &.size--mini {
+    font-size: var(--vxe-ui-font-size-mini);
+  }
+}