@wlydfe/pro-ui 0.2.17 → 0.2.19

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;
+  }
+}

package/theme-chalk/src/steps-form.scss

@@ -1,18 +1,18 @@
-@use 'mixins/mixins' as *;
-
-@include b(steps-form) {
-  @include elb(steps) {
-    margin-bottom: 20px;
-  }
-}
-
-@include b(steps-form-vertical) {
-  display: flex;
-  @include elb(steps--vertical) {
-    margin-right: 20px;
-  }
-
-  @include b(form) {
-    flex: 1;
-  }
-}
+@use 'mixins/mixins' as *;
+
+@include b(steps-form) {
+  @include elb(steps) {
+    margin-bottom: 20px;
+  }
+}
+
+@include b(steps-form-vertical) {
+  display: flex;
+  @include elb(steps--vertical) {
+    margin-right: 20px;
+  }
+
+  @include b(form) {
+    flex: 1;
+  }
+}

package/theme-chalk/src/table.scss

@@ -1,170 +1,170 @@
-@use 'mixins/config' as *;
-@use 'mixins/mixins' as *;
-@use 'mixins/function' as *;
-
-@include b(table) {
-  /* 自定义列栏 */
-  @include b(table-column) {
-    @include e(header) {
-      @include e(header__icon) {
-        margin-top: -2px;
-        margin-left: 2px;
-        vertical-align: middle;
-      }
-    }
-  }
-
-  /* 操作栏 */
-  @include b(table-action-bar) {
-    &.is-center {
-      .cell {
-        justify-content: center;
-      }
-    }
-    &.is-right {
-      .cell {
-        justify-content: flex-end;
-      }
-    }
-
-    &.#{$el-namespace + -table-fixed-column--right} {
-      background-color: getCssVar('bg-color');
-    }
-
-    .cell {
-      display: flex;
-      align-items: center;
-    }
-
-    @include e(dropdown__link) {
-      display: inline-flex;
-      cursor: pointer;
-      user-select: none;
-    }
-    @include e(more-text) {
-      margin-right: 2px;
-    }
-    @include e(column__link) {
-      margin-right: 10px;
-    }
-    @include e(dropdown) {
-      vertical-align: baseline;
-      cursor: pointer;
-      margin-left: 12px;
-    }
-    @include elb(link) {
-      & + .#{$el-namespace + -link} {
-        margin-left: 12px;
-      }
-    }
-    @include elb(icon) {
-      cursor: pointer;
-
-      & + .#{$el-namespace + -icon} {
-        margin-left: 12px;
-      }
-    }
-  }
-
-  /* 排序 */
-  @include b(table-column-drag-sort) {
-    @include b(table-column-drag-icon) {
-      cursor: move;
-      padding: 4px;
-      box-sizing: border-box;
-      font-size: 18px;
-    }
-  }
-
-  /* 序号栏 */
-  @include b(table-column-index) {
-    @include b(table-index-column) {
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      word-break: keep-all;
-      white-space: nowrap;
-      width: 20px;
-      height: 20px;
-    }
-
-    .cell {
-      @include b(table-column-index__content) {
-        align-items: center;
-        display: flex;
-        justify-content: center;
-        overflow: hidden;
-      }
-    }
-  }
-
-  /*工具栏*/
-  @include b(table-title-bar) {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 10px;
-  }
-
-  @include e(toolbar) {
-    display: flex;
-    align-items: center;
-  }
-
-  @include elb(popper) {
-    max-width: 200px;
-  }
-}
-
-/* 密度设置 */
-@include b(table-title-bar__toolbar__density) {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  @include elb(button) {
-    margin-top: 10px;
-    width: 80px;
-
-    & + .#{$el-namespace + -button} {
-      margin-left: 0;
-    }
-  }
-}
-
-@include b(table-title-bar__toolbar__icon) {
-  margin-left: 10px;
-  vertical-align: middle;
-  cursor: pointer;
-  color: getCssVar('text-color-regular');
-}
-/* 列设置 */
-@include b(table-title-bar__toolbar__checkbox__item) {
-  margin-left: 6px;
-}
-/* 列设置 拖拽 item */
-@include b(table-checkbox-item) {
-  display: flex;
-  align-items: center;
-  margin-left: 20px;
-}
-/* 列设置 拖拽handle  */
-@include b(table-checkbox-handle) {
-  font-size: 18px;
-  cursor: move;
-}
-
-@include b(table-ghost-class) {
-  padding: 0 5px;
-  border: 1px dashed getCssVar('color-primary');
-  background-color: #fff;
-}
-
-@include b(table-column__edit) {
-  cursor: pointer;
-}
-
-@include b(table-checkbox-checkAll) {
-  display: flex;
-  justify-content: space-between;
-}
+@use 'mixins/config' as *;
+@use 'mixins/mixins' as *;
+@use 'mixins/function' as *;
+
+@include b(table) {
+  /* 自定义列栏 */
+  @include b(table-column) {
+    @include e(header) {
+      @include e(header__icon) {
+        margin-top: -2px;
+        margin-left: 2px;
+        vertical-align: middle;
+      }
+    }
+  }
+
+  /* 操作栏 */
+  @include b(table-action-bar) {
+    &.is-center {
+      .cell {
+        justify-content: center;
+      }
+    }
+    &.is-right {
+      .cell {
+        justify-content: flex-end;
+      }
+    }
+
+    &.#{$el-namespace + -table-fixed-column--right} {
+      background-color: getCssVar('bg-color');
+    }
+
+    .cell {
+      display: flex;
+      align-items: center;
+    }
+
+    @include e(dropdown__link) {
+      display: inline-flex;
+      cursor: pointer;
+      user-select: none;
+    }
+    @include e(more-text) {
+      margin-right: 2px;
+    }
+    @include e(column__link) {
+      margin-right: 10px;
+    }
+    @include e(dropdown) {
+      vertical-align: baseline;
+      cursor: pointer;
+      margin-left: 12px;
+    }
+    @include elb(link) {
+      & + .#{$el-namespace + -link} {
+        margin-left: 12px;
+      }
+    }
+    @include elb(icon) {
+      cursor: pointer;
+
+      & + .#{$el-namespace + -icon} {
+        margin-left: 12px;
+      }
+    }
+  }
+
+  /* 排序 */
+  @include b(table-column-drag-sort) {
+    @include b(table-column-drag-icon) {
+      cursor: move;
+      padding: 4px;
+      box-sizing: border-box;
+      font-size: 18px;
+    }
+  }
+
+  /* 序号栏 */
+  @include b(table-column-index) {
+    @include b(table-index-column) {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      word-break: keep-all;
+      white-space: nowrap;
+      width: 20px;
+      height: 20px;
+    }
+
+    .cell {
+      @include b(table-column-index__content) {
+        align-items: center;
+        display: flex;
+        justify-content: center;
+        overflow: hidden;
+      }
+    }
+  }
+
+  /*工具栏*/
+  @include b(table-title-bar) {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 10px;
+  }
+
+  @include e(toolbar) {
+    display: flex;
+    align-items: center;
+  }
+
+  @include elb(popper) {
+    max-width: 200px;
+  }
+}
+
+/* 密度设置 */
+@include b(table-title-bar__toolbar__density) {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+
+  @include elb(button) {
+    margin-top: 10px;
+    width: 80px;
+
+    & + .#{$el-namespace + -button} {
+      margin-left: 0;
+    }
+  }
+}
+
+@include b(table-title-bar__toolbar__icon) {
+  margin-left: 10px;
+  vertical-align: middle;
+  cursor: pointer;
+  color: getCssVar('text-color-regular');
+}
+/* 列设置 */
+@include b(table-title-bar__toolbar__checkbox__item) {
+  margin-left: 6px;
+}
+/* 列设置 拖拽 item */
+@include b(table-checkbox-item) {
+  display: flex;
+  align-items: center;
+  margin-left: 20px;
+}
+/* 列设置 拖拽handle  */
+@include b(table-checkbox-handle) {
+  font-size: 18px;
+  cursor: move;
+}
+
+@include b(table-ghost-class) {
+  padding: 0 5px;
+  border: 1px dashed getCssVar('color-primary');
+  background-color: #fff;
+}
+
+@include b(table-column__edit) {
+  cursor: pointer;
+}
+
+@include b(table-checkbox-checkAll) {
+  display: flex;
+  justify-content: space-between;
+}

package/theme-chalk/src/var/index.scss

@@ -1,6 +1,6 @@
-:root {
-  --plus-header-height: 60px;
-  --plus-sidebar-collapse-height: 60px;
-  --plus-sidebar-width: 200px;
-  --plus-sidebar-min-width: 64px;
-}
+:root {
+  --plus-header-height: 60px;
+  --plus-sidebar-collapse-height: 60px;
+  --plus-sidebar-width: 200px;
+  --plus-sidebar-min-width: 64px;
+}