vxe-table 4.18.7 → 4.18.9

package/styles/components/table-module/export.scss

@@ -1,130 +1,130 @@
-@use '../../helpers/baseMixin.scss';
-
-.vxe-table-export--panel-column > ul {
-  list-style-type: none;
-  overflow: auto;
-  margin: 0;
-  padding: 0;
-  outline: 0;
-  user-select: none;
-  & > li {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    cursor: pointer;
-  }
-}
-
-.vxe-table-export--panel {
-  .vxe-table-export--panel-table {
-    width: 100%;
-    border: 0;
-    table-layout: fixed;
-    tr {
-      td {
-        padding: 0 10px;
-        &:nth-child(1) {
-          text-align: right;
-          width: 30%;
-          font-weight: 700;
-          padding: 8px 10px;
-        }
-        &:nth-child(2) {
-          width: 70%;
-        }
-        & > .vxe-input,
-        & > .vxe-select {
-          width: 80%;
-        }
-        & > .vxe-table-export--panel-option-row {
-          padding: 0.25em 0;
-        }
-      }
-    }
-  }
-  .vxe-table-export--panel-column {
-    width: 80%;
-    border: 1px solid var(--vxe-ui-input-border-color);
-    margin: 3px 0;
-    border-radius: var(--vxe-ui-border-radius);
-    user-select: none;
-    & > ul {
-      & > li {
-        padding: 0.2em 1em 0.2em 1em;
-        @for $i from 2 through 8 {
-          $interval: $i - 1 + 0.2;
-          &.level--#{$i}{
-            padding-left: #{$interval + 2.3}em;
-            .vxe-checkbox--icon {
-              left: #{$interval + 0.6}em;
-            }
-          }
-        }
-      }
-    }
-    .vxe-table-export--panel-column-header {
-      padding: 0.1em 0;
-      background-color: var(--vxe-ui-table-header-background-color);
-      font-weight: 700;
-      border-bottom: 1px solid var(--vxe-ui-table-border-color);
-    }
-    .vxe-table-export--panel-column-body {
-      padding: 0.2em 0;
-      min-height: 10em;
-      max-height: 17.6em;
-    }
-  }
-  .vxe-table-export--panel-btns {
-    text-align: right;
-    padding: 0.8em 0.25em 0.25em 0.25em;
-  }
-}
-
-.vxe-table-export--panel {
-  .vxe-table-export--selected--file {
-    padding-right: 40px;
-    position: relative;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    user-select: none;
-    & > i {
-      display: none;
-      position: absolute;
-      top: 50%;
-      right: 15px;
-      transform: translateY(-50%);
-      font-size: 16px;
-      cursor: pointer;
-    }
-    &:hover {
-      color: var(--vxe-ui-font-primary-color);
-      & > i {
-        display: block;
-      }
-    }
-  }
-  .vxe-table-export--select--file {
-    width: 80%;
-    border: 1px dashed var(--vxe-ui-input-border-color);
-    padding: 6px 34px;
-    outline: 0;
-    border-radius: var(--vxe-ui-border-radius);
-    background-color: var(--vxe-ui-layout-background-color);
-    color: inherit;
-    user-select: none;
-    cursor: pointer;
-    &:focus {
-      border-color: var(--vxe-ui-font-primary-color);
-      box-shadow: 0 0 0.25em 0 var(--vxe-ui-font-primary-color);
-    }
-    &:hover {
-      color: var(--vxe-ui-font-primary-color);
-      border-color: var(--vxe-ui-font-primary-color);
-    }
-  }
-}
-
-.vxe-table-export--panel-column-option {
-  @include baseMixin.createCheckboxIcon();
-}
+@use '../../helpers/baseMixin.scss';
+
+.vxe-table-export--panel-column > ul {
+  list-style-type: none;
+  overflow: auto;
+  margin: 0;
+  padding: 0;
+  outline: 0;
+  user-select: none;
+  & > li {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    cursor: pointer;
+  }
+}
+
+.vxe-table-export--panel {
+  .vxe-table-export--panel-table {
+    width: 100%;
+    border: 0;
+    table-layout: fixed;
+    tr {
+      td {
+        padding: 0 10px;
+        &:nth-child(1) {
+          text-align: right;
+          width: 30%;
+          font-weight: 700;
+          padding: 8px 10px;
+        }
+        &:nth-child(2) {
+          width: 70%;
+        }
+        & > .vxe-input,
+        & > .vxe-select {
+          width: 80%;
+        }
+        & > .vxe-table-export--panel-option-row {
+          padding: 0.25em 0;
+        }
+      }
+    }
+  }
+  .vxe-table-export--panel-column {
+    width: 80%;
+    border: 1px solid var(--vxe-ui-input-border-color);
+    margin: 3px 0;
+    border-radius: var(--vxe-ui-border-radius);
+    user-select: none;
+    & > ul {
+      & > li {
+        padding: 0.2em 1em 0.2em 1em;
+        @for $i from 2 through 8 {
+          $interval: $i - 1 + 0.2;
+          &.level--#{$i}{
+            padding-left: #{$interval + 2.3}em;
+            .vxe-checkbox--icon {
+              left: #{$interval + 0.6}em;
+            }
+          }
+        }
+      }
+    }
+    .vxe-table-export--panel-column-header {
+      padding: 0.1em 0;
+      background-color: var(--vxe-ui-table-header-background-color);
+      font-weight: 700;
+      border-bottom: 1px solid var(--vxe-ui-table-border-color);
+    }
+    .vxe-table-export--panel-column-body {
+      padding: 0.2em 0;
+      min-height: 10em;
+      max-height: 17.6em;
+    }
+  }
+  .vxe-table-export--panel-btns {
+    text-align: right;
+    padding: 0.8em 0.25em 0.25em 0.25em;
+  }
+}
+
+.vxe-table-export--panel {
+  .vxe-table-export--selected--file {
+    padding-right: 40px;
+    position: relative;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    user-select: none;
+    & > i {
+      display: none;
+      position: absolute;
+      top: 50%;
+      right: 15px;
+      transform: translateY(-50%);
+      font-size: 16px;
+      cursor: pointer;
+    }
+    &:hover {
+      color: var(--vxe-ui-font-primary-color);
+      & > i {
+        display: block;
+      }
+    }
+  }
+  .vxe-table-export--select--file {
+    width: 80%;
+    border: 1px dashed var(--vxe-ui-input-border-color);
+    padding: 6px 34px;
+    outline: 0;
+    border-radius: var(--vxe-ui-border-radius);
+    background-color: var(--vxe-ui-layout-background-color);
+    color: inherit;
+    user-select: none;
+    cursor: pointer;
+    &:focus {
+      border-color: var(--vxe-ui-font-primary-color);
+      box-shadow: 0 0 0.25em 0 var(--vxe-ui-font-primary-color);
+    }
+    &:hover {
+      color: var(--vxe-ui-font-primary-color);
+      border-color: var(--vxe-ui-font-primary-color);
+    }
+  }
+}
+
+.vxe-table-export--panel-column-option {
+  @include baseMixin.createCheckboxIcon();
+}

