@wlydfe/pro-ui 0.2.14 → 0.2.15

package/theme-chalk/src/input-tag.scss

@@ -1,91 +1,91 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/function' as *;
-@use 'mixins/config' as *;
-
-@include b(input-tag) {
-  width: fit-content;
-  max-width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  background-color: getCssVar('fill-color-blank');
-  box-sizing: border-box;
-  border-radius: getCssVar('border-radius-base');
-  border: 1px solid getCssVar('border-color');
-  padding: 1px 2px;
-
-  &:hover {
-    border-color: getCssVar('border-color-hover');
-  }
-  &.is-focus {
-    border-color: getCssVar('color-primary');
-  }
-
-  &.is-disabled {
-    background-color: getCssVar('disabled-bg-color');
-    cursor: not-allowed;
-
-    &:hover {
-      border-color: getCssVar('border-color');
-    }
-
-    .#{$el-namespace + -tag__close} {
-      cursor: not-allowed;
-
-      &:hover {
-        background-color: transparent;
-        color: getCssVar('tag-hover-color');
-      }
-    }
-  }
-
-  @include e(tag) {
-    margin-right: 4px;
-    margin-top: 1px;
-    margin-bottom: 1px;
-  }
-
-  @include e(input) {
-    flex: 1;
-    min-width: 85px;
-    box-sizing: border-box;
-    padding: 0;
-
-    @include elb(input__wrapper) {
-      box-sizing: border-box;
-      box-shadow: none;
-      padding: 0 4px;
-    }
-    @include elb(input__inner) {
-      line-height: 24px;
-      height: 24px;
-    }
-  }
-
-  @include elb(input) {
-    &.is-disabled {
-      @include elb(input__wrapper) {
-        box-shadow: none;
-      }
-    }
-  }
-}
-
-@include elb(form-item) {
-  &.is-error {
-    .#{$plus-namespace + -input-tag} {
-      border-color: getCssVar('color-danger');
-
-      .#{$el-namespace + -input__wrapper } {
-        box-shadow: none;
-
-        &.is-focus {
-          box-shadow: none !important;
-        }
-        &:hover {
-          box-shadow: none;
-        }
-      }
-    }
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/function' as *;
+@use 'mixins/config' as *;
+
+@include b(input-tag) {
+  width: fit-content;
+  max-width: 100%;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  background-color: getCssVar('fill-color-blank');
+  box-sizing: border-box;
+  border-radius: getCssVar('border-radius-base');
+  border: 1px solid getCssVar('border-color');
+  padding: 1px 2px;
+
+  &:hover {
+    border-color: getCssVar('border-color-hover');
+  }
+  &.is-focus {
+    border-color: getCssVar('color-primary');
+  }
+
+  &.is-disabled {
+    background-color: getCssVar('disabled-bg-color');
+    cursor: not-allowed;
+
+    &:hover {
+      border-color: getCssVar('border-color');
+    }
+
+    .#{$el-namespace + -tag__close} {
+      cursor: not-allowed;
+
+      &:hover {
+        background-color: transparent;
+        color: getCssVar('tag-hover-color');
+      }
+    }
+  }
+
+  @include e(tag) {
+    margin-right: 4px;
+    margin-top: 1px;
+    margin-bottom: 1px;
+  }
+
+  @include e(input) {
+    flex: 1;
+    min-width: 85px;
+    box-sizing: border-box;
+    padding: 0;
+
+    @include elb(input__wrapper) {
+      box-sizing: border-box;
+      box-shadow: none;
+      padding: 0 4px;
+    }
+    @include elb(input__inner) {
+      line-height: 24px;
+      height: 24px;
+    }
+  }
+
+  @include elb(input) {
+    &.is-disabled {
+      @include elb(input__wrapper) {
+        box-shadow: none;
+      }
+    }
+  }
+}
+
+@include elb(form-item) {
+  &.is-error {
+    .#{$plus-namespace + -input-tag} {
+      border-color: getCssVar('color-danger');
+
+      .#{$el-namespace + -input__wrapper } {
+        box-shadow: none;
+
+        &.is-focus {
+          box-shadow: none !important;
+        }
+        &:hover {
+          box-shadow: none;
+        }
+      }
+    }
+  }
+}

package/theme-chalk/src/layout.scss