package/styles/components/table-module/filter.scss

@@ -1,131 +1,131 @@
-@use '../../helpers/baseMixin.scss';
-
-.vxe-cell--filter {
-  padding: 0 0.1em 0 0.2em;
-  text-align: center;
-  vertical-align: middle;
-  display: inline-block;
-  line-height: 0;
-  &.col--filter {
-    .vxe-filter--btn {
-      color: var(--vxe-ui-font-color);
-    }
-  }
-  .vxe-filter--btn {
-    color: var(--vxe-ui-table-column-icon-border-color);
-    cursor: pointer;
-    &:hover {
-      color: var(--vxe-ui-font-color);
-    }
-  }
-}
-.is--filter-active {
-  .vxe-cell--filter {
-    .vxe-filter--btn {
-      color: var(--vxe-ui-font-primary-color);
-    }
-  }
-}
-
-/*筛选容器*/
-.vxe-table--filter-wrapper {
-  display: none;
-  position: absolute;
-  top: 0;
-  min-width: 100px;
-  font-size: var(--vxe-ui-font-size-default);
-  border-radius: var(--vxe-ui-border-radius);
-  background-color: var(--vxe-ui-layout-background-color);
-  border: 1px solid var(--vxe-ui-base-popup-border-color);
-  color: var(--vxe-ui-font-color);
-  box-shadow: var(--vxe-ui-base-popup-box-shadow);
-  z-index: 15;
-  &:not(.is--multiple) {
-    .vxe-table--filter-header,
-    .vxe-table--filter-body {
-      text-align: center;
-    }
-  }
-  &.is--active {
-    display: block;
-  }
-  .vxe-table--filter-header,
-  .vxe-table--filter-body {
-    & > li {
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      max-width: 360px;
-      padding: 0.25em 0.8em;
-      cursor: pointer;
-      &.is--checked {
-        color: var(--vxe-ui-font-primary-color);
-      }
-      &:hover {
-        background-color: var(--vxe-ui-table-row-hover-background-color);
-      }
-    }
-  }
-  .vxe-table--filter-header {
-    padding-top: 0.2em;
-  }
-  .vxe-table--filter-body {
-    max-height: 200px;
-    padding-bottom: 0.2em;
-  }
-  & > ul {
-    list-style-type: none;
-    padding: 0;
-    margin: 0;
-    outline: 0;
-    overflow: auto;
-    user-select: none;
-  }
-  &.is--multiple {
-    & > ul {
-      & > li {
-        padding: 0.25em 0.8em 0.25em 1em;
-      }
-    }
-  }
-  .vxe-table--filter-footer {
-    border-top: 1px solid var(--vxe-ui-base-popup-border-color);
-    padding: 0.6em;
-    user-select: none;
-    button {
-      background-color: transparent;
-      padding: 0 0.4em;
-      border: 0;
-      color: var(--vxe-ui-font-color);
-      cursor: pointer;
-      &:focus {
-        outline: none;
-      }
-      &:hover {
-        color: var(--vxe-ui-font-primary-color);
-      }
-      &.is--disabled {
-        color: var(--vxe-ui-font-disabled-color);
-        cursor: not-allowed;
-      }
-    }
-  }
-}
-
-.vxe-table--filter-option {
-  @include baseMixin.createCheckboxIcon();
-}
-
-
-
-.vxe-table--filter-wrapper {
-  &.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);
-  }
+@use '../../helpers/baseMixin.scss';
+
+.vxe-cell--filter {
+  padding: 0 0.1em 0 0.2em;
+  text-align: center;
+  vertical-align: middle;
+  display: inline-block;
+  line-height: 0;
+  &.col--filter {
+    .vxe-filter--btn {
+      color: var(--vxe-ui-font-color);
+    }
+  }
+  .vxe-filter--btn {
+    color: var(--vxe-ui-table-column-icon-border-color);
+    cursor: pointer;
+    &:hover {
+      color: var(--vxe-ui-font-color);
+    }
+  }
+}
+.is--filter-active {
+  .vxe-cell--filter {
+    .vxe-filter--btn {
+      color: var(--vxe-ui-font-primary-color);
+    }
+  }
+}
+
+/*筛选容器*/
+.vxe-table--filter-wrapper {
+  display: none;
+  position: absolute;
+  top: 0;
+  min-width: 100px;
+  font-size: var(--vxe-ui-font-size-default);
+  border-radius: var(--vxe-ui-border-radius);
+  background-color: var(--vxe-ui-layout-background-color);
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  color: var(--vxe-ui-font-color);
+  box-shadow: var(--vxe-ui-base-popup-box-shadow);
+  z-index: 15;
+  &:not(.is--multiple) {
+    .vxe-table--filter-header,
+    .vxe-table--filter-body {
+      text-align: center;
+    }
+  }
+  &.is--active {
+    display: block;
+  }
+  .vxe-table--filter-header,
+  .vxe-table--filter-body {
+    & > li {
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+      max-width: 360px;
+      padding: 0.25em 0.8em;
+      cursor: pointer;
+      &.is--checked {
+        color: var(--vxe-ui-font-primary-color);
+      }
+      &:hover {
+        background-color: var(--vxe-ui-table-row-hover-background-color);
+      }
+    }
+  }
+  .vxe-table--filter-header {
+    padding-top: 0.2em;
+  }
+  .vxe-table--filter-body {
+    max-height: 200px;
+    padding-bottom: 0.2em;
+  }
+  & > ul {
+    list-style-type: none;
+    padding: 0;
+    margin: 0;
+    outline: 0;
+    overflow: auto;
+    user-select: none;
+  }
+  &.is--multiple {
+    & > ul {
+      & > li {
+        padding: 0.25em 0.8em 0.25em 1em;
+      }
+    }
+  }
+  .vxe-table--filter-footer {
+    border-top: 1px solid var(--vxe-ui-base-popup-border-color);
+    padding: 0.6em;
+    user-select: none;
+    button {
+      background-color: transparent;
+      padding: 0 0.4em;
+      border: 0;
+      color: var(--vxe-ui-font-color);
+      cursor: pointer;
+      &:focus {
+        outline: none;
+      }
+      &:hover {
+        color: var(--vxe-ui-font-primary-color);
+      }
+      &.is--disabled {
+        color: var(--vxe-ui-font-disabled-color);
+        cursor: not-allowed;
+      }
+    }
+  }
+}
+
+.vxe-table--filter-option {
+  @include baseMixin.createCheckboxIcon();
+}
+
+
+
+.vxe-table--filter-wrapper {
+  &.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);
+  }
 }

package/styles/components/table-module/menu.scss

@@ -1,82 +1,82 @@
-.vxe-table--context-menu-wrapper {
-  display: none;
-  &.is--visible {
-    display: block;
-  }
-}
-.vxe-table--context-menu-wrapper,
-.vxe-table--context-menu-clild-wrapper {
-  position: absolute;
-  top: 0;
-  left: 0;
-  font-size: 12px;
-  border: 1px solid var(--vxe-ui-base-popup-border-color);
-  box-shadow: 3px 3px 4px -2px rgba(0,0,0,.6);
-  padding: 0 1px;
-  user-select: none;
-  color: var(--vxe-ui-font-color);
-  font-family: var(--vxe-ui-font-family);
-  background-color: var(--vxe-ui-layout-background-color);
-}
-.vxe-context-menu--link {
-  display: flex;
-  flex-direction: row;
-  width: var(--vxe-ui-table-menu-item-width);
-  line-height: 26px;
-  padding: 0 0.8em;
-  color: var(--vxe-ui-font-color);
-  cursor: pointer;
-  .vxe-context-menu--link-prefix,
-  .vxe-context-menu--link-suffix {
-    min-width: 2em;
-    flex-shrink: 0;
-    text-align: center;
-    padding: 0 0.2em;
-  }
-  .vxe-context-menu--link-content {
-    flex-grow: 1;
-    padding: 0 0.2em;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-}
-.vxe-context-menu--option-wrapper,
-.vxe-table--context-menu-clild-wrapper {
-  margin: 0;
-  padding: 0;
-  list-style-type: none;
-  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
-  li {
-    position: relative;
-    margin: 1px 0;
-    border: 1px solid transparent;
-    &:last-child {
-      border: 0;
-    }
-    &.link--active {
-      background-color: var(--vxe-ui-base-hover-background-color);
-      border-color: var(--vxe-ui-base-hover-background-color);
-    }
-    &.link--loading,
-    &.link--disabled {
-      & > .vxe-context-menu--link {
-        color: var(--vxe-ui-font-disabled-color);
-        cursor: no-drop;
-      }
-      &.link--active {
-        &:hover {
-          background-color: inherit;
-        }
-      }
-    }
-  }
-}
-.vxe-table--context-menu-clild-wrapper {
-  display: none;
-  top: 0;
-  left: 100%;
-  &.is--show {
-    display: block;
-  }
+.vxe-table--context-menu-wrapper {
+  display: none;
+  &.is--visible {
+    display: block;
+  }
+}
+.vxe-table--context-menu-wrapper,
+.vxe-table--context-menu-clild-wrapper {
+  position: absolute;
+  top: 0;
+  left: 0;
+  font-size: 12px;
+  border: 1px solid var(--vxe-ui-base-popup-border-color);
+  box-shadow: 3px 3px 4px -2px rgba(0,0,0,.6);
+  padding: 0 1px;
+  user-select: none;
+  color: var(--vxe-ui-font-color);
+  font-family: var(--vxe-ui-font-family);
+  background-color: var(--vxe-ui-layout-background-color);
+}
+.vxe-context-menu--link {
+  display: flex;
+  flex-direction: row;
+  width: var(--vxe-ui-table-menu-item-width);
+  line-height: 26px;
+  padding: 0 0.8em;
+  color: var(--vxe-ui-font-color);
+  cursor: pointer;
+  .vxe-context-menu--link-prefix,
+  .vxe-context-menu--link-suffix {
+    min-width: 2em;
+    flex-shrink: 0;
+    text-align: center;
+    padding: 0 0.2em;
+  }
+  .vxe-context-menu--link-content {
+    flex-grow: 1;
+    padding: 0 0.2em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+.vxe-context-menu--option-wrapper,
+.vxe-table--context-menu-clild-wrapper {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
+  border-bottom: 1px solid var(--vxe-ui-base-popup-border-color);
+  li {
+    position: relative;
+    margin: 1px 0;
+    border: 1px solid transparent;
+    &:last-child {
+      border: 0;
+    }
+    &.link--active {
+      background-color: var(--vxe-ui-base-hover-background-color);
+      border-color: var(--vxe-ui-base-hover-background-color);
+    }
+    &.link--loading,
+    &.link--disabled {
+      & > .vxe-context-menu--link {
+        color: var(--vxe-ui-font-disabled-color);
+        cursor: no-drop;
+      }
+      &.link--active {
+        &:hover {
+          background-color: inherit;
+        }
+      }
+    }
+  }
+}
+.vxe-table--context-menu-clild-wrapper {
+  display: none;
+  top: 0;
+  left: 100%;
+  &.is--show {
+    display: block;
+  }
 }