@@ -1,36 +1,36 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/config' as *;
-@use 'mixins/function' as *;
-@use 'var/index';
-
-$layout-height: calc(100vh - var(--plus-header-height));
-
-@include b(layout) {
-  height: 100vh;
-  overflow: hidden;
-
-  &.#{$el-namespace + -container} {
-    flex-direction: column;
-  }
-
-  .#{$plus-namespace + -sidebar} {
-    height: $layout-height;
-    min-width: var(--plus-sidebar-min-width);
-  }
-
-  .#{$plus-namespace + -layout-main} {
-    height: $layout-height;
-    flex: 1;
-    width: calc(100% - var(--plus-sidebar-width));
-  }
-
-  &.collapse {
-    .#{$plus-namespace + -layout-main} {
-      width: calc(100% - var(--plus-sidebar-min-width));
-    }
-  }
-
-  .#{$plus-namespace + -layout-content} {
-    padding: 0;
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/config' as *;
+@use 'mixins/function' as *;
+@use 'var/index';
+
+$layout-height: calc(100vh - var(--plus-header-height));
+
+@include b(layout) {
+  height: 100vh;
+  overflow: hidden;
+
+  &.#{$el-namespace + -container} {
+    flex-direction: column;
+  }
+
+  .#{$plus-namespace + -sidebar} {
+    height: $layout-height;
+    min-width: var(--plus-sidebar-min-width);
+  }
+
+  .#{$plus-namespace + -layout-main} {
+    height: $layout-height;
+    flex: 1;
+    width: calc(100% - var(--plus-sidebar-width));
+  }
+
+  &.collapse {
+    .#{$plus-namespace + -layout-main} {
+      width: calc(100% - var(--plus-sidebar-min-width));
+    }
+  }
+
+  .#{$plus-namespace + -layout-content} {
+    padding: 0;
+  }
+}

package/theme-chalk/src/mixins/function.scss

@@ -1,73 +1,73 @@
-//  fork from element-plus  and rewrite
-@use 'sass:meta';
-@use 'sass:string';
-
-@use './config' as config;
-
-// BEM support Func
-@function selectorToString($selector) {
-  $selector: meta.inspect($selector);
-  $selector: string.slice($selector, 2, -2);
-  @return $selector;
-}
-
-@function containsModifier($selector) {
-  $selector: selectorToString($selector);
-
-  @if string.index($selector, config.$plus-modifier-separator) {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function containWhenFlag($selector) {
-  $selector: selectorToString($selector);
-
-  @if string.index($selector, '.' + config.$plus-state-prefix) {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function containPseudoClass($selector) {
-  $selector: selectorToString($selector);
-
-  @if string.index($selector, ':') {
-    @return true;
-  } @else {
-    @return false;
-  }
-}
-
-@function hitAllSpecialNestRule($selector) {
-  @return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);
-}
-
-// join var name
-// joinVarName(('button', 'text-color')) => '--el-button-text-color'
-@function joinVarName($list) {
-  $name: '--' + config.$el-namespace;
-  @each $item in $list {
-    @if $item != '' {
-      $name: $name + '-' + $item;
-    }
-  }
-  @return $name;
-}
-
-// getCssVarName('button', 'text-color') => '--el-button-text-color'
-@function getCssVarName($args...) {
-  @return joinVarName($args);
-}
-
-// getCssVar('button', 'text-color') => var(--el-button-text-color)
-@function getCssVar($args...) {
-  @return var(#{joinVarName($args)});
-}
-
-// getCssVarWithDefault(('button', 'text-color'), red) => var(--el-button-text-color, red)
-@function getCssVarWithDefault($args, $default) {
-  @return var(#{joinVarName($args)}, #{$default});
-}
+//  fork from element-plus  and rewrite
+@use 'sass:meta';
+@use 'sass:string';
+
+@use './config' as config;
+
+// BEM support Func
+@function selectorToString($selector) {
+  $selector: meta.inspect($selector);
+  $selector: string.slice($selector, 2, -2);
+  @return $selector;
+}
+
+@function containsModifier($selector) {
+  $selector: selectorToString($selector);
+
+  @if string.index($selector, config.$plus-modifier-separator) {
+    @return true;
+  } @else {
+    @return false;
+  }
+}
+
+@function containWhenFlag($selector) {
+  $selector: selectorToString($selector);
+
+  @if string.index($selector, '.' + config.$plus-state-prefix) {
+    @return true;
+  } @else {
+    @return false;
+  }
+}
+
+@function containPseudoClass($selector) {
+  $selector: selectorToString($selector);
+
+  @if string.index($selector, ':') {
+    @return true;
+  } @else {
+    @return false;
+  }
+}
+
+@function hitAllSpecialNestRule($selector) {
+  @return containsModifier($selector) or containWhenFlag($selector) or containPseudoClass($selector);
+}
+
+// join var name
+// joinVarName(('button', 'text-color')) => '--el-button-text-color'
+@function joinVarName($list) {
+  $name: '--' + config.$el-namespace;
+  @each $item in $list {
+    @if $item != '' {
+      $name: $name + '-' + $item;
+    }
+  }
+  @return $name;
+}
+
+// getCssVarName('button', 'text-color') => '--el-button-text-color'
+@function getCssVarName($args...) {
+  @return joinVarName($args);
+}
+
+// getCssVar('button', 'text-color') => var(--el-button-text-color)
+@function getCssVar($args...) {
+  @return var(#{joinVarName($args)});
+}
+
+// getCssVarWithDefault(('button', 'text-color'), red) => var(--el-button-text-color, red)
+@function getCssVarWithDefault($args, $default) {
+  @return var(#{joinVarName($args)}, #{$default});
+}

package/theme-chalk/src/search.scss

@@ -1,49 +1,49 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/config' as *;
-
-@include b(search) {
-  .#{$plus-namespace + -form__row} {
-    row-gap: 18px;
-    width: 100%;
-  }
-
-  &.#{$el-namespace + -form--inline} {
-    .#{$el-namespace + -form-item} {
-      margin-right: 0;
-      margin-bottom: 0;
-    }
-  }
-  &.#{$el-namespace + -form--label-top} {
-    .#{$plus-namespace + -search__button__wrapper} {
-      .#{$el-namespace + -form-item__label} {
-        visibility: hidden;
-        opacity: 0;
-      }
-      .#{$el-namespace + -form-item__content} {
-        justify-content: flex-end;
-      }
-    }
-  }
-
-  @include e(unfold) {
-    margin-left: 12px;
-  }
-
-  @include e(button__wrapper) {
-    flex: auto;
-    max-width: 100%;
-    margin-bottom: 0;
-    display: flex;
-    align-items: flex-start;
-    justify-content: flex-end;
-
-    &.#{$el-namespace + -form-item} {
-      margin-right: 10px;
-    }
-
-    @include elb(form-item__content) {
-      flex-wrap: nowrap;
-      flex: none;
-    }
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/config' as *;
+
+@include b(search) {
+  .#{$plus-namespace + -form__row} {
+    row-gap: 18px;
+    width: 100%;
+  }
+
+  &.#{$el-namespace + -form--inline} {
+    .#{$el-namespace + -form-item} {
+      margin-right: 0;
+      margin-bottom: 0;
+    }
+  }
+  &.#{$el-namespace + -form--label-top} {
+    .#{$plus-namespace + -search__button__wrapper} {
+      .#{$el-namespace + -form-item__label} {
+        visibility: hidden;
+        opacity: 0;
+      }
+      .#{$el-namespace + -form-item__content} {
+        justify-content: flex-end;
+      }
+    }
+  }
+
+  @include e(unfold) {
+    margin-left: 12px;
+  }
+
+  @include e(button__wrapper) {
+    flex: auto;
+    max-width: 100%;
+    margin-bottom: 0;
+    display: flex;
+    align-items: flex-start;
+    justify-content: flex-end;
+
+    &.#{$el-namespace + -form-item} {
+      margin-right: 10px;
+    }
+
+    @include elb(form-item__content) {
+      flex-wrap: nowrap;
+      flex: none;
+    }
+  }
+}

package/theme-chalk/src/sidebar.scss

@@ -1,93 +1,93 @@
-@use 'mixins/mixins' as *;
-@use 'mixins/function' as *;
-@use 'mixins/config' as *;
-@use 'var/index';
-
-@include b(sidebar) {
-  height: 100%;
-
-  &.is-vertical {
-    min-height: 400px;
-
-    &:not(.#{$el-namespace + -menu--collapse}) {
-      width: var(--plus-sidebar-width);
-      flex-shrink: 0;
-    }
-
-    &.#{$el-namespace + -menu--collapse} {
-      .#{$el-namespace + -menu-item} {
-        width: calc(var(--plus-sidebar-min-width) - 2px);
-      }
-    }
-
-    .#{$el-namespace + -scrollbar__wrap} {
-      overflow-x: hidden;
-    }
-
-    &.#{$el-namespace + -menu--collapse} {
-      .#{$plus-namespace + -sidebar__item-title} {
-        height: 0;
-        width: 0;
-        overflow: hidden;
-        visibility: hidden;
-        display: inline-block;
-      }
-      .#{$el-namespace + -sub-menu__icon-arrow} {
-        display: none;
-      }
-    }
-
-    .#{$el-namespace + -scrollbar} {
-      height: calc(100% - var(--plus-sidebar-collapse-height));
-    }
-
-    .#{$plus-namespace + -sidebar__collapse} {
-      width: calc(var(--plus-sidebar-width) - 2px);
-      background-color: getCssVar('menu-bg-color');
-      height: var(--plus-sidebar-collapse-height);
-      box-sizing: border-box;
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      align-items: flex-start;
-
-      &.is-collapse {
-        width: calc(var(--plus-sidebar-min-width) - 2px);
-      }
-
-      &.is-active {
-        background-color: getCssVar('menu-bg-color');
-      }
-
-      [class*='-icon'] {
-        margin-top: 10px;
-        font-size: 20px;
-        user-select: none;
-        cursor: pointer;
-      }
-    }
-  }
-
-  &.is-horizontal {
-    width: 100%;
-
-    .#{$el-namespace + -scrollbar} {
-      width: 100%;
-    }
-
-    .#{$el-namespace + -scrollbar__wrap} {
-      width: 100%;
-    }
-
-    .#{$el-namespace + -scrollbar__view} {
-      width: 100%;
-      height: 100%;
-      display: flex;
-      flex-wrap: nowrap;
-    }
-  }
-
-  @include e(item-title) {
-    user-select: none;
-  }
-}
+@use 'mixins/mixins' as *;
+@use 'mixins/function' as *;
+@use 'mixins/config' as *;
+@use 'var/index';
+
+@include b(sidebar) {
+  height: 100%;
+
+  &.is-vertical {
+    min-height: 400px;
+
+    &:not(.#{$el-namespace + -menu--collapse}) {
+      width: var(--plus-sidebar-width);
+      flex-shrink: 0;
+    }
+
+    &.#{$el-namespace + -menu--collapse} {
+      .#{$el-namespace + -menu-item} {
+        width: calc(var(--plus-sidebar-min-width) - 2px);
+      }
+    }
+
+    .#{$el-namespace + -scrollbar__wrap} {
+      overflow-x: hidden;
+    }
+
+    &.#{$el-namespace + -menu--collapse} {
+      .#{$plus-namespace + -sidebar__item-title} {
+        height: 0;
+        width: 0;
+        overflow: hidden;
+        visibility: hidden;
+        display: inline-block;
+      }
+      .#{$el-namespace + -sub-menu__icon-arrow} {
+        display: none;
+      }
+    }
+
+    .#{$el-namespace + -scrollbar} {
+      height: calc(100% - var(--plus-sidebar-collapse-height));
+    }
+
+    .#{$plus-namespace + -sidebar__collapse} {
+      width: calc(var(--plus-sidebar-width) - 2px);
+      background-color: getCssVar('menu-bg-color');
+      height: var(--plus-sidebar-collapse-height);
+      box-sizing: border-box;
+      position: absolute;
+      left: 0;
+      bottom: 0;
+      align-items: flex-start;
+
+      &.is-collapse {
+        width: calc(var(--plus-sidebar-min-width) - 2px);
+      }
+
+      &.is-active {
+        background-color: getCssVar('menu-bg-color');
+      }
+
+      [class*='-icon'] {
+        margin-top: 10px;
+        font-size: 20px;
+        user-select: none;
+        cursor: pointer;
+      }
+    }
+  }
+
+  &.is-horizontal {
+    width: 100%;
+
+    .#{$el-namespace + -scrollbar} {
+      width: 100%;
+    }
+
+    .#{$el-namespace + -scrollbar__wrap} {
+      width: 100%;
+    }
+
+    .#{$el-namespace + -scrollbar__view} {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-wrap: nowrap;
+    }
+  }
+
+  @include e(item-title) {
+    user-select: none;
+  }
+}